Contact Form 7

Avant de commencer

• Dans WordPress : l'extension Contact Form 7 et l'extension gratuite CF7 to Webhook de Mário Valney, sur WordPress.org (anciennement « CF7 to Zapier »). Contact Form 7 seul ne prévient pas d'autres systèmes.
• Dans SendApp : rien d'autre n'est nécessaire pour remplir le carnet d'adresses. Pour un message de bienvenue sur WhatsApp, il faut WhatsApp connecté et un modèle approuvé par Meta.

1. Collez l'adresse dans Contact Form 7

1. Sur la page Intégrations, ouvrez la fiche Contact Form 7, choisissez le compte IA et cliquez sur Créer une automatisation : une automatisation désactivée s'ouvre, avec l'événement Contact Form 7 déjà choisi et l'étape Ajouter un tag « sito-web ».
2. Copiez l'adresse déjà prête avec Copier. C'est l'adresse de cette seule automatisation : gardez-la confidentielle, qui la possède peut la lancer.
3. Dans WordPress, depuis Extensions → Ajouter, installez et activez CF7 to Webhook.
4. Ouvrez Contact → Formulaires de contact, modifiez le formulaire et allez dans l'onglet Webhook ajouté par l'extension.
5. Cochez Send to Webhook, collez l'adresse dans Webhook URL et enregistrez le formulaire. Laissez Send CF7 mail as usually coché si vous voulez continuer à recevoir l'e-mail du formulaire.

2. Faites un test dans Contact Form 7

1. Laissez l'automatisation SendApp désactivée : l'appel est enregistré comme exemple et le contact n'est pas encore créé.
2. Remplissez le formulaire de votre site avec votre numéro et votre e-mail.
3. Revenez ensuite dans l'éditeur : les données s'affichent toutes seules en quelques secondes.

3. Vérifiez les données reçues

Dans l'éditeur, les champs du formulaire s'affichent tout seuls, avec leurs valeurs. Si vous ne les voyez pas, cliquez sur Rafraîchir.

Quels champs attendre

L'extension envoie chaque champ avec le nom qu'il a dans le formulaire. Le formulaire standard de Contact Form 7 utilise your-name, your-email, your-subject et your-message : le nom et l'e-mail sont reconnus automatiquement, tout comme your-tel ou your-phone pour le téléphone et your-first-name avec your-last-name pour le prénom et le nom séparés.

Un champ créé avec les boutons de Contact Form 7 reçoit un nom comme tel-123 : renommez-le your-tel dans le formulaire, ou choisissez vous-même le champ dans Qui est le contact.

Puis terminez l'automatisation

1. Dans Qui est le contact, laissez Reconnaître automatiquement ou choisissez vous-même les champs du téléphone, de l'e-mail et du nom. WhatsApp a besoin du numéro avec son indicatif international : vérifiez-le dans le test.
2. L'étape Ajouter un tag met « sito-web » sur le contact : vous pouvez changer le nom du tag.
3. Pour un message de bienvenue sur WhatsApp, ajoutez l'étape Envoyer un modèle WhatsApp, choisissez le modèle et, pour chaque paramètre, choisissez le champ dans le groupe Données reçues.
4. Pour un message de bienvenue par e-mail, ajoutez l'étape Envoyer un e-mail depuis votre boîte, choisissez J'utilise un modèle d'e-mail et le modèle de l'Email Builder (les données du contact se remplissent seules) et, comme Type d'e-mail, De service. Il faut une boîte connectée dans Applications → Email : Outlook / Microsoft 365 ou Utiliser mon propre SMTP.
5. Enregistrez puis activez l'automatisation SendApp et refaites le test : le contact apparaît dans Contacts avec le tag « sito-web ».

Bon à savoir

• Un formulaire sans téléphone ni e-mail ne crée aucun contact.
• Les messages promotionnels exigent le consentement du client : ajoutez au formulaire une case de consentement.
• Si vous générez une nouvelle adresse, l'ancienne cesse aussitôt de fonctionner : collez la nouvelle dans Webhook URL.
• Les libellés de CF7 to Webhook sont ceux de l'extension en anglais et peuvent changer.