Catégories de widgets : Business
Utilisez le widget Formulaire de contact pour ajouter un formulaire Web à votre site. Le widget Formulaire de contact vous permet de proposer aux visiteurs diverses zones de saisie : texte spécifique, liste déroulante, boutons radio, cases à cocher, date, heure, e-mail et numéros de téléphone. Vous pouvez utiliser le formulaire pour vous inscrire à la newsletter par e-mail, pour poser des questions aux clients ou simplement pour recueillir les commentaires des visiteurs de votre site
Avertissement
Nous ne recommandons pas de dupliquer les formulaires de contact, car cela entraîne généralement des problèmes dans le formulaire de contact dupliqué.
Modifiez les champs existants en cliquant sur le nom du champ dans la liste.
Pour ajouter de nouveaux champs, cliquez surAjouter un champ.
Après avoir cliqué sur un champ existant ou ajouté un nouveau champ, des paramètres supplémentaires apparaissent. De nombreux paramètres dépendent de Type de champ sélectionné.
Note
-
Sur boutons radio et cases à cocher, vous pouvez ajouter des images à afficher pour les options. Les images n'apparaîtront pas dans l'e-mail reçu lors de la soumission du formulaire, mais le libellé sélectionné apparaît (même s'il est masqué sur le site).
-
Notez que l'apparence des champs de saisie sur votre site en ligne peut être légèrement différente de ce que vous voyez dans l'éditeur, en fonction du navigateur utilisé pour afficher le formulaire.
-
La plupart des types de champs disposent des options suivantes :
-
Champ obligatoire. Si un champ obligatoire est laissé vide, lors de la tentative de soumission du formulaire, une zone rouge apparaîtra autour de celui-ci. Bien qu'aucun indicateur n'ait été ajouté pour le moment (par exemple, un astérisque, il est possible d'en ajouter un manuellement au Libellé de champ ou Espace réservé.
-
Commencez une nouvelle ligne dans ce champ.
-
Taille du champ. Personnalisez la largeur du champ.
-
-
Sur boutons radio et cases à cocher, vous pouvez ajouter des images à afficher pour les options. Les images n'apparaîtront pas dans l'e-mail reçu lors de la soumission du formulaire, mais le libellé sélectionné apparaît (même s'il est masqué sur le site).
-
Heure champ : le bouton Utiliser l'horloge 24 heures sur 24 affecte uniquement l'heure affichée dans les soumissions ; le format du sélecteur d'heure que les visiteurs du site verront dépendra des paramètres de leur navigateur.
-
Pièce jointe champ :
-
Le nom du fichier ne doit pas inclure d'espace lors du téléchargement.
-
La taille maximale des pièces jointes est de 10 Mo.
-
Un seul fichier peut être chargé par champ de pièce jointe (si plusieurs fichiers doivent être chargés, un champ devra être inclus pour chacun).
-
Les formats de fichiers suivants sont pris en charge : .pdf, .xls, .xlsx, .doc, .docx, .zip, .ppt, .pptx, .psd, .txt, .xml, .mp3, .ttf, .otf, .woff, .eot, .svg, .odt, .ott, .js, .css, .png, .jpg, .gif, .jpeg, .rar dans en plus de tous les formats de fichiers vidéo.
-
Les pièces jointes envoyées expirent au bout de 90 jours.
-
Les fichiers ne sont pas ajoutés au Media Manager.
-
-
Numéro de téléphone champ : Le champ Numéro de téléphone vérifiera la validation pour s'assurer que les conditions de formatage sont respectées. Si ce n'est pas le cas, une erreur accompagnée d'un message apparaîtra. Les conditions sont au moins un chiffre et aucun caractère non valide. Outre les chiffres, les caractères valides sont les espaces, les signes plus (+), les tirets (-) et les points (.).
Par défaut, la validation reCAPTCHA est ajoutée aux nouveaux formulaires. Cela protège votre formulaire contre les spammeurs et accélère le processus de soumission du formulaire pour les visiteurs du site.
Sélectionnez une position dans le reCAPTCHA.
Sélectionnez cette option pour afficher le reCAPTCHA sous forme d'icône ou de texte dans le formulaire.
Note
Le reCAPTCHA ne peut pas être désactivé.
Pour définir l'adresse e-mail et l'objet de réception des réponses au formulaire, cliquez sur Notification de nouvelle soumission.
Assurez-vous de saisir l'adresse e-mail dans Les soumissions de formulaires seront envoyées à champ afin d'avoir une copie des informations soumises.
Si le Les soumissions de formulaires seront envoyées à est vide, l'e-mail principal de la bibliothèque de contenu sera utilisé. Si aucun e-mail de ce type n'existe, le propriétaire du compte sera utilisé comme destinataire par défaut de la soumission. Toutes les réponses sont redirigées vers la page des réponses au formulaire.
Cliquez Actions après la soumission pour configurer les éléments suivants :
-
Merci et Erreur messages. Utilisez l'éditeur de texte enrichi pour ajouter de la couleur, mettre l'accent (gras, italique et souligné) et ajouter du texte à puces dans les zones
-
Paramètres de redirection. Vous pouvez rediriger vers une page de votre site Web ou vers un site Web externe.
-
Paramètres de messagerie: par défaut, une réponse automatique sera envoyée à l'expéditeur du formulaire avec une copie de son envoi (tant que l'adresse e-mail fournie est valide). Lorsque cette option est activée, d'autres paramètres sont répertoriés ci-dessous
-
Réponse automatique à l'expéditeur du formulaire. Par défaut, une réponse automatique sera envoyée à l'expéditeur du formulaire (tant que l'adresse e-mail fournie est valide). Pour désactiver cette option, activez Option de réponse automatique à l'expéditeur du formulaire off.
-
Nom du formulaire. Vous pouvez également définir le nom du formulaire (le nom que vous entrez ici apparaîtra dans le champ « De » de l'e-mail envoyé). Si le paramètre de réponse automatique a été désactivé, ce paramètre ne sera pas disponible
-
Objet de l'e-mail. Si le paramètre de réponse automatique a été désactivé, ce paramètre ne sera pas disponible
-
Message électronique. Si le paramètre de réponse automatique a été désactivé, ce paramètre ne sera pas disponible
-
Inclure une copie de la réponse au formulaire de l'expéditeur dans l'e-mail. Cette option est activée par défaut. Décochez cette case pour la désactiver. Si le paramètre de réponse automatique a été désactivé, ce paramètre ne sera pas disponible
-
Tapez un Titre du formulaire. Pour masquer le titre du formulaire, cliquez sur œil () icône.
Note
Si vous modifiez le titre du formulaire, celui-ci ne sera modifié qu'après l'envoi d'une nouvelle réponse. Pour modifier rapidement le nom du formulaire, nous vous suggérons de soumettre une réponse test et d'attendre quelques minutes que le formulaire soit mis à jour.
Sur le Intégration onglet, envoyez les données de soumission réussies à un service tiers. Pour plus d'informations, consultez la section ci-dessous, Intégrations de formulaires de contact (options de configuration supplémentaires).
Pour étendre la portée de votre formulaire de contact, intégrez-le à diverses solutions tierces.
Pour ajouter une intégration, dans la zone de contenu, cliquez sur Intégrations onglet.
Note
Nous ne proposons plus Mailchimp ou Constant Contact en tant qu'intégrations de formulaires de contact. Si vous les aviez déjà installés, ils seront toujours disponibles pour votre site.
Utilisez l'intégration de Google Sheets pour ajouter instantanément les données de soumission du formulaire de contact à une feuille de calcul dans Google Sheets. Tous les champs de contact du formulaire seront remplis dans la feuille de calcul, y compris l'horodatage de la date à laquelle le formulaire a été soumis
-
Cliquez sur Google Sheets, puis sur Connectez-vous avec Google.
-
Cliquez 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.
-
Choisissez si vous souhaitez ajouter des données à une feuille de calcul existante ou à une nouvelle feuille de calcul.
-
Sélectionnez la feuille de calcul à 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
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 soumises.
-
L'envoi des données de formulaire à une feuille de calcul Google ne vous empêche pas de les télécharger sous forme de fichier .csv ou de recevoir des e-mails de soumission de formulaires.
De nombreux services en ligne et cloud proposent des intégrations via un chemin appelé Webhooks. Les webhooks envoient des notifications à une adresse Web spécifique appelée URL du point de terminaison. Vous pouvez connecter le formulaire de contact pour envoyer un événement lorsque le formulaire de contact est soumis.
Pour connecter le formulaire de contact à un autre service à l'aide de Webhooks, vous devez créer une URL de point de terminaison personnalisée avec le service souhaité et la coller dans le champ d'intégration des Webhooks du formulaire de contact. Une fois que vous avez ajouté une URL Webhook et que le formulaire est soumis, une requête POST est envoyée au point de terminaison avec les données dans le corps au format JSON. Voici un exemple de données JSON :
{"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!"}
Note
La date de soumission et le titre du formulaire seront toujours renseignés. Les autres champs (field_name : value) 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 sont contenues entre guillemets. Par exemple,7est envoyé en tant que"7".
Les terminaux 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 des notifications du Webhook
-
Zapier. Connectez les données du formulaire de contact à Zapier pour des possibilités illimitées. Connectez-vous à pratiquement tous les services cloud modernes, y compris les CRM tels que Salesforce, Sugar CRM, Zoho
-
Slack. Une application de messagerie robuste à laquelle vous pouvez vous connecter pour recevoir des notifications dès que les données du formulaire sont soumises.
-
Intégration personnalisée. Créez vos propres Webhooks personnalisés à intégrer au formulaire de contact. Par exemple, enregistrez les soumissions dans une base de données ou connectez-vous à des applications personnalisées ou à des services tiers.
-
Dans l'application Slack, ouvrez la liste déroulante du compte principal, puis cliquez sur Applications et intégrations.
-
Le site Web de Slack s'ouvre. Dans le coin supérieur droit Construisez.
-
Cliquez Réaliser une intégration personnalisée.
-
Sélectionnez Webhooks entrants.
-
Sélectionnez une chaîne existante ou créez une nouvelle chaîne sur laquelle vos messages seront publiés.
-
Copiez votre URL des webhooks.
-
Ajustez les paramètres et les options à votre guise, puis cliquez sur Enregistrer les paramètres.
-
Ouvrez l'éditeur de formulaire de contenu et collez l'URL de vos Webhooks dans le champ Webhooks.
-
Cliquez Terminé.
Prévisualisez votre site et envoyez le formulaire de contact pour tester l'intégration.
Vous recevrez un message sur Slack chaque fois que votre formulaire de contact est soumis.
Zapier vous permet de vous connecter aux différents services de Zapier pour créer des événements automatisés suite à une nouvelle réponse au formulaire.
La configuration est effectuée via votre compte Zapier. Veuillez consulter la documentation de Zapier pour (zapier.com/apps/duda/integrations).
Note
Zapier n'est disponible qu'au niveau du compte. Les sites individuels ne peuvent pas se connecter à différents comptes Zapier
Le connecteur Hubspot est conçu pour intégrer de manière fluide vos projets de conception Web aux puissantes fonctionnalités CRM de Hubspot. Notre connecteur fait 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.
Ce connecteur est conçu pour intégrer vos projets de conception Web aux puissantes fonctionnalités d'automatisation du marketing de Mailchimp, formant ainsi un lien vital entre les activités de votre site Web et les stratégies de marketing par e-mail.
Notez que MailChimp est une application qui devra être gérée via l'App Store après l'installation.
Note
Nous ne proposons plus Mailchimp ou Constant Contact en tant qu'intégrations de formulaires de contact. Si vous les aviez déjà installés, ils seront toujours disponibles pour votre site.
Le connecteur ActiveCampaign est conçu pour intégrer vos projets de conception Web aux solides capacités de marketing par e-mail et d'automatisation d'ActiveCampaign, établissant un lien crucial entre les activités de votre site Web et des stratégies marketing sophistiquées.
Notez qu'ActiveCampaign est une application et qu'elle devra être gérée via l'App Store après l'installation.
L'Automation Builder est votre passerelle vers une intégration fluide entre votre créateur de site Web et une myriade de plateformes marketing et CRM. Cet outil puissant permet un flux de données bidirectionnel, permettant non seulement le transfert de données de votre créateur de site Web vers des plateformes telles que MailChimp et ActiveCampaign, mais aussi vice versa. Il est conçu pour améliorer la flexibilité et l'efficacité, en simplifiant les flux de travail complexes entre divers services
Notez qu'Automation Builder est une application qui devra être gérée via l'App Store après l'installation.
Pour en savoir plus sur les concepts importants et sur la manière d'effectuer différents types de connexions et d'automatisations, consultez le Les bases d'Albato cours à l'Académie d'Albato.
Disposition
Dans l'onglet Disposition :
-
Cliquez sur le mise en page icône pour sélectionner un modèle de mise en page pour le formulaire de contact.
-
Pour modifier l'alignement du formulaire, cliquez sur Gauche ou Droite.
Article
Dans l'onglet Article :
-
Pour modifier le style et le texte du champ, cliquez sur Champs.
-
Pour modifier le style et le texte du bouton, cliquez sur Bouton. Pour revenir au style du thème, cliquez Bouton Revenir au thème.
cadre
Dans l'onglet Frame :
-
Pour modifier le style du cadre, cliquez sur Style de cadre. Vous pouvez modifier l'arrière-plan en ajoutant une couleur ou une image.
-
Pour modifier le style de texte du titre, cliquez sur Titre du formulaire.
-
Pour modifier le style de texte de la notification de soumission, cliquez sur Message de soumission
Vous pouvez connecter l'adresse e-mail à la bibliothèque de contenu ou à un champ e-mail dans les collections. En outre, vous pouvez ajouter des champs de collecte tels que l'identifiant de l'appartement ou le nom du membre de l'équipe à l'objet de l'e-mail ou en tant que champs externes envoyés dans le formulaire. Ces champs supplémentaires seront disponibles non seulement dans l'e-mail du formulaire, mais également lors de l'accès aux données des réponses au formulaire à partir de l'onglet Aperçu du site dans le tableau de bord du site.
Note
Uniquement possible sur les pages dynamiques.
Pour ajouter des données connectées à un formulaire de contact :
-
Cliquez avec le bouton droit sur le widget, puis cliquez sur Connectez-vous aux données.
-
Sélectionnez l'adresse e-mail dans Connecter Courrier électronique à liste déroulante.
-
(Facultatif) Sélectionnez les champs supplémentaires que vous souhaitez inclure dans l'e-mail du formulaire de contact.
-
(Facultatif) Cliquez Modifier le contenu et apportez les modifications nécessaires au contenu. Toutes les modifications seront synchronisées avec votre bibliothèque de contenu
-
Cliquez Terminé.
Les réponses sont accessibles à plusieurs endroits : le tableau de bord du site, dans l'éditeur et depuis le formulaire lui-même.
Note
Les formulaires envoyés à partir du lien d'aperçu ou de l'aperçu sur site seront envoyés au destinataire désigné (ou au propriétaire du compte si aucun destinataire n'a été désigné). Cependant, ils n'apparaîtront pas dans les réponses du site et ne seront pas inclus dans l'export CSV.
Pour accéder aux réponses aux formulaires dans le tableau de bord du site :
-
Dans la liste de vos sites, cliquez sur trois points (
) à côté du site où le formulaire apparaît, cliquez sur Tableau de bord du site, puis sélectionnez Réponse au formulaire (situé dans la barre latérale des options, sous Vue d'ensemble du site).
-
Pour exporter les réponses, cliquez sur Exporter au format CSV dans le coin supérieur droit de la section Réponses au formulaire.
-
Pour gérer les réponses, cliquez sur Gérer les réponses.
-
La page Réponses aux formulaires s'ouvre et vous permet de supprimer toute réponse à n'importe quel formulaire du site. Vous pouvez rechercher des réponses pertinentes dans Réponses à la recherche boîte de recherche. Assurez-vous de rechercher le nom, la phrase ou les caractères exacts.
-
Cliquez sur l'onglet du formulaire correspondant pour ouvrir un tableau contenant :
-
Le date de la soumission de la réponse au formulaire.
-
Le entrée à partir de chacun des champs du formulaire.
-
La possibilité de supprimer la réponse du formulaire.
-
-
Pour exporter les réponses au formulaire au format CSV, cliquez sur Exporter au format CSV dans le coin supérieur droit de la section Réponses au formulaire. Notez que ce bouton n'est visible que si le formulaire contient des réponses sur le site en ligne.
Pour accéder aux réponses du formulaire dans l'éditeur :
-
Cliquez Gérer les réponses aux formulaires.
-
L'écran Réponses aux formulaires s'ouvre et vous permet de supprimer toute réponse à n'importe quel formulaire du site. Vous pouvez rechercher des réponses pertinentes dans le Réponses à la recherche boîte de recherche. Assurez-vous de rechercher le nom, la phrase ou les caractères exacts.
-
Cliquez sur l'onglet du formulaire correspondant pour ouvrir un tableau contenant :
-
Le date de la soumission de la réponse au formulaire.
-
Le entrée à partir de chacun des champs du formulaire.
-
La possibilité de supprimer la réponse du formulaire.
-
Pour exporter les réponses depuis le formulaire :
-
Dans l'éditeur du site, accédez au formulaire souhaité.
-
Cliquez avec le bouton droit de la souris sur le formulaire.
-
Dans le menu contextuel, sélectionnez Télécharger les réponses.
Note
Si l'option n'est pas disponible, cela peut indiquer qu'il n'y a pas eu de réponse sur le site en direct.
Pour répondre au formulaire de contact d'un client directement depuis votre e-mail, cliquez simplement sur Répondre au client dans l'e-mail que vous recevez de Website Builder. L'adresse e-mail de l'expéditeur sera automatiquement renseignée dans le champ « À », ce qui vous permettra de répondre directement. Veuillez noter que si le client a fourni plusieurs adresses e-mail, seule la première sera utilisée.
Note
Lorsque vous répondez de cette manière, l'e-mail peut être marqué comme courrier indésirable, en fonction de l'e-mail et des paramètres de l'expéditeur. Pour vous assurer que l'expéditeur reçoit votre réponse, pensez à copier son adresse e-mail et à envoyer un nouvel e-mail
Pour obtenir le consentement de vos visiteurs lors de la soumission du formulaire de contact, ajoutez un nouveau champ à votre formulaire de contact et sélectionnez soit S'inscrire ou Texte libre comme type de champ.
Opt-in ou texte libre
Le S'inscrire Ce champ doit être vérifié par l'expéditeur avant que le formulaire puisse être soumis. Ce champ inclut également le texte par défaut, qui se lit comme suit : En cochant, j'accepte de partager les réponses à mon formulaire.
En option, un champ Opt-in peut être associé au consentement marketing. En dessous du Champ obligatoire et Commencer une nouvelle ligne dans ce champ options, sélectionnez une chaîne (Consentement au marketing par e-mail ou Consentement au marketing par SMS) dans le Adhésion au marketing section. Lorsqu'un visiteur coche la case, son statut de consentement est mis à jour pour ce canal. Il ne s'agit pas d'un opt-in marketing si le champ est destiné à un autre usage. Le texte du message d'adhésion suggéré est mis à jour en fonction de l'option sélectionnée et peut être modifié selon les besoins.
En revanche, le Texte libre champ affiche uniquement la notification souhaitée. En tant que champ polyvalent, il n'inclut aucun texte par défaut ou suggéré
Pour ajouter un champ d'inscription ou un champ de texte libre :
Note
Si le champ Destinataire de la soumission est vide, l'adresse e-mail principale de la bibliothèque de contenu sera utilisée. Si aucun e-mail de ce type n'existe, le propriétaire du compte sera utilisé comme destinataire par défaut de la soumission. Toutes les réponses sont redirigées vers la page des réponses au formulaire.
Si vous ne parvenez pas à recevoir les formulaires envoyés à l'aide du widget Formulaire de contact, c'est probablement parce que notre courrier est filtré comme spam sur votre serveur de messagerie.
Si vous ne recevez pas d'e-mails deDuda, vérifiez votre dossier de courrier indésirable. Si vous ne voyez toujours pas l'e-mail, assurez-vous de répertorier les adresses IP 167.89.22.215, 149.72.216.48, 149.72.184.31, 149.72.166.161 et 149.72.162.205
Conseils de dépannage supplémentaires :
-
Vérifiez les réponses du formulaire pour vous assurer que le formulaire de contact fonctionne. Vous pouvez cliquer sur le formulaire de contact et cliquer sur les réponses au formulaire pour le télécharger.
-
Vérifiez si l'e-mail est valide. Si vous saisissez plusieurs e-mails, n'oubliez pas d'utiliser une virgule entre les e-mails (pas d'espaces) pour les séparer.
-
Vérifiez votre dossier de courrier indésirable.
-
Vérifiez les paramètres de votre filtre de courrier électronique et de votre liste de refus pour vous assurer qu'ils ne sont pas bloqués. Si vous avez déjà bloqué l'e-mail de soumission du formulaire, cela peut entraîner l'ajout de l'adresse e-mail à Dudaest également sur la liste noire. Contacter le support et nous supprimerons l'adresse e-mail de la liste de blocage.
-
Ajouter no-reply@multiscreensite.com à votre liste d'adresses e-mail autorisées.
-
Créez une nouvelle page et insérez-y votre formulaire de contact pour voir s'il fonctionne.
-
Désactivez tous les scripts personnalisés de votre site dans les paramètres du site.
Note
Si votre formulaire de contact ne fonctionne toujours pas après avoir parcouru la liste de dépannage, contactez votre fournisseur de messagerie pour savoir pourquoi les soumissions par e-mail de notre formulaire de contact ne sont pas reçues.
S'il fonctionne sur une autre page de votre site mobile mais pas sur la page sur laquelle il est censé fonctionner, cela signifie généralement qu'un script personnalisé interfère avec le fonctionnement de votre formulaire de contact. Réinitialisez la page ou vérifiez le code HTML de la page et de l'en-tête du site pour détecter tout script personnalisé susceptible d'être à l'origine de ce problème.
Un paramètre activé par défaut permet d'envoyer un e-mail automatique avec une copie de leur envoi.
Pour gérer ce paramètre :
-
Sélectionnez le Soumission onglet.
-
Cliquez Actions après la soumission.
-
Faites défiler vers le bas jusqu'à Paramètres de messagerie.
Pour plus d'informations sur les actions après les soumissions, voir Actions après la soumission.
Pour ajuster la largeur d'un champ de formulaire individuel, cliquez sur le formulaire de contact pour ouvrir le menu flottant. Gérer le formulaire, puis dans la fenêtre contextuelle, cliquez pour sélectionner le champ souhaité. Sur le côté droit de la fenêtre contextuelle, faites défiler l'écran jusqu'à Taille du champ section et utilisez le curseur pour sélectionner une taille.