Intégrations du formulaire de contact

Vous pouvez étendre la portée de votre formulaire de contact en l'intégrant à Google Sheets, Mailchimp, Constant Contact ou à une application tierce utilisant des webhooks.

Pour ajouter des intégrations, faites un clic droit sur le formulaire de contact, cliquez sur Modifier le contenu puis sur l'onglet Intégration.

Intégration à Google Sheets

Utilisez l'intégration à Google Sheets pour ajouter instantanément les données du formulaire de contact à une feuille de calcul. Tous les champs de contact du formulaire sont renseignés dans la feuille de calcul, ainsi qu'un horodatage incluant la date et l'heure d'envoi du formulaire.

  1. Cliquez sur Google Sheets, puis sur S'inscrire avec Google.
  2. Cliquez sur Autoriser pour accorder des autorisations de connexion à votre compte Google. Si votre ordinateur est connecté à plusieurs comptes Google, choisissez celui que vous souhaitez connecter à ce formulaire.
  3. Indiquez si vous souhaitez ajouter des données à une feuille de calcul existante ou à une nouvelle feuille.
  4. Sélectionnez la feuille de calcul vers laquelle vous souhaitez envoyer les données du formulaire. Vous pouvez sélectionner la feuille de calcul dans une liste ou utiliser la barre de recherche pour trouver une feuille spécifique.
Remarque
  • Si vous disposez de plusieurs formulaires sur le site, vous pouvez connecter chacun d'eux à une feuille de calcul différente, y compris des feuilles de calcul de comptes Google différents.
  • Vous pouvez également connecter plusieurs formulaires à la même feuille de calcul. Dans ce cas, assurez-vous que les champs et leur ordre dans les formulaires sont identiques pour correspondre aux informations envoyées.
  • L'envoi de données de formulaire vers une feuille de calcul Google ne vous empêche pas de télécharger les données dans un fichier CSV ou de recevoir des e-mails d'envoi de formulaire.

Intégration à MailChimp

MailChimp est un excellent outil pour la distribution de campagnes d'e-mails, de newsletters, etc. En utilisant la nouvelle intégration aux formulaires, les propriétaires de sites peuvent gérer des listes de contact de clients potentiels (visiteurs du site) en collectant les adresses e-mail qui sont soumises au formulaire, et les envoyer automatiquement à MailChimp.

Vous devez posséder un compte MailChimp. Une fois que vous disposez d'un compte, créez une liste de diffusion dans votre compte MailChimp où les coordonnées seront recueillies.

  1. Cliquez sur MailChimp et choisissez Se connecter à MailChimp.
  2. Connectez-vous avec vos identifiants MailChimp.
  3. Sélectionnez votre liste de contacts MailChimp dans le menu déroulant.
  4. Configurez les champs de votre formulaire. Outre l'adresse e-mail, vous pouvez envoyer automatiquement les champs du prénom et du nom à MailChimp. Pour cela, vous devez configurer les champs de l'adresse e-mail, du prénom et du nom dans le formulaire.
Remarque

Les seuls champs que vous pouvez connecter à MailChimp sont le prénom, le nom et l'e-mail. L'intégration ne fonctionnera que si vous configurez des champs du même nom que sur le formulaire de contact. Un champ pourra être laissé vide si vous sélectionnez Laisser ce champ vide dans le menu déroulant.

Conseil

Si vous avez configuré votre intégration MailChimp et que vous souhaitez essayer votre formulaire avec une adresse e-mail de test, sachez que MailChimp peut bloquer ces adresses sans préavis (par exemple, test@test.com). Pour tester votre intégration MailChimp, nous vous recommandons donc d'utiliser une vraie adresse e-mail.

Intégration à Constant Contact

Cette intégration est similaire à celle de MailChimp, mais permet aux propriétaires de site de créer des listes de diffusion dans leur compte Constant Contact.

Vous devez posséder un compte Constant Contact. Une fois que vous disposez d'un compte, créez une liste de diffusion sur votre compte Constant Contact où les coordonnées seront recueillies.

  1. Cliquez sur Constant Contact, puis sur Se connecter à Constant Contact.
  2. Connectez-vous avec vos identifiants Constant Contact.
  3. Sélectionnez votre liste Constant Contact dans le menu déroulant.
  4. Configurez les champs de votre formulaire. Outre l'adresse e-mail, Duda vous pouvez automatiquement envoyer le prénom, le nom et le numéro de téléphone à Constant Contact. Pour cela, l'utilisateur doit configurer les champs de l'adresse e-mail, du prénom et du nom dans le formulaire de contact. L'adresse e-mail et le message texte sont ajoutés par défaut.

Intégrations de webhooks

De nombreux services de cloud et en ligne proposent des intégrations par l'intermédiaire de chemins appelés webhooks.  Les webhooks envoient des notifications à une adresse Web spécifique appelée l'URL de point de terminaison. Vous pouvez connecter le formulaire de contact pour générer un événement lors de l'envoi d'un formulaire complété.

Pour connecter le formulaire de contact à un autre service à l'aide de webhooks, il vous suffit de créer une URL de point de terminaison personnalisée avec le service de votre choix et de la coller dans le champ d'intégration des webhooks du formulaire de contact. Une fois que vous avez ajouté l'URL d'un webhook, une requête POST sera envoyée au point de terminaison avec les données du corps au format JSON dès que le formulaire de contact est complété sur le site Web. Voici un exemple de données au format JSON qui seront envoyées :

{"Submission Date":"06/02/2016 10:23:54","Form Title":"Contact Us","Name":"John Smith","Email":"test@example.com","Phone":"(555).555.1212","Message":"Webhook Form Submission!"}

Remarque

Les valeurs « Submission Date » (date d'envoi) et « Form Title » (titre du formulaire) seront toujours renseignées. Les autres champs (field_name: value) sont basés sur les champs configurés dans le formulaire.

Créer une URL de point de terminaison

Les points de terminaison sont configurés sur des services tiers (par exemple, Zapier ou Slack) ou un autre serveur que vous contrôlez. Ces points de terminaison sont spécifiquement configurés pour recevoir des notifications du webhook.

Idées d'intégration

  • Zapier : Associez les données du formulaire de contact à Zapier pour profiter de possibilités illimitées. Connectez-vous à pratiquement tous les services de cloud modernes, notamment les services de gestion de la relation client comme Salesforce, Sugar CRM, Zoho, etc.
  • Slack : Une application de messagerie efficace, à laquelle vous pouvez vous connecter pour recevoir des notifications dès que des données de formulaire sont envoyées.
  • Intégration personnalisée : Créez vos propres webhooks personnalisés pour les intégrer au formulaire de contact. Par exemple, vous pouvez enregistrer les envois dans une base de données, ou vous connecter à des applications personnalisées ou à des services de tiers.

Exemple de configuration de webhooks/d'URL de point de terminaison sur Slack

  1. Dans l'application Slack, ouvrez le menu déroulant principal du compte, puis cliquez sur Configuration des applications.
  2. Une nouvelle page du site Web de Slack s'affiche. Dans le coin supérieur droit, cliquez sur le bouton Créer.
  3. Cliquez sur Créer une intégration personnalisée.
  4. Sélectionnez Incoming Webhooks (Webhooks entrants).
  5. Sélectionnez un canal existant ou créez un nouveau canal où vos messages seront publiés.
  6. Copiez votre URL Webhooks.
  7. Réglez les paramètres et les options à votre convenance, puis cliquez sur Enregistrer les paramètres.
  8. Ouvrez ensuite l'éditeur de formulaire de contact et collez l'URL de vos webhooks dans le champ Webhooks.
  9. Cliquez sur Terminé.Prévisualisez votre site, remplissez puis envoyez le formulaire de contact pour tester l'intégration.

Vous recevrez un message sur Slack chaque fois que des informations seront envoyées via votre formulaire de contact.

Fichiers joints

Il est possible d'envoyer des fichiers dans un formulaire de contact si vous y ajoutez un champ dédié aux pièces jointes. Les liens vers les fichiers téléchargés sont disponibles dans le fichier de téléchargement des formulaires envoyés, ainsi que dans chacune des intégrations de formulaire (Webhooks et Google Sheets, par ex.).

Remarque

Les visiteurs du site ne peuvent pas charger de fichiers supérieurs à 10 Mo.

  1. Cliquez sur un formulaire de contact pour afficher l'éditeur de contenu.
  2. Sous l'onglet Champs, cliquez sur Ajouter un champ et sélectionnez Fichier joint dans la liste déroulante Type de champ.
  3. Pour modifier le nom du champ, saisissez le texte de l'espace réservé.
  4. Un lien permettant de télécharger des fichiers s'ajoute alors à votre formulaire.