Formulaires de contact

Utilisez le widget Formulaire de contact pour ajouter un formulaire de contact complet à votre site Web. Le widget de formulaire de contact vous permet de mettre à disposition des visiteurs divers champs de saisie (des zones de texte, des menus déroulants, des boutons radio, des cases à cocher, des champs de saisie de date, d'heure, d'adresse e-mail et de numéro de téléphone, etc.). Vous pouvez utiliser le formulaire pour valider l'adhésion à la newsletter, ou pour récolter les questions des clients et les commentaires des visiteurs de votre site.

Remarque

Vous pouvez ajouter des images aux les boutons radio et aux cases à cocher pour illustrer les différentes options. Les images n'apparaîtront pas dans l'e-mail contenant les formulaires envoyés, contrairement à l'étiquette sélectionnée (même si elle n'est pas visible sur le site).

Pour ajouter le widget :

  1. Dans le panneau de gauche, cliquez sur Widgets.
  2. Cliquez sur le widget Formulaire de contact en maintenant le bouton de la souris enfoncé et déposez le widget sur votre site.

Pour en savoir plus sur l'ajout de widgets sur votre site, consultez l'article Ajout de widgets.

Éditeur de contenu

Pour accéder à l'éditeur de contenu, effectuez un clic droit sur le widget et sélectionnez Modifier le contenu.

Dans l'onglet Champs :

  1. Choisissez les informations que vous aimeriez recueillir auprès de vos visiteurs, puis modifiez les champs existants en cliquant sur leur nom. Pour ajouter de nouveaux champs, cliquez sur Ajouter un champ.
  2. Remarque

    Si votre formulaire comprend un champ Pièce jointe, le nom du fichier ne doit pas comporter d'espace lors de sa mise en ligne. La taille des fichiers joints est limitée à 10 Mo.

  3. Saisissez le texte que vous souhaitez afficher sur le bouton d'envoi dans le champ Bouton Envoyer.
  4. Par défaut, la validation reCAPTCHA est ajoutée aux nouveaux formulaires. Cet élément protège votre formulaire des spammeurs et accélère le processus d'envoi du formulaire pour les visiteurs. Positionnez le module reCAPTCHA. Choisissez la forme du reCAPTCHA dans le formulaire (une icône ou un bloc de texte).
  5. Nommez votre formulaire dans Titre du formulaire. Pour masquer le titre du formulaire, cliquez sur l'icône en forme d'œil ().
  6. Remarque

    Si vous renommez le formulaire, le titre sera uniquement modifié après l'envoi d'une nouvelle réponse. Pour modifier rapidement le nom du formulaire, nous vous recommandons d'envoyer une réponse test puis de patienter quelques instants pour que le formulaire soit mis à jour.

Dans l'onglet Soumission :

  1. Pour définir le destinataire et la ligne d'objet des e-mails contenant les formulaires complétés, cliquez sur Destinataires de formulaire. Saisissez votre adresse e-mail en tant que destinataire du dépôt pour obtenir une copie des informations envoyées.
  2. Remarque

    Si le destinataire n'est pas renseigné, l'adresse e-mail principale contenue dans la bibliothèque de contenu sera utilisée. Ci cette adresse e-mail n'est pas renseignée, le formulaire de contact n'enverra de réponses que sur la page des Réponses au formulaire.

  3. Pour définir les messages de confirmation et d'erreur à afficher lorsque les visiteurs envoient un formulaire complété, cliquez sur Actions de soumission. Utilisez l'éditeur de texte enrichi pour ajouter de la couleur, une accentuation (gras, italique et soulignement) et des puces au texte dans les messages. Pour que le visiteur soit redirigé vers une page spécifique après l'envoi du formulaire, cliquez sur le bouton Redirection vers une page après l'envoi et sélectionnez la page de destination.
  4. Pour ajouter un code de suivi à votre formulaire, cliquez sur Suivi et collez le code de conversion ou AdWords dans la zone prévue à cet effet.

Dans l'onglet Intégration, vous pouvez transmettre à un service tiers les données envoyées par le biais du formulaire. Pour en savoir plus, consultez l'article Intégrations du formulaire de contact.

Éditeur de design

Pour accéder à l'éditeur de design, cliquez avec le bouton droit de la souris sur le widget et cliquez sur Modifier le design. Dans l'éditeur, vous pouvez modifier l'agencement des boutons, les éléments, le cadre et l'espacement.

Disposition

Dans l'onglet Mise en page :

  • Cliquez sur l'icône de mise en page pour sélectionner l'agencement du formulaire.
  • Pour modifier l'alignement du formulaire, cliquez sur Gauche ou Droit(e).

Élément

Dans l'onglet Élément :

  • Pour modifier le style et le texte des champs, cliquez sur Champs.
  • Pour modifier le style et le texte du bouton d'envoi, cliquez sur Bouton. Vous pouvez annuler les modifications en cliquant sur le bouton Revenir au design global.

Cadre

Dans l'onglet Cadre :

  • Pour modifier le cadre, cliquez sur Style de cadre. Vous pouvez choisir une couleur ou une image d'arrière-plan.
  • Pour modifier le style du titre, cliquez sur Titre du formulaire.
  • Pour modifier le style de texte du message d'envoi, cliquez sur Envoi de messages

Espacement

Pour modifier le remplissage et les marges du formulaire de contact, cliquez sur l'onglet Espacement. Pour plus d'informations sur l'espacement, voir Espacement extérieur et intérieur.

Si vous rencontrez des problèmes avec votre formulaire, consultez Résolution des problèmes du formulaire de contact.

Ajouter des données connectées

Vous pouvez connecter une adresse e-mail à la bibliothèque de contenus ou à un champ d'adresse e-mail dans les collections. En outre, vous pouvez ajouter des champs de collection (comme 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 du formulaire. Ces champs additionnels seront disponibles dans le formulaire envoyé par e-mail et lorsque vous souhaitez accéder aux réponses de ce dernier depuis la présentation du site. Pour découvrir d'autres cas d'utilisation, consultez l'article sur la présentation des produits. Pour en savoir plus sur les données connectées, rendez-vous dans la section Données connectées.

Pour ajouter des données connectées à un formulaire de contact :

  1. Effectuez un clic droit sur le widget, puis cliquez sur Connecter aux données.
  2. Sélectionnez l'adresse e-mail et les champs que vous souhaitez ajouter à l'e-mail contenant le formulaire de contact.
  3. (Facultatif) Cliquez sur Modifier le contenu et apportez les modifications nécessaires. Toute modification apportée sera synchronisée avec votre bibliothèque de contenus.
  4. Cliquez sur Terminé.