Utilisez le Formulaire de contact pour ajouter un formulaire de contact complet à votre site Web. Le 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.
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).
Nous ne conseillons pas la duplication des formulaires de contact, car cela entraîne généralement des problèmes dans le formulaire de contact dupliqué.
Ajouter Formulaire de contact
Pour ajouter le :
- Dans le panneau de gauche, cliquez sur Widgets.
- Cliquez sur le 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 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 et sélectionnez Modifier le contenu.
Dans l'onglet Champs :
- 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.
-
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.
Les formats 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 en plus de tous les formats de fichiers vidéo.
- (Facultatif) Si votre formulaire comprend un champ Heure, le bouton Utiliser le format 24 heures n’affecte que l’heure affichée dans les soumissions ; le format du sélecteur d’heure que les visiteurs du site voient dépendra des paramètres de leur navigateur.
- Saisissez le texte que vous souhaitez afficher sur le bouton d'envoi dans le champ Bouton Envoyer.
- 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).
- Nommez votre formulaire dans Titre du formulaire. Pour masquer le titre du formulaire, cliquez sur l'icône en forme d'œil (
).
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 :
- Pour définir le destinataire et la ligne d'objet des e-mails contenant les formulaires complétés, cliquez sur Notification de nouvelle soumission. Saisissez votre adresse e-mail dans le champ Les soumissions de formulaire seront envoyées à pour recevoir une copie des informations envoyées.
- Pour définir les messages de confirmation et d'erreur à afficher lorsque les visiteurs envoient un formulaire complété, cliquez sur Actions après 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. Par défaut, une réponse automatique sera envoyée à la personne qui a envoyé le formulaire (à condition que l'adresse e-mail fournie soit valide). Pour désactiver cette option, désélectionnez l'option Répondre automatiquement à la personne qui envoie le formulaire. Vous pouvez également définir le nom du formulaire (le nom que vous saisissez ici apparaîtra dans le champ « De » de l'e-mail envoyé), l'objet de l'e-mail, le message de l'e-mail et l'option Inclure dans l'e-mail une copie de la réponse au formulaire (cette option est cochée par défaut).
- Pour ajouter un code de suivi à votre formulaire, cliquez sur Suivi et collez le code de conversion ou AdWords dans le champ prévu à 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 conception
Pour accéder à l'éditeur de design, cliquez avec le bouton droit de la souris sur le 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, cliquez sur Bouton. Vous pouvez annuler les modifications en cliquant sur le bouton Revenir au bouton du thème.
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 :
- Effectuez un clic droit sur le , puis cliquez sur Connecter aux données.
- Sélectionnez l'adresse e-mail et les champs que vous souhaitez ajouter à l'e-mail contenant le formulaire de contact.
- (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.
- Cliquez sur Terminé.