Le bloc Formulaire vous permet d’ajouter un formulaire à votre article ou votre page.
Pour les fonctionnalités générales et la FAQ, veuillez consulter notre page d’informations.
Remarque : cette page décrit comment utiliser le bloc Formulaire lorsque vous utilisez l’éditeur de blocs. Vous trouverez des instructions sur l’ajout du formulaire de contact dans l’éditeur classique ici.
Prérequis
Pour utiliser le bloc Formulaire, la fonctionnalité Formulaire de contact de Jetpack doit être activée. Elle devrait être activée par défaut, mais si ce n’est pas le cas, vous pouvez l’activer en suivant la procédure décrite ici.
Ajout du bloc Formulaire
Vous pouvez ajouter le bloc Formulaire à n’importe quel article ou page, en le sélectionnant dans la section Jetpack du sélecteur de bloc :
Consultez notre page Blocs Jetpack pour en savoir plus sur l’ajout de blocs Jetpack.
Dès que vous ajoutez un bloc Formulaire, vous pouvez choisir parmi l’un des formulaires préétablis : Formulaire de contact, Inscription à une newsletter, Réponse souhaitée avant le, Inscription, Rendez-vous ou Commentaires. Vous pouvez également créer votre propre formulaire en cliquant sur Passer.
Après avoir choisi un formulaire, le bloc sera prérempli avec les champs pertinents. Voici un exemple de formulaire de notification par e-mail ordinaire :
Après avoir ajouté un bloc Formulaire, vous pouvez indiquer la destination des notifications par e-mail qui seront envoyées lorsque le formulaire sera rempli. Pour ce faire, cliquez sur l’icône de modification dans la barre d’outils du bloc. Vous pouvez saisir une adresse e-mail (ou plusieurs adresses séparées par des virgules) et un objet.
Si vous ne les renseignez pas, les notifications seront envoyées à l’auteur de l’article ou de la page, et l’objet sera le titre de l’article ou de la page.
Personnalisation de votre formulaire
Chaque bloc Formulaire est un type particulier de bloc qui contient d’autres blocs imbriqués. Chaque champ de formulaire constitue son propre bloc à l’intérieur du bloc Formulaire principal. Il est possible de personnaliser et de réorganiser ces blocs de champs de formulaire internes dans le bloc Formulaire principal. Vous avez également la possibilité de personnaliser les formulaires à l’aide des réglages de bloc (décrits ici) ou par le biais de filtres avancés (décrits ici).
Pour ajouter un champ de formulaire à la fin ou au début de votre formulaire, vous pouvez cliquer sur l’icône « Plus d’options » et choisir d’insérer un bloc avant ou après :
Les champs de formulaire que vous pouvez choisir sont les suivants : nom, adresse e-mail, site Web, texte multiligne, texte, sélection de la date, téléphone, case à cocher, groupe de cases à cocher, radio et sélection.
Pour rappel, ces sous-blocs ne peuvent être ajoutés qu’à l’intérieur d’un bloc Formulaire.
Dans chaque bloc de champ, vous pouvez modifier le ou les libellés du champ et préciser si ce dernier est obligatoire ou non.
Pour réorganiser les blocs, passez la souris sur le bloc que vous souhaitez déplacer, puis utilisez les flèches haut/bas pour le déplacer, ou faites-le glisser vers l’emplacement souhaité en utilisant l’outil Glisser-déposer entre les deux flèches.
Vous pouvez également ajouter d’autres blocs autres que Formulaire dans votre bloc Formulaire si vous avez besoin d’inclure du texte ou une image par exemple.
Dans cette vidéo, découvrez comment ajouter un menu déroulant à votre formulaire :
Pour personnaliser le bouton Envoyer, vous pouvez remplacer le texte directement dans le bouton par celui de votre choix.
Réglages de bloc
Pour personnaliser les effets de la soumission du formulaire, sélectionnez le bloc Formulaire externe afin d’ouvrir les réglages de bloc.
Si vous avez oublié de saisir l’adresse e-mail et l’objet des notifications de soumission de formulaire lors de l’ajout du bloc Formulaire, ou si vous devez les mettre à jour, sélectionnez le bloc Formulaire et modifiez les réglages relatifs aux commentaires par e-mail dans la colonne latérale.
Lorsque vous ajoutez ou modifiez un bloc Formulaire, vous pouvez modifier les réglages du message de confirmation servant à définir l’action qui se produit lorsqu’un utilisateur soumet un formulaire :
Afficher un résumé du formulaire qui vient d’être soumis.
Rediriger vers une nouvelle URL, sur votre site ou ailleurs.
Afficher un message de confirmation personnalisé.
Vous pouvez également personnaliser les éléments de chaque champ de formulaire individuel. Pour ce faire, cliquez sur le champ. Dans la barre d’outils, une option vous permet de marquer le champ comme obligatoire ou non, et de modifier la largeur. Vous verrez également une brève explication du champ en question. Voici les options du « champ du message » :
Si vous sélectionnez le champ du bouton de soumission (ou de contact), des options de la barre d’outils du bloc s’affichent afin que vous puissiez modifier la couleur et le texte du bouton.
Réglages des couleurs
Vous pouvez personnaliser la couleur de l’arrière-plan et du texte du bloc. La couleur d’arrière-plan compte deux options : unie et dégradée.
Réglages des couleurs du bouton
Les réglages des couleurs du bouton vous permettent de modifier la couleur du bouton Envoyer, y compris la couleur du texte et de l’arrière-plan. La couleur d’arrière-plan compte deux options : unie et dégradée. Capture d’écran :
Vous pouvez également modifier le rayon de bordure du bouton :
Le bouton peut être plein ou contouré :
De plus, vous avez la possibilité de dimensionner le bouton en fonction du pourcentage de largeur :
Comme pour le bloc d’image, il est possible de définir l’alignement des boutons en cliquant sur les icônes gauche, droite ou centre.
Intégrations des formulaires
Le bloc Formulaire de Jetpack fournit les intégrations suivantes :
Si vous rencontrez des problèmes avec le bloc Formulaire, veuillez contacter l’assistance pour obtenir de l’aide.
Informations sur la confidentialité
Cette fonctionnalité est activée par défaut. Bien que celle-ci ne fasse l’objet d’aucun contrôle dans la section principale des réglages de Jetpack, il est possible de la désactiver à tout moment en suivant ce guide.
Plus d’informations sur l’utilisation des données sur votre site
Données utilisées
Propriétaires / utilisateurs du site
Pour le suivi des activités (détaillé ci-dessous) : adresse IP, ID utilisateur WordPress.com, identifiant WordPress.com, ID et URL du site connecté à WordPress.com, version de Jetpack, agent utilisateur, URL de visite, URL de référence, horodatage de l’événement, langue du navigateur, code du pays.
Visiteurs du site
Si Akismet est activé sur le site, les données de soumission du formulaire de contact (adresse IP, agent utilisateur, adresse e-mail, URL du site et commentaire) sont envoyées au service Akismet (également propriété d’Automattic) pour la vérification du contenu indésirable. Les données de soumission sont stockées dans la base de données du site sur lequel elles ont été soumises et sont envoyées par e-mail directement au propriétaire du formulaire (c’est-à-dire l’auteur du site qui a publié la page sur laquelle se trouve le formulaire de contact). Cet e-mail comprendra l’adresse IP de l’auteur, l’horodatage, son nom, son adresse e-mail, le site Web et le message.
L’adresse IP est indiquée à titre de mesure de prévention des abus. Pour les sites utilisant Akismet, elle est nécessaire afin d’assurer une défense optimale contre le contenu indésirable.
Activité suivie
Propriétaires / utilisateurs du site
Nous retraçons le moment où la fonctionnalité est activée et désactivée, et par quel utilisateur.
Nous synchronisons une option unique qui identifie si la fonctionnalité est activée ou non.
Visiteurs du site
Nous synchronisons l’article et les métadonnées de l’article associés à la soumission d’un formulaire de contact par un utilisateur. Si Akismet est activé sur le site, l’adresse IP et l’agent utilisateur initialement soumis avec le commentaire sont également synchronisés, car ils sont stockés dans les métadonnées de l’article.
Jetpack par WordPress.com 
Bloc Formulaire
Le bloc Formulaire vous permet d’ajouter un formulaire à votre article ou votre page.
Pour les fonctionnalités générales et la FAQ, veuillez consulter notre page d’informations.
Remarque : cette page décrit comment utiliser le bloc Formulaire lorsque vous utilisez l’éditeur de blocs. Vous trouverez des instructions sur l’ajout du formulaire de contact dans l’éditeur classique ici.
Prérequis
Pour utiliser le bloc Formulaire, la fonctionnalité Formulaire de contact de Jetpack doit être activée. Elle devrait être activée par défaut, mais si ce n’est pas le cas, vous pouvez l’activer en suivant la procédure décrite ici.
Ajout du bloc Formulaire
Vous pouvez ajouter le bloc Formulaire à n’importe quel article ou page, en le sélectionnant dans la section Jetpack du sélecteur de bloc :
Dès que vous ajoutez un bloc Formulaire, vous pouvez choisir parmi l’un des formulaires préétablis : Formulaire de contact, Inscription à une newsletter, Réponse souhaitée avant le, Inscription, Rendez-vous ou Commentaires. Vous pouvez également créer votre propre formulaire en cliquant sur Passer.
Après avoir choisi un formulaire, le bloc sera prérempli avec les champs pertinents. Voici un exemple de formulaire de notification par e-mail ordinaire :
Après avoir ajouté un bloc Formulaire, vous pouvez indiquer la destination des notifications par e-mail qui seront envoyées lorsque le formulaire sera rempli. Pour ce faire, cliquez sur l’icône de modification dans la barre d’outils du bloc. Vous pouvez saisir une adresse e-mail (ou plusieurs adresses séparées par des virgules) et un objet.
Si vous ne les renseignez pas, les notifications seront envoyées à l’auteur de l’article ou de la page, et l’objet sera le titre de l’article ou de la page.
Personnalisation de votre formulaire
Chaque bloc Formulaire est un type particulier de bloc qui contient d’autres blocs imbriqués. Chaque champ de formulaire constitue son propre bloc à l’intérieur du bloc Formulaire principal. Il est possible de personnaliser et de réorganiser ces blocs de champs de formulaire internes dans le bloc Formulaire principal. Vous avez également la possibilité de personnaliser les formulaires à l’aide des réglages de bloc (décrits ici) ou par le biais de filtres avancés (décrits ici).
Pour ajouter un champ de formulaire à la fin ou au début de votre formulaire, vous pouvez cliquer sur l’icône « Plus d’options » et choisir d’insérer un bloc avant ou après :
Les champs de formulaire que vous pouvez choisir sont les suivants : nom, adresse e-mail, site Web, texte multiligne, texte, sélection de la date, téléphone, case à cocher, groupe de cases à cocher, radio et sélection.
Pour rappel, ces sous-blocs ne peuvent être ajoutés qu’à l’intérieur d’un bloc Formulaire.
Dans chaque bloc de champ, vous pouvez modifier le ou les libellés du champ et préciser si ce dernier est obligatoire ou non.
Pour réorganiser les blocs, passez la souris sur le bloc que vous souhaitez déplacer, puis utilisez les flèches haut/bas pour le déplacer, ou faites-le glisser vers l’emplacement souhaité en utilisant l’outil Glisser-déposer entre les deux flèches.
Vous pouvez également ajouter d’autres blocs autres que Formulaire dans votre bloc Formulaire si vous avez besoin d’inclure du texte ou une image par exemple.
Dans cette vidéo, découvrez comment ajouter un menu déroulant à votre formulaire :
Pour personnaliser le bouton Envoyer, vous pouvez remplacer le texte directement dans le bouton par celui de votre choix.
Réglages de bloc
Pour personnaliser les effets de la soumission du formulaire, sélectionnez le bloc Formulaire externe afin d’ouvrir les réglages de bloc.
Si vous avez oublié de saisir l’adresse e-mail et l’objet des notifications de soumission de formulaire lors de l’ajout du bloc Formulaire, ou si vous devez les mettre à jour, sélectionnez le bloc Formulaire et modifiez les réglages relatifs aux commentaires par e-mail dans la colonne latérale.
Lorsque vous ajoutez ou modifiez un bloc Formulaire, vous pouvez modifier les réglages du message de confirmation servant à définir l’action qui se produit lorsqu’un utilisateur soumet un formulaire :
Vous pouvez également personnaliser les éléments de chaque champ de formulaire individuel. Pour ce faire, cliquez sur le champ. Dans la barre d’outils, une option vous permet de marquer le champ comme obligatoire ou non, et de modifier la largeur. Vous verrez également une brève explication du champ en question. Voici les options du « champ du message » :
Si vous sélectionnez le champ du bouton de soumission (ou de contact), des options de la barre d’outils du bloc s’affichent afin que vous puissiez modifier la couleur et le texte du bouton.
Réglages des couleurs
Vous pouvez personnaliser la couleur de l’arrière-plan et du texte du bloc. La couleur d’arrière-plan compte deux options : unie et dégradée.
Réglages des couleurs du bouton
Les réglages des couleurs du bouton vous permettent de modifier la couleur du bouton Envoyer, y compris la couleur du texte et de l’arrière-plan. La couleur d’arrière-plan compte deux options : unie et dégradée. Capture d’écran :
Vous pouvez également modifier le rayon de bordure du bouton :
Le bouton peut être plein ou contouré :
De plus, vous avez la possibilité de dimensionner le bouton en fonction du pourcentage de largeur :
Comme pour le bloc d’image, il est possible de définir l’alignement des boutons en cliquant sur les icônes gauche, droite ou centre.
Intégrations des formulaires
Le bloc Formulaire de Jetpack fournit les intégrations suivantes :
Obtenir de l’aide
Si vous rencontrez des problèmes avec le bloc Formulaire, veuillez contacter l’assistance pour obtenir de l’aide.
Informations sur la confidentialité
Cette fonctionnalité est activée par défaut. Bien que celle-ci ne fasse l’objet d’aucun contrôle dans la section principale des réglages de Jetpack, il est possible de la désactiver à tout moment en suivant ce guide.
Plus d’informations sur l’utilisation des données sur votre site
Pour le suivi des activités (détaillé ci-dessous) : adresse IP, ID utilisateur WordPress.com, identifiant WordPress.com, ID et URL du site connecté à WordPress.com, version de Jetpack, agent utilisateur, URL de visite, URL de référence, horodatage de l’événement, langue du navigateur, code du pays.
Si Akismet est activé sur le site, les données de soumission du formulaire de contact (adresse IP, agent utilisateur, adresse e-mail, URL du site et commentaire) sont envoyées au service Akismet (également propriété d’Automattic) pour la vérification du contenu indésirable. Les données de soumission sont stockées dans la base de données du site sur lequel elles ont été soumises et sont envoyées par e-mail directement au propriétaire du formulaire (c’est-à-dire l’auteur du site qui a publié la page sur laquelle se trouve le formulaire de contact). Cet e-mail comprendra l’adresse IP de l’auteur, l’horodatage, son nom, son adresse e-mail, le site Web et le message.
L’adresse IP est indiquée à titre de mesure de prévention des abus. Pour les sites utilisant Akismet, elle est nécessaire afin d’assurer une défense optimale contre le contenu indésirable.
Nous retraçons le moment où la fonctionnalité est activée et désactivée, et par quel utilisateur.
Aucun.
Nous synchronisons une option unique qui identifie si la fonctionnalité est activée ou non.
Nous synchronisons l’article et les métadonnées de l’article associés à la soumission d’un formulaire de contact par un utilisateur. Si Akismet est activé sur le site, l’adresse IP et l’agent utilisateur initialement soumis avec le commentaire sont également synchronisés, car ils sont stockés dans les métadonnées de l’article.
Articles similaires