Connectif permet d'ajouter facilement des contenus web personnalisés à votre eCommerce sans avoir besoin de modifier son code ni d'altérer sa structure.
Dans cet article, vous apprendrez comment insérer du contenu Connectif intégré sur votre site web.
ÉTAPE 1. Localisation du sélecteur approprié dans le code
(Dans cette section, l'étiquette appropriée du site web est identifiée, là où Connectif affichera le contenu).
1.1 Localiser le sélecteur
1. Accédez à la page de votre site web où vous souhaitez ajouter le contenu intégré.
2. Visualisez le bloc que vous souhaitez utiliser comme référence.
3. Ouvrez la console des outils de développement (DevTools) du navigateur.
4. Sélectionnez l'onglet Éléments dans la console pour visualiser la structure HTML.
5. Cliquez sur l'icône Inspecter, la première à gauche dans le menu supérieur.
6. Placez le curseur de la souris sur la zone de contenu que vous prévoyez d'utiliser comme référence. Cliquez lorsque la sélection est correcte pour que l'étiquette soit mise en évidence dans la console.
1.2 Vérifier que le sélecteur est unique.
(Dans cette section, on vérifie que le paramètre pour identifier l'étiquette ne se répète dans aucune autre étiquette).
7. Cliquez sur le contenu de l'onglet Éléments de la console et utilisez le raccourci clavier Control + F pour rechercher le nom de l'étiquette ou de l'attribut.
8. Copiez le nom de votre sélecteur unique dans le presse-papiers ou dans un bloc-notes.
9. Fermez la console de développement.
ÉTAPE 2. Afficher le contenu intégré sur le site
2.1 Créer un workflow pour afficher le contenu
10. Accédez aux “Workflows” et cliquez sur Créer un nouveau workflow.
11. Concevez votre stratégie en définissant les conditions pour afficher le contenu intégré aux contacts.
12. Configurez les autres nœuds du workflow, sauf le nœud "Envoyer un contenu web" (les instructions pour le configurer se trouvent à l'étape suivante).
2.2 Configurer le nœud "Envoyer un contenu web"
13. Dans le nœud “Envoyer un contenu web”, cliquez sur (Modifier la configuration du nœud).
14. Lors de la première étape de la configuration, sélectionnez ou créez un nouveau contenu inline.
15. Cliquez sur Suivant .
16. Collez dans la section Sélecteur le nom obtenu au point 8 et sélectionnez son type dans les boutons à sa gauche.
17. Choisissez la position par rapport à l'élément sélectionné où votre contenu sera intégré.
18. Cliquez sur Suivant .
19. Associez les variables si nécessaire.
20. Cliquez sur Terminer .
21. Dans le workflow, cliquez sur Enregistrer pour enregistrer les modifications et sur Démarrer pour l'activer.
22. Vérifiez sur votre site que le contenu est affiché comme prévu.
UTILISATIONS ALTERNATIVES
Utilisez le contenu intégré de manière intelligente pour améliorer encore plus vos résultats.
1. Insérer du contenu intégré invisible pour le visiteur
(Cette section explique comment inclure du code HTML depuis Connectif sur votre site sans élément visuel).
1. Accédez à “Contenu > Contenus web” et cliquez sur Créer un nouveau contenu web.
2. Sélectionnez comme type de contenu web Inline.
3. Nommez votre contenu.
3. Cliquez sur Créer un contenu web.
4. Ajoutez un composant avancé de type HTML.
5. Rédigez le contenu du code HTML.
6. Cliquez sur Enregistrer.
7. Créez un workflow, en suivant les étapes de ce guide à partir de l'ÉTAPE 2, pour utiliser votre contenu intégré invisible pour le visiteur.
Continuez à apprendre !
Pour tirer le meilleur parti de votre compte Connectif, nous vous recommandons de consulter les articles suivants :
- Intégration personnalisée pour envoyer des données, pour envoyer des données depuis Connectif vers des systèmes ou applications externes.
- Détecter et réagir aux liens web créés en dehors de Connectif, pour détecter et réagir aux clics sur n'importe quel lien de votre site.
-
Intégration avec Facebook et Instagram, pour connecter votre compte Facebook Ads avec Connectif et commencer à gérer vos audiences.
-
Formulaires intégrés, pour intégrer dans Connectif des formulaires déjà existants sur votre site.