Configurer la page du générateur de bundles
Mis à jour hier
Cet article vous explique comment accéder à la Bundle Page depuis votre boutique
Qu’est-ce qu’une Bundle Page ?
Une Bundle Page vous permet de mettre en avant des bundles de produits dans une section dédiée de votre boutique, afin de faciliter leur achat par vos clients
Voici comment ajouter votre Bundle Page à la navigation de votre boutique pour y accéder facilement :
Étape 1 : Activer l’intégration de l’application
Si ce n’est pas déjà fait, activez l’intégration de l’application du widget. Accédez à Boutiques en ligne >> Personnalisation du thème >> Intégration d’application >> Activez l’intégration de l’application Snap Bundle
Étape 2 : Ajouter des bundles à votre Bundle Page
Accédez à la section Bundle page, puis cliquez sur Choose your bundle. Sélectionnez les bundles que vous souhaitez afficher, puis cliquez sur Save
Notre application créera automatiquement une page Shopify. Vous trouverez toutes vos pages dans l’interface d’administration Shopify
Pour rendre la Bundle page facilement accessible depuis votre boutique, ajoutez-la au menu de navigation de votre boutique. Accédez à Boutiques en ligne >> Navigation. Sélectionnez « Ajouter un menu » ou « Modifier un menu existant », puis ajoutez la Bundle page que vous venez de créer
Étape 3 : Créer un modèle pour la Bundle Page dans votre thème
Pour afficher correctement le contenu de la Bundle Page sur votre boutique Shopify, suivez les étapes ci-dessous :
1. Accéder à l’éditeur de code du thème
• Accédez à Boutique en ligne > Thèmes
• Cliquez sur Modifier le code sur votre thème actif
2. Ajouter un nouveau modèle
• Dans le dossier templates, cliquez sur Ajouter un nouveau modèle
• Sélectionnez Type de modèle : Page et choisissez Liquid comme extension de fichier
• Nommez le fichier snap-bundle, puis cliquez sur Terminé
3. Insérer du contenu dans le modèle
• Ouvrez le fichier snap-bundle.liquid nouvellement créé
• Ajoutez le code suivant pour afficher le contenu de la Bundle Page :
<div id="snb-main-content">{{ page.content }}</div>
• Cliquez sur Enregistrer pour appliquer les modifications
Besoin d’aide supplémentaire ?
Si vous rencontrez des problèmes ou avez des questions, n’hésitez pas à contacter notre équipe d’assistance à l’adresse [email protected] ou via notre chat en direct : nous serons ravis de vous aider !