Aller au contenu principal

Site Web avancé : Widgets – Intégrations de formulaires de contact

Pour étendre la portée de votre formulaire de contact, intégrez-le à Google Sheets, Mailchimp, Constant Contact ou une application tierce à l'aide de Webhooks.

Pour ajouter des intégrations, cliquez avec le bouton droit sur le formulaire de contact , cliquez sur Modifier le contenu , puis cliquez sur l’onglet Intégrations .

Intégration de Google Sheets

Utilisez l'intégration Google Sheets pour ajouter instantanément les données de soumission du formulaire de contact à une feuille de calcul Google Sheets. Tous les champs de contact du formulaire seront renseignés dans la feuille de calcul, avec l'horodatage de la soumission.

  1. Cliquez sur Google Sheets, puis sur Se connecter avec Google .
  2. Cliquez sur « Autoriser » pour autoriser la connexion à votre compte Google. Si votre ordinateur est connecté à plusieurs comptes Google, sélectionnez le compte que vous souhaitez connecter à ce formulaire.
  3. Sélectionnez si vous souhaitez ajouter des données à une feuille de calcul existante ou à une nouvelle.
  4. Sélectionnez la feuille de calcul à laquelle vous souhaitez soumettre les données du formulaire. Vous pouvez la sélectionner dans une liste ou utiliser la barre de recherche pour trouver une feuille spécifique.

Note:

  • Si vous avez plusieurs formulaires sur le site, vous pouvez connecter chacun d'eux à une feuille de calcul différente, y compris des feuilles de calcul dans différents comptes Google.
  • Vous pouvez connecter plusieurs formulaires à la même feuille de calcul. Dans ce cas, assurez-vous que les champs et l'ordre du formulaire sont identiques pour correspondre aux informations saisies.
  • La soumission des données d'un formulaire à une feuille de calcul Google ne vous empêche pas de télécharger les données sous forme de fichier .csv ou de recevoir des e-mails de soumission de formulaire.

Intégration MailChimp

MailChimp est un outil de distribution de campagnes e-mail, de newsletters, etc. Grâce à la nouvelle intégration de formulaires, les propriétaires de sites peuvent gérer leurs listes de contacts de clients potentiels (visiteurs) en collectant les adresses e-mail, puis en les envoyant automatiquement à MailChimp.

Vous devez posséder un compte MailChimp. Une fois votre compte créé, créez une liste de diffusion dans votre compte MailChimp où vos coordonnées seront collectées.

  1. Cliquez sur MailChimp , puis sur Se connecter à MailChimp .
  2. Connectez-vous avec vos informations d'authentification MailChimp.
  3. Sélectionnez votre liste de contacts MailChimp dans le menu déroulant.
  4. Configurez les champs de votre formulaire. En plus de l'adresse e-mail, vous pouvez envoyer automatiquement les champs prénom et nom à MailChimp. Vous devez configurer ces champs dans le formulaire.

Note:

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 les champs avec le même nom dans le formulaire de contact. Un champ peut être laissé vide si vous sélectionnez « Laisser ce champ vide » dans le menu déroulant.

Conseil:

Si vous avez déjà configuré votre intégration MailChimp et souhaitez tester votre formulaire avec un e-mail de test, MailChimp peut bloquer les e-mails de test sans avis (par exemple, test@test.com). Pour tester votre intégration MailChimp, nous vous recommandons d'utiliser un e-mail réel.

Intégration Constant Contact

Il s'agit d'une intégration similaire à MailChimp, mais elle permet aux propriétaires de sites de créer des listes de diffusion dans leur compte Constant Contact.

Vous devez posséder un compte Constant Contact. Une fois votre compte créé, créez une liste de diffusion dans votre compte Constant Contact où vos coordonnées seront collectées.

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

Intégrations de Webhooks

De nombreux services en ligne et cloud proposent des intégrations via un chemin appelé webhooks. Ces webhooks envoient des notifications à une adresse web spécifique appelée URL de point de terminaison. Vous pouvez connecter le formulaire de contact pour envoyer un événement lors de son envoi.

Pour connecter le formulaire de contact à un autre service via des webhooks, vous devez créer une URL de point de terminaison personnalisée avec le service souhaité et la coller dans le champ intégration des webhooks du formulaire de contact. Une fois l'URL du webhook ajoutée et le formulaire soumis, une requête POST est envoyée au point de terminaison avec les données au format JSON. Voici un exemple de données JSON :

{" Date de soumission ":"06/02/2016 10:23:54","Titre du formulaire ":"Nous contacter","Nom ":"John Smith","e-mail":" test@example.com ","Téléphone ":"(555).555.1212","Message":"Soumission du formulaire Webhook !"}

Note:

La date de soumission et le titre du formulaire seront toujours renseignés. Les autres champs ( field_name : valeur ) sont basés sur les champs configurés dans le formulaire.

Toutes les informations de champ sont définies sous forme de chaîne et placées 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 sur un autre serveur que vous contrôlez. Ces points de terminaison sont spécifiquement configurés pour recevoir les notifications du webhook.

Idées d'intégration

  • Zapier . Connectez les données de votre formulaire de contact à Zapier pour des possibilités illimitées. Connectez-vous à pratiquement tous les services cloud modernes, y compris les CRM comme Salesforce, Sugar CRM, Zoho et bien d'autres.
  • Slack . Une application de messagerie robuste à laquelle vous pouvez vous connecter pour recevoir des notifications dès la soumission des données d'un formulaire.
  • Intégration personnalisée . Créez vos propres webhooks personnalisés à intégrer au formulaire de contact. Par exemple, enregistrez vos soumissions dans une base de données ou connectez-vous à des applications personnalisées ou à des services tiers.

Exemple de configuration d'URL Webhooks/Endpoint sur Slack

  1. Dans l'application Slack, ouvrez la liste déroulante du compte principal, puis cliquez sur Applications et intégrations .
  2. Le site web Slack s'ouvre. En haut à droite, cliquez sur « Créer » .
  3. Cliquez sur Créer une intégration personnalisée .
  4. Sélectionnez les Webhooks entrants .
  5. Sélectionnez un canal existant ou créez un nouveau canal sur lequel vos messages seront publiés.
  6. Copiez l'URL de vos Webhooks .
  7. Ajustez les paramètres et les options à votre guise, puis cliquez sur Enregistrer les paramètres .
  8. Ouvrez l’éditeur de formulaire de contenu et collez l’URL de vos Webhooks dans le champ Webhooks.
  9. Cliquez sur Terminé .
    Prévisualisez votre site et soumettez le formulaire de contact pour tester l'intégration.

Vous recevrez un message sur Slack chaque fois que votre formulaire de contact sera soumis.

Pièces jointes

Vous pouvez joindre des fichiers aux soumissions en créant un champ « pièce jointe » dans le formulaire de contact. Les liens vers les fichiers téléchargés sont disponibles dans le fichier de téléchargement des soumissions, ainsi que dans toutes les intégrations de formulaires telles que Webhooks et Google Sheets.

Note:

Il n'y a aucune restriction sur le type de fichier qui peut être téléchargé.

Les visiteurs du site ne peuvent pas télécharger de fichiers de plus de 10 Mo.

  1. Cliquez sur un formulaire de contact pour ouvrir l'éditeur de contenu.
  2. Dans l’onglet Éléments de formulaire, cliquez sur Ajouter un champ et sélectionnez Pièce jointe dans la liste déroulante Type de champ.
  3. Pour modifier le nom du champ, saisissez le texte d'espace réservé .
  4. Un lien pour télécharger des fichiers est ajouté à votre formulaire.
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0