Comment personnaliser les notifications par e-mail de formulaire dans WPForms

Publié: 2023-12-01

Recherchez-vous un moyen simple de personnaliser les notifications par e-mail de votre formulaire à 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 au formulaire.

Dans ce guide, nous vous expliquerons les étapes simples de personnalisation des notifications par e-mail de formulaire dans WPForms pour créer un look unique et plus professionnel.

Pourquoi personnaliser les notifications par e-mail des formulaires dans WPForms ?

La personnalisation des notifications par e-mail de formulaire dans WPForms ne consiste pas seulement à modifier l'apparence. Voici un bref aperçu des avantages importants de la personnalisation de ces notifications.

  • Identité de marque améliorée : la personnalisation des e-mails WordPress vous permet d'incorporer le logo, la palette de couleurs et le style de votre marque. Cette cohérence dans la publicité 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 s'adressant aux destinataires par leur nom ou en fournissant des détails spécifiques sur leurs envois de formulaires.
  • Meilleur engagement des utilisateurs : les e-mails personnalisés sont plus attrayants. Ils montrent à vos destinataires que vous appréciez leur interaction, favorisant 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 se déclenchent automatiquement lors de la soumission du formulaire.
  • Suivi et analyses : avec WPForms, vous pouvez suivre l'efficacité de vos notifications par e-mail. Ces informations vous permettent d'affiner votre approche, garantissant que vos communications sont aussi efficaces que possible.

Avec WPForms, vous pouvez créer des notifications par e-mail qui trouvent un écho auprès de votre public et rationaliser vos efforts de communication. En parcourant ce guide, vous découvrirez à quel point ce processus peut être simple et efficace.

Comment personnaliser les notifications par e-mail de formulaire dans WPForms

Suivez les étapes ci-dessous pour savoir comment personnaliser les notifications par e-mail de formulaire dans WPForms avec des modèles personnalisés et plus encore !

Dans cet article

  • 1. Installez et activez WPForms
  • 2. Créez un formulaire ou utilisez un modèle
  • 3. Configurer un e-mail de notification de formulaire de base
  • 4. Personnaliser le modèle et le style d'e-mail
  • 5. Publiez votre formulaire personnalisé

1. Installez et activez WPForms

WPForms simplifie le processus de création et de gestion des formulaires sur votre site WordPress. Il s'agit d'un plugin WordPress bien connu qui vous permet de créer divers formulaires, tels que des enquêtes, 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 de nombreuses options de personnalisation avec la possibilité de créer des formulaires attrayants et réactifs.

The WPForms homepage

Pour commencer votre voyage, installez d’abord le plugin sur votre site WordPress. Après l'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éez un formulaire ou utilisez 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 un nouveau .

Adding a new form in WPForms

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.

Use simple contact form template

L'interface intuitive Form Builder de WPForms vous accueille ensuite. Ici, vous pouvez personnaliser votre formulaire en ajoutant, modifiant ou réorganisant divers champs.

add new fields

Une fois votre formulaire défini, la prochaine étape cruciale consiste à modifier le message de confirmation qui apparaît après la soumission.

default confirmation settings

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

notifications settings

Les notifications de formulaire sont un excellent moyen de suivre les soumissions et d'interagir immédiatement avec les visiteurs du site. Nous parlerons plus en détail de la façon de les personnaliser ci-dessous.

3. Configurer un e-mail de notification de formulaire de base

WPForms vous démarre avec une notification de base, mais vous pouvez facilement en ajouter une nouvelle. Cliquez simplement sur Ajouter une nouvelle notification .

Add new notification

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

enter notification name

Vous allez maintenant remplir plusieurs détails pour terminer la configuration de vos notifications. Chaque option est simple mais essentielle à maîtriser pour garantir que vos notifications vous parviennent correctement, ainsi que les utilisateurs.

Envoyer à l'adresse e-mail

C'est ici que vos notifications de formulaire seront envoyées. Il s'agit par défaut de l'adresse e-mail de l'administrateur de votre site WordPress, mais vous pouvez la modifier. Pour envoyer à plusieurs e-mails, séparez-les simplement par des virgules.

multiple send to email addresses

Ligne d'objet de l'e-mail

Remplacez la ligne d'objet par défaut « Nouvelle entrée » par ce que vous préférez. Il doit être clair et pertinent pour le destinataire.

email subject line

Du nom

Il s'agit du nom de l'expéditeur de l'e-mail. Par défaut, il s'agit du nom de votre site Web, mais n'hésitez pas à le remplacer par quelque chose de plus familier au destinataire.

notification from name

De l'email

Crucial pour la livraison 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'adresse e-mail de la personne qui soumet le formulaire comme expéditeur.

notification from email address

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

from email mismatch

Adresse e-mail de réponse

Définissez ceci là où vous souhaitez que les réponses soient envoyées. Il est utile d'utiliser une balise intelligente pour les e-mails des utilisateurs du formulaire ou la vôtre pour les notifications des utilisateurs.

reply to email with smart tag

Message électronique

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

notification email message

Gardez ces paramètres précis et clairs pour garantir une communication transparente 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 .

Save the form

4. Personnaliser le modèle et le style d'e-mail

La personnalisation des notifications par e-mail dans WPForms est simple. Commencez par vous diriger vers WPForms »Paramètres et en sélectionnant l'onglet E-mail .

wpforms email settings

Dans l'onglet E-mail, vous disposez de nombreuses options pour personnaliser les notifications par e-mail. Ces paramètres s'appliquent universellement sur votre site. Voici comment chacun d’eux fonctionne :

Choisissez 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 peuvent accéder à 3 modèles, tandis que les utilisateurs Pro bénéficient d'options supplémentaires :

  • Classique
  • Compact
  • Moderne (Pro)
  • Élégant (Pro)
  • Technologie (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 que vous disposiez d'une licence WPForms Pro valide pour certaines options.

Passez 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 en choisir un autre.

choose modern template

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

preview modern template

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 .

upload header image

Une superposition 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.

wordpress media library upload

Lorsque vous avez fini de télécharger une nouvelle image ou de sélectionner une image existante, cliquez simplement sur le bouton Utiliser l'image .

Une fois que vous aurez téléchargé votre image, vous pourrez sélectionner la taille souhaitée pour l'image à utiliser dans vos notifications par e-mail dans un menu déroulant.

header image size dropdown

Les tailles disponibles sont Small, Medium et Large. 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 voyez l'e-mail de notification sur un appareil mobile, il changera automatiquement pour s'adapter à la taille de l'écran de l'appareil que vous utilisez.

Changer la palette de couleurs

Les utilisateurs de WPForms Pro peuvent accéder à une section Schéma de couleurs pour ajuster les couleurs de l'arrière-plan, du corps, du texte et des liens.

Les utilisateurs Lite peuvent uniquement modifier la couleur d'arrière-plan. Le sélecteur de couleurs vous permet d'aligner ces couleurs avec votre marque.

color scheme

Ci-dessous, nous avons expliqué toutes les combinaisons 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 de fond bleu clair.

background color

Corps

La couleur du corps détermine l'apparence visuelle du conteneur de modèle d'e-mail. Il s'agit de l'emplacement où l'e-mail de notification est stocké.

Voici un exemple d'image présentant un conteneur Body avec une palette de couleurs blanches pour votre commodité.

body color

Texte

Cette couleur sera utilisée pour tout le texte de l’e-mail de notification. La palette de couleurs par défaut présente une couleur de texte sombre, comme le montre l'image ci-dessous.

text color

Liens

La palette de couleurs suivante s'applique à tous les liens contenus dans l'e-mail de notification. L'adresse e-mail dans l'image ci-dessous est affichée sous forme de lien, en utilisant la couleur orange par défaut pour les liens.

link color

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

update background color

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.

typography

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

typography dropdown

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

save settings

Prévisualisez votre modèle d'e-mail

Après avoir enregistré vos modifications, vous pouvez les prévisualiser pour voir comment elles apparaîtront 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.

preview email template

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.

customized email template

Si l'appareil de l'utilisateur est réglé en mode sombre, l'e-mail de notification s'adaptera automatiquement pour correspondre à l'apparence de l'appareil.

dark mode variant of template

Modifier les notifications dans le générateur de formulaires

Vous pouvez également modifier la conception de l'e-mail de votre formulaire dans le générateur de formulaire si vous le souhaitez. Pour ce faire, ouvrez le formulaire que vous souhaitez modifier et accédez à Paramètres » Notifications .

notifications settings

Ensuite, faites défiler vers le bas et cliquez sur Avancé pour accéder aux choix les plus avancés. Il devrait y avoir un bouton déroulant sous Email Template .

advanced tab form builder

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 la liste déroulante Modèle d'e-mail et choisissez le modèle souhaité.

email template dropdown

5. Publiez votre formulaire personnalisé

Une fois que vous avez créé votre formulaire, l'avez 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 une nouvelle publication, ou mettez à jour une page existante. Ensuite, cliquez sur le bouton Ajouter un bloc , puis choisissez l'icône WPForms .

Add form widget WPForms

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

select your form

Si vous êtes satisfait de l'apparence de votre formulaire, tout ce que vous avez à faire est d'appuyer sur le bouton Mettre à jour ou Publier pour le mettre en ligne.

Publishing your Contact page

Plus de questions sur les modèles d'e-mails personnalisés WPForms

Apprendre à personnaliser les notifications de formulaire 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 comme Classique, Compact ou Moderne. Personnalisez le modèle en ajoutant une image d'en-tête, en sélectionnant votre palette de couleurs préférée 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 correspond à votre style et le personnaliser en téléchargeant une image d'en-tête, en ajustant la palette 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 modifier mon email sur WPForms ?

Pour modifier votre e-mail dans WPForms, accédez au formulaire dans lequel vous souhaitez mettre à jour l'e-mail. Cliquez sur Modifier sur le formulaire spécifique, accédez à Paramètres »Notifications dans le générateur de formulaire. Ici, vous pouvez mettre à jour le champ Envoyer à l'adresse e-mail avec votre nouvelle adresse e-mail.

Ensuite, apprenez à styliser les formulaires de contact dans WordPress

Vous vous demandez comment adapter la conception de votre formulaire de contact à votre site WordPress sans aucune compréhension du CSS ? Consultez ce guide pour apprendre à styliser les formulaires de contact dans WordPress à l'aide des 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 comprend de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.