Connecter Contact Form 7 avec ActiveTrail

Contact Form 7 est l’extension WordPress la plus utilisée.

Nous allons voir ensemble comment connecter votre formulaire Contact Form 7 avec votre compte ActiveTrail.

Contact Form 7 est l’extension WordPress la plus utilisée sur WordPress, elle est gratuite et vous permet de créer des formulaires en toute simplicité.
ActiveTrail a donc développé un module permettant de relier votre formulaire existant créé à partir de Contact Form 7 avec votre compte ActiveTrail.

La 1ere etape est de vous connecter à votre compte ActiveTrail est de créer un nouveau groupe de contact qui permettra d’accueillir les contacts qui se seront inscrits via votre formulaire Contact Form 7.

Pour procéder, allez dans le menu contact puis cliquez sur groupe et ensuite sur nouveau. Nous allons nommer le groupe “Contact Form 7”. Une fois le groupe créé, récupérez l’ID de votre groupe que vous trouverez dans l’url affiché sur ActiveTrail: il s’agit d’un numéro unique qui vous servira dans la configuration côté WordPress, ensuite vous allez devoir créer un jeton api qui permettra à Contact Form 7 de se connecter à votre compte ActiveTrail.

Pour créer le jeton API, il faut se rendre dans le menu intégration cliquez sur API puis sur jetons API puis cliquez sur le bouton nouveau. Nommons le jeton API par exemple “Contact Form 7” puis cliquez sur enregistrer. Il est important de sauvegarder quelque part le jeton généré car il ne sera visible qu’une seule fois.
Une fois le jeton API créé, nous allons nous connecter à notre Back Office WordPress et télécharger la dernière version du module ActiveTrail Contact Form 7. Pour télécharger le plugin, allez dans le menu extension puis cliquez sur ajouter. Dans le moteur de recherche, tapez “ActiveTrail” puis ensuite télécharger le plugin ActiveTrail Contact Form 7 puis activez-le. Pour ce tutoriel, le plugin a déjà été téléchargé et activé, c’est pour cela qu’il apparaît déjà en “Actif”. Maintenant, il faut se rendre dans le menu contact puis sélectionnez votre formulaire existant.
Si vous n’en avez pas, il faudra cliquer sur ajouter. Donc cliquons sur un formulaire puis sur l’onglet ActiveTrail.

Nous allons maintenant renseigner les informations demandées dans le 1er champ Form ID field, nous allons mettre l’ID du formulaire présent dans l’encadré bleu. Ici, ce sera 227 mais chacun aura un ID différent. Ensuite, dans le champ Email field, il faudrait écrire “your-email”, c’est très important de l’écrire exactement comme cela sinon cela ne fonctionnera pas. Nous allons maintenant descendre dans la page et arriver sur la section ActiveTrail setting dans laquelle je vais ajouter le token ID (c’est le jeton API que nous avons créé ensemble côté ActiveTrail pour le groupe ID, c’est le chiffre que nous avons récupéré dans la barre d’adresse ActiveTrail après avoir créé le groupe. Juste au-dessus vous avez la partie ActiveTrail custom field qui permet d’ajouter les informations complémentaires de votre formulaire, par exemple si vous voulez en plus de récupérer l’adresse email récupérer le nom le prénom etc.. si vous souhaitez par exemple récupérer le nom de famille il faudra aller regarder dans l’onglet formulaire pour voir comment est nommé le champ. On voit qu’il s’écrit “your-name” donc il faudra reporter dans l’onglet ActiveTrail “your-name” exactement.
Une fois cette étape terminée, cliquez sur enregistrer et rendez-vous sur la page sur laquelle vous avez déposé votre formulaire Contact Form 7. On va maintenant tester le formulaire pour vérifier que les contacts inscrits arrivent bien dans ActiveTrail. On renseigne le nom et l’email et cliquez sur envoyer, ensuite retournez sur votre compte ActiveTrail dans le groupe que nous avions créé pour récupérer les inscrits. Actualisons la page et nous voyons bien apparaître l’inscription qui se fait en temps réel.

Cette vidéo est maintenant terminée vous savez maintenant comment relier votre formulaire Contact Form 7 avec votre compte ActiveTrail.

 

Pour en savoir plus sur l’intégration WordPress: https://www.activetrail.fr/integratio…

Essai gratuit pendant 30j 👉 https://www.activetrail.fr/free-trial