Résumé IA
Vous cherchez un moyen simple de personnaliser les notifications par e-mail de vos formulaires à l'aide d'un modèle d'e-mail personnalisé WPForms ?
La personnalisation des notifications par e-mail dans WPForms est un processus simple qui peut améliorer considérablement votre communication avec les répondants aux formulaires.
Personnalisez dès maintenant les notifications par e-mail de vos formulaires
Dans ce guide, nous vous expliquerons les étapes simples pour personnaliser les notifications par e-mail des formulaires dans WPForms afin de créer un aspect unique et plus professionnel.
Pourquoi personnaliser les notifications par e-mail de vos formulaires dans WPForms ?
La personnalisation des notifications par e-mail de vos formulaires dans WPForms ne consiste pas seulement à modifier l'apparence. Voici un bref aperçu des avantages significatifs de la personnalisation de ces notifications.
- Identité de marque améliorée : La personnalisation des e-mails WordPress vous permet d'intégrer le logo, la palette de couleurs et le style de votre marque. Cette cohérence publicitaire contribue à renforcer l'identité de votre marque à chaque e-mail envoyé.
- Clarté et pertinence améliorées : En adaptant le contenu de vos e-mails, vous pouvez vous assurer que le message est pertinent pour le destinataire, par exemple en l'adressant par son nom ou en fournissant des détails spécifiques sur ses soumissions de formulaire.
- Meilleur engagement des utilisateurs : Les e-mails personnalisés sont plus attrayants. Ils montrent à vos destinataires que vous appréciez leur interaction, favorisant ainsi une connexion plus forte et augmentant potentiellement l'engagement des utilisateurs avec votre marque.
- Efficacité accrue : L'automatisation et la personnalisation de vos réponses par e-mail vous font gagner du temps. Au lieu de créer des réponses individuelles, vous pouvez configurer des réponses spécifiques et pertinentes qui sont déclenchées automatiquement lors de la soumission du formulaire.
- Suivi et analyse : Avec WPForms, vous pouvez suivre l'efficacité de vos notifications par e-mail. Ces informations vous permettent d'affiner votre approche, en vous assurant que vos communications sont aussi efficaces que possible.
Avec WPForms, vous pouvez créer des notifications par e-mail qui résonnent auprès de votre public et facilitent vos efforts de communication.
Personnalisez dès maintenant les notifications par e-mail de vos formulaires
Comment personnaliser les notifications par e-mail des formulaires dans WPForms
Suivez les étapes ci-dessous pour apprendre comment personnaliser les notifications par e-mail de vos formulaires dans WPForms avec des modèles personnalisés et plus encore !
Dans cet article
1. Installer et activer WPForms
WPForms simplifie le processus de création et de gestion des formulaires sur votre site WordPress. C'est un plugin WordPress bien connu qui vous permet de créer divers formulaires, tels que des sondages, des formulaires de contact et des formulaires d'inscription, sans compétences en codage.
La personnalisation des notifications par e-mail dans WPForms est également assez simple, offrant une expérience et des fonctionnalités conviviales. Il combine des options de personnalisation étendues avec la puissance de création de formulaires attrayants et réactifs.

Pour commencer votre parcours, installez d'abord le plugin sur votre site WordPress. Après activation, vous pouvez suivre les étapes ci-dessous pour naviguer facilement dans le processus de personnalisation des notifications par e-mail de votre formulaire.
2. Créer un formulaire ou utiliser un modèle
Créez des formulaires directement depuis votre tableau de bord WordPress. Pour commencer, accédez à WPForms et cliquez sur le bouton Ajouter.

Maintenant, commencez par nommer votre formulaire pour refléter son objectif spécifique. À ce stade, vous pouvez opter pour un modèle existant pour accélérer la création de votre formulaire.

L'interface intuitive du constructeur de formulaires de WPForms vous accueille ensuite. Ici, vous pouvez adapter votre formulaire en ajoutant, modifiant ou réorganisant divers champs.

Une fois votre formulaire configuré, l'étape cruciale suivante consiste à modifier le message de confirmation qui apparaît après la soumission.

De plus, vous pouvez personnaliser les paramètres de notification de formulaire de base qui peuvent être reçus par l'administrateur du site et par l'utilisateur qui a rempli le formulaire.

Les notifications de formulaire sont un excellent moyen de suivre les soumissions et d'interagir immédiatement avec les visiteurs du site. Nous expliquerons plus en détail comment les personnaliser ci-dessous.
3. Configurer une notification par e-mail de formulaire de base
WPForms vous propose une notification de base, mais vous pouvez facilement en ajouter une nouvelle. Cliquez simplement sur Ajouter une nouvelle notification.

Entrez un nom pour votre nouvelle notification dans la fenêtre contextuelle. Ceci est uniquement pour votre référence et ne sera pas vu par les utilisateurs du formulaire. Après l'avoir nommée, cliquez sur OK.

Vous allez maintenant renseigner plusieurs détails pour compléter la configuration de votre notification. Chaque option est simple mais essentielle pour s'assurer que vos notifications vous parviennent correctement, ainsi qu'à vos utilisateurs.
Envoyer à l'adresse e-mail
C'est ici que vos notifications de formulaire seront envoyées. Par défaut, il s'agit de l'e-mail d'administration de votre site WordPress, mais vous pouvez le modifier. Pour envoyer à plusieurs e-mails, séparez-les simplement par des virgules.

Objet de l’e-mail
Modifiez la ligne d'objet par défaut « Nouvelle entrée » pour tout ce que vous préférez. Elle doit être claire et pertinente pour le destinataire.

Nom de l’expéditeur
C'est le nom de l'expéditeur pour l'e-mail. Par défaut, il s'agit du nom de votre site Web, mais n'hésitez pas à le modifier pour quelque chose de plus familier au destinataire.

E-mail de l’expéditeur
Crucial pour la délivrabilité des e-mails, il doit s'agir d'une adresse e-mail valide, de préférence de votre domaine, pour éviter les filtres anti-spam. Évitez d'utiliser l'e-mail des soumetteurs du formulaire comme expéditeur.

Les noms de domaine non concordants peuvent déclencher les filtres anti-spam. Pour de meilleurs résultats, utilisez WP Mail SMTP pour les e-mails ne correspondant pas à votre domaine.

Adresse e-mail de réponse
Définissez ici où vous souhaitez que les réponses soient envoyées. Il est utile d'utiliser un Smart Tag pour les e-mails des utilisateurs du formulaire ou le vôtre pour les notifications aux utilisateurs.

Message e-mail
Ceci est le corps de votre e-mail. Par défaut, il affiche tous les champs du formulaire, mais il peut être personnalisé avec du texte supplémentaire, des Smart Tags, ou même du HTML/CSS.

Gardez ces paramètres précis et clairs pour assurer une communication fluide via vos notifications WPForms.
Enregistrez les paramètres de votre formulaire avant de passer à l'étape suivante afin de ne pas perdre votre progression. En haut de l'écran, cliquez sur le bouton Enregistrer.

4. Personnaliser le modèle et le style de l'e-mail
La personnalisation des notifications par e-mail dans WPForms est simple. Commencez par aller dans WPForms » Paramètres et sélectionnez l'onglet E-mail.

Dans l'onglet E-mail, vous avez de nombreuses options pour personnaliser les notifications par e-mail. Ces paramètres s'appliquent universellement à votre site. Voici comment chacun d'eux fonctionne :
Choisir un modèle d'e-mail
WPForms fournit de nombreux modèles que vous pouvez utiliser pour personnaliser l'apparence de vos e-mails de notification.
Dans la section Modèle, vous trouverez tous les modèles disponibles pris en charge par WPForms. Les utilisateurs Lite ont accès à 3 modèles, tandis que les utilisateurs Pro bénéficient d'options supplémentaires :
- Classique
- Compact
- Moderne (Pro)
- Élégant (Pro)
- Technique (Pro)
- Texte brut
Le modèle Classique est le choix par défaut. Cependant, pour une touche plus personnalisée, vous pouvez sélectionner parmi les autres modèles, à condition de disposer d'une licence WPForms Pro valide pour certaines options.
Survolez simplement votre souris sur le style que vous souhaitez utiliser et cliquez sur le bouton Choisir. Pour cet exemple, nous utiliserons le style Moderne, mais vous pouvez choisir n'importe quel autre style que vous souhaitez.

Vous pouvez cliquer sur le bouton Aperçu à tout moment pour voir comment chacun des modèles apparaîtrait dans la boîte de réception de votre utilisateur.

Définir une image d'en-tête d'e-mail
Pour ajouter une touche personnelle, vous pouvez télécharger une image d'en-tête ou un logo. Accédez à la section Image d'en-tête et cliquez sur le bouton Télécharger l'image.

Une fenêtre contextuelle apparaîtra, vous donnant la possibilité de télécharger un nouveau fichier ou de choisir un fichier existant dans la médiathèque WordPress.

Lorsque vous avez terminé de télécharger une nouvelle image ou de sélectionner une image existante, cliquez simplement sur le bouton Utiliser l'image.
Une fois votre image téléchargée, vous pourrez sélectionner la taille souhaitée pour l'image à utiliser dans vos notifications par e-mail à partir d'un menu déroulant.

Les tailles disponibles sont Petite, Moyenne et Grande. La résolution de l'image s'ajuste à la taille que vous choisissez et s'adapte également à l'écran de l'utilisateur.
Cela signifie que si vous visualisez l'e-mail de notification sur un appareil mobile, il s'adaptera automatiquement à la taille de l'écran de l'appareil que vous utilisez.
Modifier le schéma de couleurs
Les utilisateurs de WPForms Pro peuvent accéder à une section Schéma de couleurs pour ajuster les couleurs d'arrière-plan, de corps, de texte et de liens.
Les utilisateurs Lite ne peuvent modifier que la couleur d'arrière-plan. Le sélecteur de couleurs vous permet d'aligner ces couleurs avec votre marque.

Ci-dessous, nous avons expliqué tous les schémas de couleurs disponibles :
Arrière-plan
La couleur sélectionnée pour l'Arrière-plan détermine l'apparence extérieure du modèle d'e-mail. Voici un exemple avec une couleur d'arrière-plan bleu clair.

Corps
La couleur du Corps détermine l'apparence visuelle du conteneur du modèle d'e-mail. C'est l'endroit où l'e-mail de notification est stocké.
Voici un exemple d'image présentant un conteneur de Corps avec un schéma de couleurs blanc pour votre commodité.

Texte
Cette couleur sera utilisée pour tout le texte de l'e-mail de notification. Le schéma de couleurs par défaut présente une couleur de Texte foncée, comme illustré dans l'image ci-dessous.

Liens
Le schéma de couleurs suivant s'applique à tous les Liens dans l'e-mail de notification. L'adresse e-mail dans l'image ci-dessous est affichée sous forme de lien, utilisant la couleur orange par défaut pour les liens.

Pour mettre à jour l'une des couleurs, vous avez deux options. Vous pouvez soit saisir la valeur HEX dans le champ de couleur, soit cliquer dessus pour ouvrir le sélecteur de couleurs.

Typographie
La Typographie détermine la famille de polices qui sera utilisée pour les e-mails de notification envoyés depuis votre site Web. WPForms prend actuellement en charge les polices Sans Serif et Serif.

Pour mettre à jour la famille de polices de votre modèle d'e-mail, cliquez simplement sur le menu déroulant Typographie et choisissez la police souhaitée parmi les options disponibles.

Une fois que vous avez terminé la personnalisation de votre modèle d'e-mail, faites défiler vers le bas et cliquez sur le bouton Enregistrer les paramètres pour sauvegarder les modifications que vous avez apportées.

Aperçu de votre modèle d'e-mail
Après avoir enregistré vos modifications, vous pouvez les prévisualiser pour voir comment elles apparaîtraient dans la boîte de réception de votre utilisateur.
Pour ce faire, cliquez simplement sur le lien Aperçu du modèle d'e-mail situé sous le menu déroulant Typographie.

Un nouvel onglet s'ouvrira dans votre navigateur où vous pourrez voir un aperçu de votre modèle d'e-mail de notification. Tout ce que vous avez modifié dans les paramètres sera reflété dans l'aperçu.

Si le périphérique de l'utilisateur est configuré en mode sombre, l'e-mail de notification s'adaptera automatiquement pour correspondre à l'apparence du périphérique.

Si vous souhaitez faire correspondre l'esthétique de votre formulaire et de votre site Web, consultez notre tutoriel sur la façon de modifier l'en-tête dans WordPress.
Modifier les notifications dans le constructeur de formulaires
Vous pouvez également modifier la conception des e-mails pour votre formulaire dans le constructeur de formulaires si vous le souhaitez. Pour ce faire, ouvrez le formulaire que vous souhaitez modifier et accédez à Paramètres » Notifications.

Ensuite, faites défiler vers le bas et cliquez sur Avancé pour accéder aux options plus avancées. Il devrait y avoir un bouton déroulant sous Modèle d'e-mail.

Ce choix est défini par défaut sur Modèle par défaut pour tous les formulaires de votre site. Cela signifie que vos formulaires utiliseront les paramètres généraux que vous avez définis sur la page des paramètres.
Pour remplacer le modèle par défaut, cliquez simplement sur le menu déroulant Modèle d’e-mail et choisissez le modèle souhaité.

5. Publier votre formulaire personnalisé
Une fois que vous avez créé votre formulaire, personnalisé et configuré les paramètres de notification par e-mail, il ne vous reste plus qu’à publier votre formulaire.
Créez une nouvelle page ou un nouvel article, ou mettez à jour un article existant. Ensuite, cliquez sur le bouton Ajouter un bloc, puis choisissez l’icône WPForms.

Ensuite, utilisez le menu déroulant du widget WPForms pour choisir votre formulaire personnalisé et l’ajouter à votre page ou à votre article.

Si vous êtes satisfait de l’apparence de votre formulaire, il vous suffit d’appuyer sur le bouton Mettre à jour ou Publier pour le rendre public.

Plus de questions sur les modèles d’e-mail personnalisés de WPForms
Apprendre à personnaliser les notifications par e-mail des formulaires est un sujet d'intérêt populaire parmi nos lecteurs. Voici les réponses à quelques questions courantes à ce sujet.
Comment créer un modèle d'e-mail personnalisé ?
Pour créer un modèle d'e-mail personnalisé, accédez à WPForms » Paramètres et cliquez sur l'onglet E-mail. Ici, vous pouvez choisir parmi différents modèles tels que Classique, Compact ou Moderne. Personnalisez le modèle en ajoutant une image d'en-tête, en sélectionnant votre schéma de couleurs préféré et en choisissant un style de typographie.
Comment personnaliser mon modèle d'e-mail dans WordPress ?
Accédez à WPForms » Paramètres et sélectionnez l'onglet E-mail. Vous pouvez choisir un modèle qui convient à votre style et le personnaliser en téléchargeant une image d'en-tête, en ajustant le schéma de couleurs et en sélectionnant une police dans la section Typographie. Utilisez l'option Aperçu pour voir à quoi ressemblera votre modèle et vous assurer qu'il correspond à l'identité de votre marque.
Comment changer mon e-mail sur WPForms ?
Pour changer votre e-mail dans WPForms, accédez au formulaire pour lequel vous souhaitez mettre à jour l'e-mail. Cliquez sur Modifier sur le formulaire spécifique, accédez à Paramètres » Notifications dans le constructeur de formulaires. Ici, vous pouvez mettre à jour le champ Envoyer à l'adresse e-mail avec votre nouvelle adresse e-mail.
Ensuite, apprenez comment styliser les formulaires de contact dans WordPress
Vous vous demandez comment faire correspondre la conception de votre formulaire de contact à votre site WordPress sans aucune connaissance en CSS ? Consultez ce guide pour apprendre comment styliser les formulaires de contact dans WordPress en utilisant les options de personnalisation de WPForms.
Créez votre formulaire WordPress maintenant
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de création de formulaires WordPress le plus simple. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, veuillez nous suivre sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.

Les styles de modèle ne sont pas particulièrement utiles. En utilisant les paramètres « Compact », mon client imprime l’e-mail à chaque fois. Mon client a un long formulaire qui est imprimé, mais l’e-mail est imprimé sur 3 ou 4 pages (alors qu’il défile sur 2 à l’écran). Il y a tout simplement un espacement de ligne trop élevé (même sur le compact). Le texte brut n’est pas du tout génial. Le compact ne pourrait-il pas imprimer le même format mais avec un espacement de ligne de 1 seulement s’il vous plaît ? Ou créer une option « Super compact » qui évite un grand espacement de ligne ? Ma seule option est d’utiliser l’option texte brut, mais c’est tellement difficile à lire… mon client n’est pas content. Toute aide ici s’il vous plaît les gars. Merci – Wes
Salut Wes. Nos conseillers de confiance de l’équipe de support ont concocté quelques CSS qui devraient vous aider ici.
.print-preview.wpforms-preview-mode-compact .print-body .print-item .print-item-title, .print-preview.wpforms-preview-mode-compact .print-body .print-item .print-item-value { padding: 1px !important; }Veuillez regarder cette vidéo pour voir le résultat.
Si vous avez besoin de plus d’aide à ce sujet, veuillez soumettre un ticket de support et partager les mêmes détails que ceux que vous avez publiés ici. Si vous utilisez notre version gratuite, veuillez vous rendre sur le forum de support WordPress.org de WPForms Lite et ouvrir un nouveau fil de discussion.
Merci !
J’ai une question, j’ai créé un formulaire avec un champ déroulant et j’ai coché « sélectionner plusieurs options » dans le champ déroulant, l’e-mail envoyé au client lorsque j’utilise la balise intelligente {field_id=ID du déroulant (avec choix multiples)} n’est pas séparé clairement, juste par un espace, y a-t-il un moyen de le changer en virgule , ou –
Salut TienCong,
Il semble que vous essayiez de personnaliser l'apparence du champ déroulant dans les e-mails de notification. Nous n'avons actuellement pas cette fonctionnalité par défaut.
Pour des conseils personnalisés, vous pouvez contacter nos conseillers de confiance de l'équipe de support si vous avez une licence WPForms. Veuillez soumettre un ticket de support et ils vous répondront dès que possible (généralement dans un délai d'un jour ouvrable).
Si vous utilisez notre version gratuite, veuillez vous rendre sur le forum de support WordPress.org de WPForms Lite et ouvrir un nouveau fil de discussion.
Merci !
Les formulaires changent automatiquement mon adresse e-mail régionale de .co.za à .co.nz, ce qui est très frustrant pour les personnes qui souhaitent s’inscrire à notre newsletter. J’utilise la version LITE et il ne semble pas y avoir de solution.
Salut Colleen, désolé pour la frustration. Il semble que nos conseillers de confiance de l’équipe de support aient traité votre problème.
Faites-moi savoir si vous avez besoin d’aide supplémentaire. Merci !
Bonjour,
J’utilise mon propre code HTML dans la notification qui contient des tableaux, des DIVs et des titres. wpForms modifie le HTML et ajoute des éléments TD et TR au lieu d’insérer simplement les entrées à leur place. Comment éviter cela et utiliser simplement la mise en page HTML personnalisée de la notification comme je le fais dans Contact Form 7 ?
Salut Tegwal, je comprends que WPForms modifie votre HTML personnalisé en ajoutant des éléments de tableau, et vous souhaitez conserver votre structure HTML d’origine pour les notifications par e-mail.
Si vous avez besoin d’aide pour personnaliser votre structure HTML de notification, veuillez contacter nos conseillers de confiance de l’équipe de support pour des conseils personnalisés. Veuillez soumettre un ticket de support et ils vous répondront dès que possible.
Si vous utilisez notre version gratuite, veuillez vous rendre sur le forum de support WPForms Lite sur WordPress.org et ouvrir un nouveau fil de discussion.