Ajoutez un bouton à vos contenus web dans Connectif, permettant à vos contacts d’ajouter directement un produit à leur panier sans devoir visiter la page du produit, facilitant ainsi leurs achats sur l’eCommerce.
Dans cet article, vous apprendrez comment ajouter un bouton “Ajouter au panier” dans vos contenus web de Connectif.
Pour insérer un bouton “Ajouter au panier” sur votre site web, vous aurez besoin d’un expert ayant des connaissances en programmation pour vous assister dans certaines étapes.
Temps de mise en œuvre : Variable selon l’équipe technique.
Difficulté : Difficile
Quand l’utiliser ? : Lorsque vous souhaitez insérer un bouton "Ajouter au panier" dans vos contenus web.
Avant de commencer : prérequis
- Votre équipe IT devra créer une URL (appel vers votre backoffice) permettant d’ajouter le produit au panier.
- Cette URL doit inclure le fragment {{idproducto}}.
Le fragment {{idproducto}}, au format Variable dans Connectif, fait référence au produit à ajouter au panier, identifié par son ID. Ainsi, l'URL enverra à votre backoffice une requête pour ajouter un produit au panier sur la base de son ID.
- Une fois créée, l'URL aura une apparence similaire à ceci : https://www.ejemplo.com/add-product/{{idproducto}}
ÉTAPE 1 : Création du Contenu Web
1. Dans votre Boutique Connectif, allez dans “Contenus > Contenu Web” et cliquez sur Créer un nouveau contenu web.
2. Sélectionnez le type de Contenu Web adapté à votre stratégie.
3. Concevez votre contenu et ajoutez les éléments souhaités.
Si vous avez besoin de plus d'informations sur la façon d’éditer votre Contenu Web, vous pouvez les trouver dans cet article.
4. Ajoutez à votre contenu un élément Produits.
5. Accédez à la configuration de l'élément Produits.
6. Sélectionnez le modèle “Produit avec prix”.
7. Dans la section Personnaliser le modèle pour ce contenu, cliquez sur “{{buttonText}}”. Ensuite, cliquez sur “Plus d’options > Insérer/Modifier le lien”.
8. Dans la zone URL, insérez l’URL créée et cliquez sur Enregistrer.
9. Une fois votre Contenu Web configuré, cliquez sur ✔ Enregistrer.
ÉTAPE 2 : Création du workflow qui affichera le Contenu Web
10. Rendez-vous dans Workflows et cliquez sur Créer un nouveau workflow.
11. Cliquez sur la configuration du Nœud "Accueil" et dans Sélection de la source de données, sélectionnez comme public les contacts existants et nouveaux de votre liste.
12. Cliquez sur Appliquer.
13. Recherchez le Nœud de type Déclencheur adapté à votre stratégie, qui indiquera à Connectif quand afficher le contenu.
14. Ajoutez-le à votre workflow et configurez-le.
Dans notre exemple, nous ajouterons un Nœud “Lors de la visite d’une page web”, et le configurerons pour que le contenu s’affiche à tous les utilisateurs visitant notre site web.
15. Dans l’onglet Limitations, désactivez la limitation Désactiver après déclenchement.
16. Cliquez sur Appliquer.
17. Connectez au Nœud “Lors de la visite d’une page web”, le Nœud “Obtenir des produits”.
18. Dans la configuration du Nœud, sélectionnez le Cas d’utilisation pour définir quels produits Connectif doit récupérer et afficher ensuite dans le contenu.
Dans notre exemple, nous utiliserons le cas d’utilisation “Produits les plus consultés”.
19. Connectez au Nœud “Obtenir des produits”, un Nœud de type Action “Envoyer un contenu web”.
20. Accédez à la configuration du Nœud “Envoyer un contenu web” et sélectionnez le contenu que vous venez de créer.
21. Dans la configuration du Nœud, associez chaque champ du produit (colonne de gauche) à la variable correspondante (colonne de droite), comme illustré dans l’image.
22. Dans l’onglet Limitations, désactivez la case cochée par défaut Limite par contact, afin que le contenu avec le bouton "Ajouter au panier" puisse être affiché plusieurs fois à un même contact.
En associant la valeur ID externe du produit à la variable {{idproducto}}, chaque bouton "Ajouter au panier" redirigera vers son produit correspondant dans le panier.
23. Cliquez sur Appliquer.
24. Enregistrez et activez le workflow.
Succès !
Le bouton “Ajouter au panier” dans votre Contenu Web est maintenant prêt.
Continuez à apprendre !
Pour tirer pleinement parti de votre compte Connectif, nous vous recommandons de consulter les articles suivants :
- Recommandateur de produits pour les clients indécis, pour afficher des produits liés à ceux déjà consultés.
- Récupération du panier avant abandon pour les anonymes, pour afficher un popup de panier avant que l’utilisateur ne quitte le site.
- Tunnel de récupération de panier abandonné, pour envoyer une séquence d’emails après un abandon de panier.
- Créer un bloc de produits personnalisés dans un contenu web, pour afficher à vos clients des produits susceptibles de les intéresser.