Connecter Webflow à ActiveCampaign

Avec l'intégration Webflow d'ActiveCampaign, vous pouvez connecter plusieurs sites Web et formulaires Webflow à votre compte ActiveCampaign. L'intégration est conçue pour prendre en charge aussi bien les clients disposant d'un seul site web Webflow que les agences en pleine croissance gérant plusieurs comptes de clients finaux.

Avec cette intégration, vous pouvez :

• Synchronisez et mappez les formulaires Webflow vers ActiveCampaign.
• Intégrez les formulaires ActiveCampaign en un clic.
• Créez des listes, des tags et des champs personnalisés dans Webflow sans quitter votre environnement.
• Activez un suivi puissant de site et d'événements en quelques clics — aucun codage nécessaire.
• Consultez tout l'historique des formulaires dans votre fiche de contact (plan ActiveCampaign Enterprise uniquement).

Remarque

• Il s'agit d'une intégration directe dans votre espace de travail Webflow. La configuration de l'intégration est effectuée dans chaque site web Webflow.
• Cette intégration est disponible sur tous les plans ActiveCampaign et Webflow.
• Les clients ActiveCampaign Enterprise auront accès aux Objets personnalisés pour capturer plusieurs soumissions de formulaire provenant du même contact.
• Le mappage de champs est disponible lorsqu'il est intégré à un formulaire Webflow.
• Le mappage des champs n'est pas requis lors de l'intégration avec un formulaire ActiveCampaign.

Connectez votre compte Webflow à ActiveCampaign

1. Depuis votre compte Webflow, cliquez sur l'icône Applications dans le menu de gauche.
2. Recherchez ActiveCampaign dans la barre de recherche en haut à gauche.
3. Passez la souris sur ActiveCampaign dans la liste, puis cliquez sur le bouton « Installer » qui apparaît.
4. Une fois installé, survolez ActiveCampaign dans la section « Connecté » et cliquez sur « Lancer ».
5. Dans la fenêtre de connexion ActiveCampaign :
   
   • Saisissez votre URL ActiveCampaign.
   • Saisissez votre clé API ActiveCampaign.
   • (Facultatif) Donnez un nom convivial à votre compte ActiveCampaign pour identifier facilement les comptes dans Webflow.
   • Cochez la case « Ajouter à ce site », et le compte ActiveCampaign connecté sera associé uniquement à ce site.
   • Cochez la case « Ajouter à l'espace de travail », et le compte ActiveCampaign connecté sera accessible sur tous les sites de votre espace de travail Webflow.
6. Cliquez sur « Se connecter ».
   
   

Synchronisez les formulaires Webflow avec ActiveCampaign

La synchronisation de votre formulaire Webflow vous permet de mapper les champs Webflow aux champs ActiveCampaign, de créer de nouvelles listes, étiquettes et champs personnalisés, et de récupérer les listes, étiquettes et champs existants. Une fois le mappage des champs mis à jour, toutes les nouvelles soumissions refléteront les nouvelles règles de mappage.

1. Depuis votre compte Webflow, cliquez sur l'icône Applications dans le menu de gauche.
2. Recherchez ActiveCampaign dans la barre de recherche en haut à gauche.
3. Survolez ActiveCampaign dans la section « Connecté » et cliquez sur « Lancer ».
4. Cliquez sur le compte ActiveCampaign avec lequel vous souhaitez travailler.
5. Cliquez sur « Synchroniser les formulaires Webflow avec ActiveCampaign ».
6. Cliquez sur le formulaire Webflow que vous souhaitez synchroniser, puis cliquez sur « Configurer la synchronisation du formulaire ».
7. Si plusieurs formulaires Webflow sont présents sur votre site web, vous pouvez sélectionner manuellement le formulaire pour le mappage des champs en cliquant sur « Sélectionner le formulaire manuellement ? »
8. Dans le menu déroulant « Sélectionner la liste ActiveCampaign », sélectionnez une liste existante ou créez une nouvelle liste.
   
   • Si vous créez une nouvelle liste, remplissez les champs suivants :
     
     • Nom de la liste
     • Description
     • URL de la liste (URL du site web de l'entreprise pour la conformité légale)
     • Message de rappel
       
       

       Une fois la nouvelle liste créée, elle sera automatiquement sélectionnée dans le menu déroulant « Sélectionner la liste ActiveCampaign ».

9. Une fois que vous avez sélectionné une liste, cliquez sur « Continuer vers le mappage des champs ».
10. Vérifiez la configuration de synchronisation, puis cliquez sur « Enregistrer & Activer la synchronisation ».
11. Associer les champs Webflow aux champs ActiveCampaign :
    
    • Synchronisez des champs supplémentaires en cliquant sur Ajouter un autre mappage de champ
    • Créez de nouveaux champs personnalisés ActiveCampaign en cliquant sur Créer un nouveau champ ActiveCampaign, puis :
      
      1. Saisissez le nom du nouveau champ personnalisé et le type de champ.
      2. Cliquez sur Créer un champ
    • Si les types de champs ne correspondent pas, un message d'avertissement apparaîtra. Apprenez-en davantage sur les alertes d'avertissement de type de champ.
12. Dans le champ « Tags », vous pouvez inclure plusieurs tags existants ou nouveaux à associer à un contact. Pour ajouter des étiquettes :
    
    • Étiquettes existantes : vous devez saisir le nom complet de l'étiquette, puis cliquer sur le nom de l'étiquette lorsqu'il apparaît sous le champ.
    • Nouvelles étiquettes : saisissez le nom de l'étiquette, puis cliquez sur « Créer (nom de l'étiquette) ».
13. Après avoir terminé le mappage des champs et la sélection des balises, cliquez sur « Démarrer la synchronisation ».
14. Important : Cliquez sur « Publier le site Webflow ». La publication de votre site rendra la configuration de synchronisation active pour les soumissions de formulaire.
15. Pour modifier ou supprimer votre synchronisation de formulaire, cliquez sur « Afficher toutes les synchronisations ».

Alertes d'avertissement de type de champ

Objets personnalisés : enregistrez plusieurs soumissions de contacts

Disponible sur Enterprise.

• Découvrez comment mettre à niveau votre compte ActiveCampaign ou contactez notre équipe d'expérience client.
• Pour nos partenaires agences ou revendeurs, veuillez contacter votre Responsable Partenaire.

Si vous utilisez un formulaire intégré ActiveCampaign :

Vous pouvez ajouter des champs d'objet personnalisés aux formulaires intégrés uniquement. Cela vous permet de collecter des données provenant de plusieurs soumissions de formulaire d'un même contact, puis d'afficher et d'agir sur ces informations.

Découvrez comment créer des formulaires avec les objets personnalisés pour configurer cela.

Si vous utilisez un formulaire Webflow :

ActiveCampaign créera automatiquement un enregistrement historique de chaque soumission de formulaire provenant du même contact dans notre section Objet personnalisé Webflow de votre fiche contact.

Pour trouver l'objet personnalisé Webflow dans ActiveCampaign, cliquez sur une fiche contact, puis faites défiler vers le bas jusqu'à la section située sous les sections Étiquettes, Liste et Automatisations :

• Pour nommer votre objet personnalisé, mettez à jour la section des paramètres du formulaire dans Webflow.
• Pour voir une liste des champs liés à votre formulaire Webflow et leurs valeurs, cliquez sur les trois points > Détails dans la section des objets personnalisés de la fiche contact, et un panneau latéral apparaîtra.
  
  

Découvrez comment utiliser les données de votre objet personnalisé Webflow pour automatiser les déclencheurs et la personnalisation des e-mails dans notre présentation des objets personnalisés.

Utiliser les objets personnalisés de contact avec les automatisations

Vous pouvez utiliser des objets personnalisés pour déclencher des automatisations, ainsi que pour personnaliser vos messages et créer des conditions avec le générateur de segments.

Voici une liste d'actions d'automation que vous pouvez utiliser pour référencer les données d'objets personnalisés.

Vous pouvez également référencer des objets personnalisés lors de la création de segments de liste, de recherches avancées, de campagnes, de scores de prospects et de webhooks. Découvrez comment utiliser les objets personnalisés avec les automatisations.

Intégrer un formulaire ActiveCampaign dans Webflow

Vous pouvez rechercher et intégrer n'importe lequel de vos formulaires ActiveCampaign en ligne, barre flottante, boîte flottante ou modal sur votre site Webflow en un seul clic.

Important :

• Vous ne verrez pas d'aperçu de votre formulaire ActiveCampaign dans votre environnement Webflow
• Vous n'avez pas besoin de mapper votre formulaire ActiveCampaign
• Les soumissions de formulaire seront enregistrées selon vos champs standard et personnalisés
• Plusieurs soumissions du même formulaire provenant du même contact peuvent être écrasées, sauf si vous avez configuré un objet personnalisé pour le formulaire. Cette fonctionnalité est disponible pour les clients ActiveCampaign Enterprise
• Si vous utilisez le bloc « Téléchargement de fichier » dans votre formulaire, le fichier ne se synchronisera pas dans votre champ personnalisé ni ne sera téléchargé vers ActiveCampaign
• Cliquez sur « Publier le site Webflow ». La publication de votre site activera la configuration de synchronisation pour les soumissions de formulaire

Comment intégrer un formulaire ActiveCampaign dans Webflow :

1. Depuis votre compte Webflow, cliquez sur l'icône Applications dans le menu de gauche.
2. Recherchez ActiveCampaign dans la barre de recherche en haut à gauche.
3. Survolez ActiveCampaign dans la section « Connecté » et cliquez sur « Lancer ».
4. Cliquez sur le compte ActiveCampaign avec lequel vous souhaitez travailler.
5. Cliquez sur « Intégrer les formulaires ActiveCampaign dans Webflow ».
6. Recherchez le formulaire ActiveCampaign dans la liste.
   
   
   
   
7. Dans l'environnement Webflow, sélectionnez la section de votre formulaire où vous souhaitez intégrer votre formulaire.
8. Ensuite, dans la fenêtre modale, cliquez sur « Intégrer » à côté du formulaire que vous souhaitez intégrer. Un message de réussite vert s'affichera en haut à droite lorsque le formulaire aura été intégré.
9. Pour vérifier la position du formulaire une fois qu'il est intégré dans Webflow, cliquez sur l'icône avec trois lignes horizontales. Vous pouvez également déplacer le formulaire vers une autre section depuis cette zone dans Webflow.
   
   
   
   
10. Important : Cliquez sur « Publier le site Webflow ».

Activer le suivi des événements ActiveCampaign

Ajoutez le suivi des événements à votre site Webflow pour capturer les interactions des utilisateurs et déclencher des automatisations dans ActiveCampaign. Les types d'événements disponibles pour le suivi incluent :

• Clic : Suivez les clics sur les images, les champs, les boutons, etc. pour un contact connu
• Élément visible : Suivez si un contact connu a atteint ou consulté différentes sections du site web.
• Temps passé sur la page : Mesure la durée en secondes qu'un contact connu passe sur une page spécifique.

Comment configurer le suivi des événements ActiveCampaign dans Webflow :

1. Depuis votre compte Webflow, cliquez sur l'icône Applications dans le menu de gauche.
2. Recherchez ActiveCampaign dans la barre de recherche en haut à gauche.
3. Survolez ActiveCampaign dans la section « Connecté » et cliquez sur « Lancer ».
4. Cliquez sur le compte ActiveCampaign avec lequel vous souhaitez travailler.
5. Cliquez sur « Activer le suivi des événements ActiveCampaign ».
6. Pour récupérer votre clé d'événement et votre identifiant d'action, accédez à votre compte ActiveCampaign et cliquez sur Site Web > Suivi du site dans le menu de gauche. Dans la section « Suivi des événements », basculez sur la position activée :
   
   • La clé d'événement est l'information contenue dans le champ « Clé d'événement ».
   • Identifiant de l'acte : Cliquez sur le lien hypertexte « API de suivi des événements ». L'identifiant de l'acte est le numéro figurant dans le premier point de la liste.
7. Dans Webflow, saisissez votre clé d'événement et votre identifiant Act.
8. Cliquez sur « Enregistrer les identifiants ». Une fois enregistrés, vos identifiants de connexion seront conservés pour les connexions futures.

Comment configurer le suivi des événements dans votre page web Webflow :

1. Une fois le suivi des événements configuré, depuis la fenêtre modale de suivi des événements, sélectionnez n'importe quel élément dans le Designer Webflow pour ajouter le suivi des événements et surveiller les interactions des utilisateurs.
2. La fenêtre modale se mettra à jour avec de nouvelles options en fonction de l'élément que vous sélectionnez à la dernière étape. Sélectionnez un « Type d'événement » et un « Événement ActiveCampaign » pour l'élément.
3. Pour créer un nouvel événement ActiveCampaign : Cliquez sur « Créer un nouvel événement ActiveCampaign », puis saisissez une « Description de l'événement » et un « Nom de l'événement ». Ces informations seront affichées dans l'enregistrement de l'activité du contact :
   
   
   
   • « Description de l'événement » - Dans l'exemple ci-dessous, la Description de l'événement est « Cet événement m'envoie vers une 2ème page. »
   • « Nom de l'événement » - Dans l'exemple ci-dessous, le nom de l'événement est « Texte du bouton ».
     
     
     
     
4. Cliquez sur « Créer un événement ». L'événement nouvellement créé apparaîtra dans le menu déroulant et sera visible dans la section Suivi des événements de votre compte ActiveCampaign.
5. IMPORTANT : Cliquez sur « Publier le site Webflow ». La publication de votre site activera la configuration de synchronisation pour le suivi des événements.
6. Pour supprimer le suivi d'événement des éléments, cliquez sur l'icône de corbeille.

Suivi des événements de temps passé sur la page

Le suivi des événements de temps passé sur la page est un excellent moyen d'évaluer l'engagement des utilisateurs sur votre site web. Cette métrique mesure la durée pendant laquelle un utilisateur reste sur une page spécifique, depuis le moment où la page se charge jusqu'à ce qu'il quitte la page ou ferme le navigateur. Ces données sont inestimables pour les professionnels du marketing cherchant à optimiser leur site en termes d'expérience utilisateur et de pertinence du contenu.

Vous pourrez suivre l'événement dans le journal des activités récentes de votre fiche contact. L'événement peut également servir de déclencheur pour lancer une automatisation, personnaliser des e-mails et être utilisé pour la segmentation.

Pour activer le suivi du temps passé sur la page, dans la fenêtre de suivi des événements, cliquez sur le bouton bascule pour le mettre en position activée.

Activer le suivi de site ActiveCampaign

Le suivi de site connecte vos processus marketing et de vente à l'activité de votre site web. Il permet à ActiveCampaign de « voir » et de « réagir » en temps réel lorsque les contacts visitent votre site et consultent des catégories et des pages spécifiques.

Activez le suivi du site sur l'ensemble de votre site Webflow en un clic, ce qui vous permet de surveiller le comportement des visiteurs et d'améliorer l'automatisation.

1. Depuis votre compte Webflow, cliquez sur l'icône Applications dans le menu de gauche.
2. Recherchez ActiveCampaign dans la barre de recherche en haut à gauche.
3. Survolez ActiveCampaign dans la section « Connecté » et cliquez sur « Lancer ».
4. Cliquez sur le compte ActiveCampaign avec lequel vous souhaitez travailler.
5. Cliquez sur « Activer le suivi de site ActiveCampaign ».
6. Cochez la case à côté de l'URL de votre site Web Webflow pour activer le suivi du site pour votre site Webflow.
7. Pour vérifier le statut de vos domaines en liste blanche : Depuis ActiveCampaign, cliquez sur Site Web > Suivi du site dans le menu de gauche et consultez la section « Liste blanche et code d'installation ».
8. IMPORTANT : Cliquez sur « Publier le site Webflow ». La publication de votre site rendra la configuration de synchronisation active pour le suivi du site.
9. Cliquez sur « Désactiver le suivi du site » pour supprimer.

ActiveCampaign n'affiche pas les données de suivi de site anonymes pour les visiteurs anonymes. Le suivi du site ne fonctionnera qu'avec les contacts connus. Découvrez comment fonctionne le suivi de site.

Déconnecter ActiveCampaign de Webflow

1. Depuis votre compte Webflow, cliquez sur l'icône Applications dans le menu de gauche.
2. Recherchez ActiveCampaign dans la barre de recherche en haut à gauche.
3. Survolez ActiveCampaign dans la section « Connecté » et cliquez sur « Lancer ».
4. Cliquez sur l'icône de la corbeille à côté du compte ActiveCampaign en bas de la fenêtre de connexion.
   
   
   
   
5. Pour éviter la suppression accidentelle de votre compte, vous aurez la possibilité de continuer à synchroniser votre formulaire même si votre compte est supprimé de l'écran de connexion.