Intégrations du formulaire de contact

Pour étendre la portée de votre formulaire de contact, intégrez-le à Google Sheets, Hubspot, Active Campaign, Automation Builder 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.

Remarque

Nous ne proposons plus Mailchimp ou Constant Contact comme intégrations de formulaires de contact. Si vous les avez déjà installés, ils seront toujours disponibles pour votre site.

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.

Hubspot

Le connecteur Hubspot est conçu pour intégrer de manière transparente vos projets de conception de sites Web avec les puissantes capacités CRM de Hubspot. Notre connecteur est le pont entre les activités de votre site Web et la gestion de la relation client.

Notez que Hubspot est une application qui devra être gérée via l'App Store après l'installation.

ActiveCampaign

Le connecteur a été conçu pour intégrer vos projets de conception de sites Web avec les fonctionnalités robustes de marketing par e-mail et d'automatisation d'ActiveCampaign, établissant ainsi un lien crucial entre les activités de votre site Web et vos stratégies de marketing sophistiquées.

Notez qu'ActiveCampaign est une application qui devra être gérée via l'App Store après l'installation.

Automation Builder

L'Automation Builder est votre passerelle vers une intégration transparente entre votre générateur de site Web et une myriade de plateformes de marketing et de CRM. Cet outil puissant permet un flux de données bidirectionnel, autorisant non seulement le transfert de données depuis votre créateur de site Web vers des plateformes telles que Mailchimp et ActiveCampaign, mais également dans le sens inverse. Il a été développé pour améliorer la flexibilité et l'efficacité, en simplifiant les flux de travail complexes entre les différents services.

Notez que Automation Builder est une application qui devra être gérée via l'App Store après l'installation.

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.

Toutes les informations sur les champs sont définies sous forme de chaîne et sont comprises entre guillemets. Par exemple, 7 est envoyé sous la forme "7" .

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

Il n'existe aucune restriction quant au type de fichier qui peut être téléchargé.

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.