Comment créer un formulaire WordPress MailPoet (la manière FACILE)

Vous souhaitez ajouter facilement des abonnés MailPoet WordPress à partir de vos formulaires ?

Vous pouvez facilement intégrer n'importe quel formulaire à MailPoet pour créer votre liste de diffusion.

Dans cet article, nous allons vous montrer comment ajouter une case à cocher d'abonnement MailPoet à n'importe quel formulaire sur votre site Web WordPress.

Créez votre formulaire WordPress MailPoet maintenant

Comment utiliser MailPoet dans WordPress ?

MailPoet est un service de marketing par e-mail que vous pouvez utiliser dans WordPress. Il dispose d'un générateur de glisser-déposer qui facilite la conception de newsletters personnalisées par e-mail.

Si vous avez déjà utilisé des générateurs de pages de destination par glisser-déposer comme SeedProd, vous trouverez MailPoet très facile à utiliser.

Dans MailPoet, vous pouvez créer différents types d'e-mails tels que :

• Mailings
• E-mails de bienvenue avec automatisation des e-mails goutte à goutte
• Dernières notifications de publication
• Courriels de bienvenue
• E-mails de panier abandonné
• E-mails de commande WooCommerce.

Après avoir créé votre modèle d'e-mail, vous voudrez simplement indiquer à MailPoet à quelle liste ou à quel segment vous souhaitez envoyer l'e-mail. Il garde une trace de tous vos abonnés dans WordPress et affiche des statistiques sur les taux d'ouverture de votre newsletter.

Voyons ensuite comment créer facilement vos listes MailPoet avec WPForms.

Comment créer un formulaire WordPress MailPoet

Nous allons vous montrer comment intégrer WPForms et MailPoet avec le plugin Uncanny Automator. Voici un résumé rapide des étapes du tutoriel :

1. Installer le plugin MailPoet
2. Installer le plugin WPForms
3. Créez votre formulaire WordPress MailPoet
4. Installez le plugin Uncanny Automator
5. Créez votre intégration MailPoet WPForms
6. Testez votre formulaire WordPress MailPoet

Si vous avez déjà configuré MailPoet, passez directement à l'étape 2.

Étape 1 : Installez le plugin MailPoet

Tout d'abord, installons le plugin de newsletter MailPoet sur votre site WordPress.

Pour commencer, ouvrez le menu Plugins » Ajouter un nouveau dans WordPress.

Recherchez MailPoet et assurez-vous de sélectionner le plugin MailPoet 3.

Cliquez maintenant sur Activer pour activer le plugin.

Exécutez maintenant les étapes de l'assistant d'installation. Si vous avez la version payante de MailPoet, entrez votre clé de licence pour télécharger le plugin Pro et installez-le également.

Si vous avez demandé à utiliser le service d'envoi MailPoet pour améliorer la délivrabilité, vous verrez maintenant ce message :

You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails .

En attendant que MailPoet approuve votre compte, vous pouvez continuer à configurer votre intégration MailPoet avec WPForms.

Vous pouvez également créer une nouvelle liste d'abonnés MailPoet pour vos inscriptions au formulaire de contact afin de pouvoir les séparer des autres listes de diffusion sur votre site.

Pour ajouter une nouvelle liste, accédez à MailPoet » Listes . Saisissez un nom pour votre liste et cliquez sur Enregistrer .

Super! MailPoet est prêt. Installons maintenant le plugin de création de formulaire.

Étape 2 : Installez le plugin WPForms

WPForms est le meilleur plugin de création de formulaires pour WordPress. Il vous permet de créer tout type de formulaire WordPress à l'aide d'un générateur de glisser-déposer.

WPForms a beaucoup plus de fonctionnalités que le générateur de formulaires MailPoet par défaut. Et il dispose de différents types de protection anti-spam que vous pouvez utiliser sous n'importe quelle forme.

Avec WPForms Pro, vous pouvez :

• Stockez toutes vos entrées de formulaire dans le tableau de bord WordPress
• Créer des sondages et des sondages
• Acceptez les paiements avec Stripe ou PayPal
• Suivez le parcours de l'utilisateur sur votre site
• Créez des formulaires en plusieurs étapes avec des barres de progression
• Et plus.

Alors téléchargeons et installons le plugin WPForms maintenant. N'oubliez pas d'activer le plugin avant de continuer.

Étape 3 : Créez votre formulaire WordPress MailPoet

Nous allons maintenant créer un formulaire de contact qui inscrira automatiquement les visiteurs à votre liste MailPoet lorsqu'elle sera soumise.

• Si vous avez déjà configuré un formulaire dans WPForms, ouvrez-le maintenant et nous vous montrerons comment le modifier.
• Si vous partez de zéro, consultez ce guide pour créer un formulaire de contact simple dans WordPress. Il faut moins de 5 minutes pour créer un formulaire de contact et l'intégrer sur votre site.

Ajout de champs de nom distincts dans WPForms

Par défaut, WPForms a un champ Prénom et Nom. Ces 2 champs sont combinés en un seul 'Nom'.

MailPoet stocke le prénom et le nom séparément, alors modifions le formulaire pour qu'il corresponde à cela.

Tout d'abord, faites glisser 2 champs de texte sur une seule ligne sur votre formulaire.

Renommez maintenant le premier champ Prénom . Vous pouvez également en faire un champ obligatoire. Si tel est le cas, vous pouvez cocher la case Obligatoire .

Ensuite, faites défiler vers le bas et développez Options avancées .

Faites maintenant défiler à nouveau jusqu'à Classes CSS. Cliquez sur Afficher les mises en page ici pour afficher les paramètres de mise en page du champ Prénom.

Nous voulons que ce champ apparaisse sur le côté gauche. Commençons donc par sélectionner la disposition à 2 colonnes :

Et puis sélectionnez la colonne de gauche en utilisant le bouton ici.

Répétez maintenant le processus avec le deuxième champ. Renommez-le en Nom de famille, puis développez Options avancées et utilisez des dispositions CSS pour le positionner sur la droite.

Super! Nous avons maintenant 2 champs distincts pour le nom et le prénom du visiteur. N'oubliez pas de supprimer le champ Nom d'origine en passant la souris dessus et en cliquant sur la corbeille.

Ajout d'un champ d'option

Le RGPD est une loi importante qui protège les données personnelles. Chaque fois que vous créez un formulaire d'inscription, vous devez obtenir le consentement explicite de la personne.

Pour ce faire, nous pouvons ajouter une case à cocher d'option MailPoet à votre formulaire. Si le champ optin n'est pas coché, ils ne seront pas ajoutés à votre liste MailPoet.

Commencez par faire glisser un champ de case à cocher sur votre formulaire. Nous allons ajouter un petit texte pour expliquer à quoi cela sert.

Notez le texte exact que vous utilisez dans le champ Choix - nous aurons besoin de l'utiliser plus tard.

Vous voudrez probablement aussi ajouter un champ GDPR à votre formulaire de contact qui couvre le stockage de leurs données. Si vous n'êtes pas sûr d'en avoir besoin, nous vous recommandons de consulter un avocat pour obtenir des conseils sur le RGPD.

Tout est fait ici ? Cliquez sur Enregistrer .

Vérification des paramètres de votre formulaire

Avant de terminer dans WPForms, c'est une bonne idée de vérifier vos notifications et confirmations de formulaire. Pour commencer, cliquez sur Paramètres sur le côté gauche du générateur de formulaire.

• Les notifications sont des e-mails envoyés lorsque le formulaire est soumis. Comme il s'agit d'un formulaire de contact, vous voudrez que les notifications soient activées. Consultez ce guide si vous avez besoin d'aide pour configurer vos notifications de formulaire.
• La confirmation est le message qui s'affiche à l'écran après la soumission du formulaire. Découvrez comment modifier le message de confirmation du formulaire.

Lorsque vos paramètres de formulaire sont configurés comme vous le souhaitez, cliquez sur Enregistrer .

Nous avons terminé dans WPForms pour le moment, vous pouvez donc cliquer sur X pour fermer le générateur de formulaires et revenir au tableau de bord WordPress.

Étape 4: Installez le plugin Uncanny Automator

Uncanny Automator est un plugin WordPress génial qui vous permet d'automatiser les plugins dans WordPress. Vous pouvez utiliser un plugin comme déclencheur et un autre pour effectuer une action.

Nous allons faire une "recette" dans Uncanny Automator. Le déclencheur sera une soumission de formulaire dans WPForms. Si la case optin est cochée, Uncanny Automator ajoutera automatiquement la personne à notre liste MailPoet.

Pour suivre, vous voudrez récupérer une copie d'Uncanny Automator Pro ou supérieur et l'installer sur votre site.

Nous sommes maintenant prêts à connecter WPForms à MailPoet.

Étape 5 : Créez votre intégration MailPoet WPForms

Dans cette étape, nous allons tout rassembler et intégrer votre formulaire de contact avec MailPoet.

Dans votre tableau de bord WordPress, accédez à Automator » Ajouter un nouveau .

Dans la fenêtre contextuelle, sélectionnez Anonyme . Cela crée une recette qui fonctionnera même si le visiteur n'est pas connecté à WordPress.

Ensuite, saisissez un nom pour votre nouvelle recette en haut.

Nous allons maintenant configurer notre déclencheur WPForms dans Uncanny Automator.

Création de votre déclencheur WPForms

Nous allons dire à Uncanny Automator de déclencher le déclencheur si l'utilisateur s'est inscrit.

Tout d'abord, regardez dans le champ intitulé Anonymous Trigger et sélectionnez WPForms .

Ensuite, choisissons le déclencheur Une entrée spécifique dans un champ spécifique .

À l'aide des listes déroulantes, sélectionnez :

• Le formulaire que vous avez créé plus tôt, et
• Le champ de case à cocher d'option que nous avons ajouté.

Dans le 3ème champ, assurez-vous de saisir exactement le même texte que vous avez tapé dans le champ Choix de votre liste déroulante.

Cliquez sur Enregistrer pour enregistrer votre déclencheur.

Passons maintenant à l'étape suivante.

Créer votre nouvel utilisateur dans WordPress

Dans le cadre du workflow, Uncanny Automator doit créer un nouvel utilisateur dans WordPress pour chaque nouvel abonné MailPoet. Cela permettra à la personne de se connecter et de modifier ses préférences.

Nous devons décider si nous allons exécuter cette action sur un utilisateur existant ou un nouvel utilisateur. Voici un petit détail pour vous aider à décider :

• L'utilisateur existant recherchera une correspondance avec un utilisateur WordPress existant. Si Uncanny Automator ne trouve pas d'utilisateur, il en créera un. C'est le meilleur choix si vous recevez généralement des demandes de clients qui ont déjà des comptes WordPress.
• Le nouvel utilisateur créera un nouvel utilisateur, lui attribuera un rôle et le connectera éventuellement à WordPress. Si l'utilisateur existe, Uncanny Automator sélectionnera son profil à la place. C'est une bonne option si vous vous attendez à ce que la plupart des demandes proviennent de nouveaux visiteurs.

Choisissez ici l'option qui convient le mieux à votre site. Nous utiliserons New User dans cet exemple.

Ensuite, mappons les champs de WPForms au profil utilisateur WordPress qui sera créé si aucun utilisateur existant n'est trouvé.

Cliquez sur l'astérisque ici pour ouvrir la liste des champs disponibles.

Ensuite, développez la section WPForms dans la liste en cliquant sur la petite flèche à droite.

Enfin, sélectionnez le champ WPForms qui correspond au nom du champ dans Uncanny Automator.

Au fur et à mesure que vous avancez dans la liste, vous souhaiterez également sélectionner les options suivantes :

• Nom d'utilisateur : Il est plus facile d'utiliser l'adresse e-mail de votre visiteur dans le champ Nom d'utilisateur. De cette façon, tous vos utilisateurs auront certainement des noms d'utilisateur uniques.
• Rôle : Choisissez le rôle de votre nouvel utilisateur. Nous vous recommandons de choisir Abonné ici, à moins que vous ne souhaitiez donner à votre nouvel utilisateur des autorisations supplémentaires dans WordPress.
• Connecter l'utilisateur : Vous pouvez choisir de vous connecter automatiquement à l'utilisateur lors de l'exécution de la recette.
• Que faire si l'utilisateur existe déjà : Assurez-vous de sélectionner Sélectionner un utilisateur existant ici. Si vous ne le faites pas, votre recette ne fonctionnera pas pour les utilisateurs existants.

Maintenant, enregistrez votre configuration utilisateur jusqu'à présent.

Ajout d'abonnés WordPress à MailPoet

La dernière étape consiste à configurer le nouvel utilisateur dans MailPoet. Sous votre configuration utilisateur, cliquez sur le bouton Ajouter une action .

Sélectionnez maintenant MailPoet dans les options.

Sélectionnez la première option dans la liste déroulante, Ajouter un abonné à une liste .

Répétez le processus de mappage des champs de formulaire sur votre enregistrement d'abonné MailPoet. Sélectionnez Abonné pour les ajouter à la liste, ou Désabonné si vous souhaitez utiliser le formulaire pour les supprimer.

Cliquez ensuite sur Enregistrer .

Nous avons presque terminé !

Il ne nous reste plus qu'à sélectionner la liste MailPoet pour l'abonné. Sélectionnons la nouvelle liste que nous avons créée dès le début.

Il n'y a plus qu'une chose à faire. Nous devons activer chaque interrupteur pour nous assurer que la recette fonctionne.

Faites défiler vers le haut et assurez-vous que chaque section de la recette est maintenant commutée sur Live .

Et enfin, regardez en haut à droite de la page et activez la recette principale. Cela devrait également être basculé sur Live .

C'est ça! Votre formulaire MailPoet WordPress est prêt à ajouter des abonnés à votre liste de diffusion.

Étape 6 : Testez votre formulaire WordPress MailPoet

C'est toujours une bonne idée de tester de nouvelles intégrations, alors remplissons votre formulaire de contact maintenant. Si tout fonctionne comme prévu, vous verrez une nouvelle soumission de formulaire répertoriée sous Non confirmé .

Cliquez maintenant sur le lien dans l'e-mail d'activation pour confirmer votre abonnement.

Une fois que vous avez fait cela, vous devriez voir votre nouvel abonné dans la colonne Abonné de votre liste MailPoet.

Et c'est tout! Désormais, chaque visiteur qui utilise votre formulaire de contact peut s'inscrire sur votre liste MailPoet.

Créez votre formulaire WordPress MailPoet maintenant

Étape suivante : créer un formulaire de notification de publication de blog

Il existe de nombreuses façons d'utiliser WPForms avec MailPoet pour obtenir plus d'abonnés.

Par exemple, essayez de créer un formulaire d'inscription WPForms avec un champ d'adresse e-mail, puis ajoutez-le à votre blog à l'aide d'un widget de la barre latérale. Connectez ensuite votre formulaire à la newsletter Post Notification de MailPoet dans Uncanny Automator.

Vous pouvez désormais mettre à jour automatiquement les abonnés chaque fois que vous publiez un nouveau contenu.

Créer une page de destination pour votre formulaire est également une bonne idée. Il supprime toutes les distractions qui pourraient autrement nuire à votre taux de conversion. Et il est facile de créer une page de destination dans WPForms. Consultez ces exemples de formulaires de page de destination pour vous inspirer.

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 plus de 100 modèles de formulaires 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 guides WordPress gratuits.