WordPress est le système de gestion de contenu dominant, et Mailchimp est son équivalent logiciel de marketing par e-mail.

Alors, pourquoi ne pas combiner les deux ?

Dans ce guide, vous apprendrez à configurer Mailchimp pour WordPress. Grâce à lui, vous pouvez activer des formulaires d’accord sur votre site web, mettre en place des campagnes de marketing par e-mail et envoyer des e-mails chaque fois que vous publiez un nouvel article de blog.

Commençons à apprendre comment ajouter Mailchimp à WordPress !

Pourquoi utiliser Mailchimp pour WordPress ?

La bibliothèque d’extensions de WordPress offre déjà une large gamme d’extensions, de widgets de marketing par e-mail et de création de listes.

Cela soulève la question : Qu’est-ce qui rend Mailchimp plus désirable que les dizaines d’alternatives ? Pourquoi devriez-vous utiliser Mailchimp sur votre site web WordPress ?

Voici pourquoi :

  • Mailchimp propose un compte gratuit pour un maximum de 2 000 contacts. De nombreuses applications de marketing par e-mail haut de gamme n’ont pas de plans gratuits, et si elles en ont, il est difficile de battre les fonctionnalités que vous obtenez de Mailchimp.
  • Vous pouvez créer des formulaires d’accord avec Mailchimp par une méthode manuelle ou en utilisant une extension. Ces deux options permettent une configuration assez flexible. WordPress prend en charge le codage personnalisé, et il existe de nombreuses extensions Mailchimp, il est donc possible d’utiliser celle qui vous convient le mieux.
  • Il est également possible d’utiliser Mailchimp pour les formulaires d’inscription aux sites web. Les utilisateurs viennent sur votre site et créent un profil d’utilisateur ; ces formulaires sont fréquemment utilisés sur les sites web d’adhésion, de eCommerce et de forum.
  • Le processus de conception d’e-mails de Mailchimp est inégalé. Grâce à ses magnifiques modèles et à son éditeur de type glisser-déposer, vous n’avez pas besoin d’être un designer ou un expert en marketing par e-mail pour élaborer des campagnes époustouflantes. Vous disposez également d’une vaste bibliothèque de modèles.
  • Plusieurs outils d’automatisation relient les mises à jour de WordPress aux e-mails Mailchimp, ce qui vous permet d’envoyer des e-mails pour des choses comme les nouveaux articles, et comme e-mails de bienvenue ou campagnes de dripping lorsque les gens s’inscrivent sur votre liste.
  • Mailchimp est doté d’outils de ciblage avancés pour donner à vos lecteurs/clients de WordPress la possibilité de choisir les e-mails qu’ils souhaitent recevoir. Vous pouvez également cibler vous-même en fonction des types d’utilisateurs.
  • Si vous n’aimez pas les principales extensions ou méthodes d’intégration de Mailchimp à WordPress, vous pouvez toujours vous tourner vers des extensions tierces, vu qu’il en existe des centaines sur le marché. Ce n’est là qu’un des avantages de Mailchimp, qui est un outil de marketing par e-mail plutôt populaire.
  • Vous pouvez afficher les statistiques de Mailchimp sur votre tableau de bord WordPress, mais elles regorgent d’informations essentielles comme les taux d’ouverture des e-mails, les clics et la localisation des utilisateurs.
  • Mailchimp s’intègre parfaitement aux sites web WooCommerce, vous aidant à envoyer des e-mails transactionnels automatisés pour des choses comme les messages de panier abandonné, les reçus et les codes de réduction.
  • Une intégration de Mailchimp et de WordPress signifie que vous exploitez une grande variété d’autres fonctions d’automatisation et de marketing en dehors du marketing par e-mail habituel. Par exemple, vous pouvez relier vos comptes de réseaux sociaux, lancer des publicités numériques basées sur les e-mails, configurer des pages de destination, etc.

Comme vous pouvez le constater, Mailchimp offre une suite d’outils plutôt solide. Mais lorsque vous optimisez Mailchimp pour WordPress et intégrez l’ensemble du processus, il devient une plateforme marketing bien plus utile pour votre site web.

Comment configurer un compte Mailchimp

La première étape de la configuration de Mailchimp pour WordPress consiste à :

  • Avoir un site WordPress
  • Créer un compte Mailchimp

Après avoir établi ces deux comptes, nous pouvons aller de l’avant en les reliant ensemble avec une extension ou du code (plus sur ce point ci-dessous).

Notre guide de démarrage avec Mailchimp couvre la majeure partie du processus, de l’accès au site web de Mailchimp à la découverte de la façon de se déplacer dans votre tableau de bord Mailchimp.

À titre de bref rappel, voici les étapes pour lancer un compte Mailchimp, ainsi que quelques conseils supplémentaires qui ne figurent pas dans ce guide :

Commencez par vous rendre sur le site web Mailchimp.com et vérifiez les fonctionnalités pour vous assurer qu’il s’agit exactement de la plateforme de marketing par e-mail que vous souhaitez utiliser pour votre site WordPress.

Une fois prêt, cliquez sur les boutons Se connecter ou Inscription gratuite – les deux vous amènent à la même page pour créer un compte.

Sur la page d'accueil de Mailchimp, cliquez sur un des boutons Se connecter ou Inscription gratuite
Sur la page d’accueil de Mailchimp, cliquez sur un des boutons Se connecter ou Inscription gratuite

Il vous est demandé de sélectionner un plan tarifaire Mailchimp. Nous vous recommandons de commencer par le plan gratuit jusqu’à ce que vous ayez dépassé le maximum de 2 000 utilisateurs ou que vous ayez besoin de l’une des fonctions premium.

Choisissez le plan gratuit pour démarrer votre compte Mailchimp
Choisissez le plan gratuit pour démarrer votre compte Mailchimp (Image Source : Mailchimp.com)

Les écrans suivants vous montrent les champs dans lesquels vous devez saisir votre adresse e-mail ainsi qu’un nom d’utilisateur et un mot de passe souhaités. Vous serez également invité à indiquer à Mailchimp votre prénom, votre nom de famille et éventuellement d’autres informations personnelles pour compléter la configuration du compte. Ils ont même un quiz marketing que vous pouvez ignorer, mais il est utile de situer les bonnes fonctionnalités sur votre tableau de bord.

Remplissez des champs comme votre prénom, le nom de votre entreprise et l'URL de votre site web
Remplissez des champs comme votre prénom, le nom de votre entreprise et l’URL de votre site web (Image Source : Mailchimp.com)

Après tout cela, Mailchimp vous envoie au tableau de bord principal, où vous verrez un message de bienvenue, des statistiques rapides une fois que vous avez envoyé des campagnes, et des détails sur la taille de votre liste d’e-mails.

Lisez notre guide sur l’utilisation de MailChimp (et la création de votre liste d’e-mails) pour poursuivre le processus.

La configuration de Mailchimp pour WordPress signifie que vous intégrerez ce compte Mailchimp actuel pour placer un formulaire Mailchimp sur votre site web WordPress – dans une zone comme votre page d’accueil, la colonne latérale ou l’en-tête.

Avec un formulaire inclus sur votre site, toutes les données saisies par les utilisateurs sont poussées de ce formulaire du site vers la base de données de Mailchimp. Vous pouvez gérer tous les aspects de la liste d’e-mails à partir de Mailchimp, avec des options de ciblage, de regroupement des utilisateurs et de consultation des statistiques. Vous pouvez également ajuster le design de votre formulaire d’abonnement dans Mailchimp.

L’objectif principal avec l’intégration de Mailchimp pour WordPress est de créer une liste d’e-mails. Tout ce qui suit dépend de votre créativité, de votre désir d’envoyer des e-mails et du type d’entreprise que vous dirigez. Mailchimp est rempli d’outils pour satisfaire tous vos besoins, comme :

  • Avoir des e-mails de bienvenue automatisés pour ceux qui s’inscrivent sur votre formulaire
  • Créer des bulletins d’information mensuels pour votre magasin de détail
  • Lier l’intégration avec votre boutique eCommerce pour la livraison de reçus
  • Définir des messages de panier abandonné
  • Envoyer d’autres e-mails transactionnels

Comment configurer Mailchimp sur WordPress

Les intégrations Mailchimp se présentent sous de nombreuses formes différentes, dont certaines incluent :

  • La création d’un formulaire d’inscription Mailchimp sans extension sur votre site WordPress.
  • La création d’un formulaire d’inscription Mailchimp avec une extension à mettre sur un site WordPress.
  • L’insertion d’un formulaire d’inscription Mailchimp sur votre site WordPress en tant que widget – allez dans la barre colonne, le pied de page, ou d’autres zones de widgets.
  • La liaison de votre site WordPress pour que des actions automatisées se produisent comme l’envoi de mises à jour d’articles de blog ou de messages eCommerce à partir de votre site WordPress.

Dans la section suivante, nous allons couvrir la liaison de votre site WordPress avec Mailchimp et compléter tous les types d’intégrations mentionnés. Vous pouvez ensuite décider de celle qui est la plus judicieuse pour votre organisation en fonction du coût, des exigences en matière de compétences et de ce qui ressort des formulaires et des e-mails les plus beaux.

Comment créer un formulaire d’inscription Mailchimp pour WordPress sans plugin

Mailchimp propose sa propre extension WordPress (même si nous ne le recommandons pas), et vous pouvez trouver pas mal d’extensions tierces pour ajouter un formulaire Mailchimp à WordPress. Cependant, tout le monde devrait savoir comment ajouter un formulaire Mailchimp à WordPress, ou à tout autre site web, sans installer d’extension.

Le fait de ne pas installer d’extension a ses avantages, qu’il s’agisse de minimiser le nombre d’extensions sur votre site WordPress ou de réduire le temps que vous passez à concevoir le formulaire et à le mettre sur votre site.

Allez dans le tableau de bord de Mailchimp et sélectionnez l’élément de menu Audience. Vous accédez alors au Tableau de bord d’audience, qui répertorie les différentes audiences et le nombre d’abonnés de chaque liste.

Une « Audience » est ce que Mailchimp appelle une liste d’e-mails. Les audiences sont des bases de données de listes d’e-mails qui enregistrent toutes les informations de contact des clients.

Pour créer un formulaire sur Mailchimp, vous devez d’abord comprendre que les Audiences sont directement liées à vos formulaires. Lorsque vous créez un formulaire, toutes les données recueillies vont dans l’une de vos listes Audience.

Heureusement, par défaut, le plan gratuit de Mailchimp lie automatiquement votre Audience principale à tous les formulaires que vous créez (étant donné que vous ne pouvez avoir qu’une seule Audience dans le plan gratuit). Avec les plans plus avancés, vous devez attribuer une Audience à chacun de vos formulaires.

La page du tableau de bord de l’audience Mailchimp affiche des informations comme le nom de votre liste (dans ce cas, nous avons nommé l’audience WordPress List), et le nombre d’abonnés dans l’audience. Elle comporte des liens vers l’ajout d’ abonnés, l’importation de contacts et la création de formulaires d’ inscription.

Le Tableau de bord de l'audience montre de multiples détails sur votre audience.
Le Tableau de bord de l’audience montre de multiples détails sur votre audience.

Maintenant que vous comprenez les audiences, naviguez vers l’élément de menu Formulaires d’ inscription sous l’onglet Tableau de bord d’audience.

Ce bouton vous amène à une page pour créer, personnaliser et intégrer des formulaires Mailchimp.

Allez dans l'onglet Formulaires d'inscription
Allez dans l’onglet Formulaires d’inscription

Plusieurs types de formulaires d’inscription sont disponibles via Mailchimp.

Nous discuterons des options alternatives plus loin dans cet article, mais la façon classique d’ajouter un formulaire Mailchimp à WordPress est avec le constructeur de formulaires intégrés.

Par conséquent, cliquez sur le bouton Sélectionner à côté de l’option Formulaires intégrés.

Utilisez l'option Formusaires intégrés pour générer des formulaires rapides à intégrer avec un code sur WordPress
Utilisez l’option Formusaires intégrés pour générer des formulaires rapides à intégrer avec un code sur WordPress

Sur cette page, vous verrez un menu avec des styles de formulaires tels que Classique, Condensé, Horizontal, Non stylisé, et Avancé.

N’hésitez pas à cliquer sur ces styles pour voir comment ils se présentent chacun. Le formulaire Classique constitue généralement un bon point de départ, mais les formulaires Condensé et Horizontal offrent des designs plus modernes. Les onglets de formulaire Non stylisé et Avancé fonctionnent bien pour les personnalisations lourdes.

Mailchimp propose cinq types de formulaires
Mailchimp propose cinq types de formulaires

Par exemple, passer à l’onglet Condensé change ce que vous voyez dans le module Aperçu du formulaire.

Vous pouvez voir qu’il offre un design légèrement plus épuré et moins de champs, ce qui le rend idéal pour une zone de votre site web où il n’y a pas autant de place.

L'onglet Condensé supprime la plupart des champs et compresse la taille du formulaire
L’onglet Condensé supprime la plupart des champs et compresse la taille du formulaire

L’onglet Non stylisé, quant à lui, dépouille le formulaire entier de tout style, ce qui vous permet de le placer sur votre site web WordPress et de le laisser dans sa forme brute ou de personnaliser ultérieurement le CSS dans WordPress pour un aspect plus marqué. L’onglet Avancé fonctionne de manière similaire à l’option Non stylisé, mais permet des personnalisations plus complexes.

Les formulaires Non stylisé et Avancé permettent des personnalisations plus compliquées
Les formulaires Non stylisé et Avancé permettent des personnalisations plus compliquées

Ceci étant dit, retournez à l’onglet Classique.

Nous aimons le style Classique en raison de son design modeste, de sa capacité à s’intégrer sur à peu près n’importe quel site web et des options permettant d’ajouter plus ou moins de champs de formulaire.

Nous vous encourageons à explorer les différents réglages de l’onglet Classique et à observer comment chaque réglage ajuste le style affiché dans la section Aperçu.

Par exemple, nous pouvons cocher la case d’option Afficher uniquement les champs nécessaires, ce qui a pour effet de masquer tous les champs dans l’aperçu, à l’exception du champ Adresse e-mail.

Le formulaire Classique comporte un réglage permettant de n'afficher que les champs nécessaires
Le formulaire Classique comporte un réglage permettant de n’afficher que les champs nécessaires

D’un autre point de vue, vous pouvez souhaiter que davantage de champs soient inclus. Dans ce cas, choisissez le bouton radio Afficher tous les champs.

Nous avons maintenant des champs d’inscription « non nécessaires » comme le prénom, le nom de famille, et même un pour l’anniversaire du client.

Le bouton Afficher tous les champs révèle des champs comme Prénom, Nom et Anniversaire
Le bouton Afficher tous les champs révèle des champs comme Prénom, Nom et Anniversaire

Ce n’est pas non plus une mauvaise idée de passer au crible les réglages supplémentaires tels que :

  • Afficher les champs des groupes d’intérêt
  • Afficher les indicateurs de champs nécessaires
  • Afficher les options de format
  • Et le champ facultatif de Largeur du formulaire
Création du code d'insertion de formulaire de Mailchimp
Création du code d’insertion de formulaire de Mailchimp

Une fois que vous avez terminé de personnaliser le formulaire de Mailchimp, faites défiler jusqu’au bas de la page pour repérer la section à Copier/Coller sur votre site.

Vous n’avez pas besoin de savoir quoi que ce soit sur ce bloc de code, juste qu’il contient les éléments de style et de base de données pour présenter votre formulaire de la bonne manière et recueillir toutes les entrées de données.

Sélectionnez l’ensemble du bloc de code et copiez-le dans le presse-papiers de votre ordinateur.

Lorsque vous avez terminé la conception, copiez le code du formulaire
Lorsque vous avez terminé la conception, copiez le code du formulaire

Maintenant, nous devons placer le formulaire sur votre site WordPress.

Pour accomplir cette tâche, ouvrez le tableau de bord de votre site WordPress.

Les formulaires intégrables de Mailchimp peuvent aller n’importe où sur votre site qui accepte le code HTML intégrable. Ainsi, vous pourriez créer un nouvel article, une page, une page de produit ou un widget, qui devraient tous supporter le code HTML. Vous pourriez même vouloir ouvrir une page ou un article déjà publié pour insérer le formulaire quelque part.

Pour notre tutoriel, nous nous sommes dirigés navigué vers la page d’accueil du site, où nous placerons le formulaire en bas de la page, sous une liste de produits.

Pour cela, dans l’éditeur visuel de blocs, cliquez sur le bouton Ajouter un bloc (il ressemble à un signe plus). Vous pouvez parcourir la collection de blocs disponibles sur WordPress ou envisager de saisir « HTML » dans la barre  de recherche.

Trouvez le bloc HTML personnalisé et insérez-le dans votre page ou article WordPress.

Cliquez sur le bouton Ajouter un bloc et trouvez le bloc HTML personnalisé
Cliquez sur le bouton Ajouter un bloc et trouvez le bloc HTML personnalisé

Le bloc HTML personnalisé vous permet de coller du HTML à partir de n’importe quelle source. Ensuite, WordPress traite le HTML pour montrer son véritable design.

Placez un curseur dans le champ du bloc HTML personnalisé, puis collez le code du formulaire Mailchimp que vous avez copié dans votre presse-papiers plus tôt.

Vous devriez voir ce code dans le bloc.

Collez le code Mailchimp précédemment copié dans le bloc HTML personnalisé
Collez le code Mailchimp précédemment copié dans le bloc HTML personnalisé

Sélectionnez le bouton Aperçu dans le bloc HTML personnalisé pour tester l’aspect du formulaire.

Et cela montre que nous avons ajouté avec succès un formulaire Mailchimp pour WordPress sur le site web.

Sélectionnez le bouton Aperçu pour voir à quoi ressemblera le HTML sur l'interface publique
Sélectionnez le bouton Aperçu pour voir à quoi ressemblera le HTML sur l’interface publique

Pour terminer le processus, cliquez sur le bouton Publier ou Mettre à jour dans WordPress.

Naviguez vers l’interface publique de cette page et vérifiez si tout semble correct.

Assurez-vous de vérifier l'interface publique pour voir le nouveau formulaire et le tester
Assurez-vous de vérifier l’interface publique pour voir le nouveau formulaire et le tester

Vous devez également penser à tester la fonctionnalité du formulaire lui-même.

Saisissez les informations d’un faux client – votre adresse e-mail et votre nom – et cliquez sur le bouton S’abonner.

Renseignez les informations d'un client de test, puis cliquez sur le bouton S'abonner
Renseignez les informations d’un client de test, puis cliquez sur le bouton S’abonner

Vous verrez un message Merci pour votre abonnement, qui peut être personnalisé dans votre tableau de bord Mailchimp.

Le formulaire fonctionne si vous voyez le message Merci
Le formulaire fonctionne si vous voyez le message Merci

De retour dans Mailchimp, passez à l’onglet Tous les contacts sous la section Audience pour vérifier si le test d’abonnement de l’utilisateur a réussi.

Comme prévu, nous avons un nouveau contact (il est passé d’un compte de 2 à 3), et la liste des adresses e-mail vers le bas de la page contient l’e-mail que nous avons saisi dans le formulaire.

Assurez-vous de vérifier votre liste de contacts dans Mailchimp
Assurez-vous de vérifier votre liste de contacts dans Mailchimp (Image source : Mailchimp.com)

Autres styles de formulaires d’inscription Mailchimp intégrables

Nous avons vu qu’une poignée d’autres styles de formulaires sont disponibles sur la page des formulaires d’ inscription de Mailchimp.

Ils ne sont pas tous adaptés à l’intégration dans votre site web WordPress. Néanmoins, ils ont tous leur utilité, en particulier si vous souhaitez générer une page web séparée et partageable pour votre formulaire d’inscription ou faire apparaître une fenêtre contextuelle lorsque les personnes arrivent sur votre site.

Dans la section Formulaires d’inscription, vous pouvez cliquer sur ces styles de formulaire pour voir ceux qui peuvent vous aider dans vos propres besoins de conception.

Le lien Constructeur de formulaire, par exemple, fournit un outil de conception permettant de construire une version étendue de ce que nous avons créé avec les formulaires intégrés.

Vous pouvez modifier chaque aspect de la conception d'un formulaire dans le Constructeur de formulaire
Vous pouvez modifier chaque aspect de la conception d’un formulaire dans le Constructeur de formulaire

Pourtant, nous devons noter que le Constructeur de formulaire ne génère pas un formulaire Mailchimp intégrable, mais plutôt une URL de formulaire d’ inscription à partager avec d’autres personnes, à publier sur vos comptes de réseaux sociaux ou à lier potentiellement à un bouton sur votre site web.

Il est agréable de disposer d’un tel lien si vous devez envoyer le formulaire rapidement à quelqu’un. Le Constructeur de formulaire offre une expérience de conception complète avec des champs et des réglages de champ personnalisables.

N’oubliez pas que le lien produit envoie les utilisateurs vers une page web hébergée par Mailchimp, et non vers votre site web. Il s’agit toujours de votre formulaire, et il continue à collecter les informations des clients et à les placer dans votre Audience, mais vous devez opter pour les Formulaires intégrables si vous voulez configurer Mailchimp pour WordPress. Vous pouvez toujours concevoir un formulaire dans le Constructeur de formulaire et passer à la page Formulaires intégrés pour trouver son code.

Le Constructeur de formulaire vous donne une URL pour partager une page web externe contenant votre formulaire
Le Constructeur de formulaire vous donne une URL pour partager une page web externe contenant votre formulaire

Un autre style de formulaire, appelé Popup d’abonné, vous permet d’intégrer un code caché dans les fichiers de votre site WordPress afin qu’un formulaire en popup apparaisse chaque fois qu’un client effectue une action comme faire défiler la page d’accueil, essayer de quitter votre site web ou parcourir le site pendant une certaine période.

Choisissez l'option Popup d'abonné pour générer et personnaliser des formulaires en popup
Choisissez l’option Popup d’abonné pour générer et personnaliser des formulaires en popup

Mailchimp fournit un constructeur de formulaire en popup élégant avec des options permettant de tout ajuster, des champs du formulaire au message de réussite.

Vous pouvez également choisir parmi les réglages suivants pour décider du moment où la popup de formulaire apparaît :

  • Immédiatement
  • Après 5 secondes
  • Après 20 secondes
  • Après que l’utilisateur ait fait défiler jusqu’au milieu d’une page
  • Après que l’utilisateur ait fait défiler jusqu’à la fin d’une page
  • Lorsqu’un utilisateur tente de quitter votre site web

Le piège avec une popup de formulaire dans Mailchimp implique le fait que vous devez ajouter un peu de code aux fichiers de votre site WordPress. Bien que vous n’ayez pas besoin d’en savoir beaucoup sur le code, ce processus nécessite une certaine connaissance de l’architecture des fichiers WordPress. Nous vous recommandons de lire notre guide sur les fichiers WordPress et leur utilisation si vous envisagez de mettre une popup de formulaire Mailchimp sur votre site.

Dans Mailchimp, vous devez cliquer sur le lien Connecter le site pour créer une popup de formulaire dans Mailchimp pour WordPress.

Sélectionnez le lien Connecter le site pour commencer à connecter une popup de formulaire à votre site WordPress
Sélectionnez le lien Connecter le site pour commencer à connecter une popup de formulaire à votre site WordPress

Ensuite, Mailchimp poursuit avec des directives détaillées sur la publication de la popup de formulaire sur WordPress, ou tout autre système de gestion de contenu ou constructeur de site web.

Il existe certaines intégrations, mais en général, il est nécessaire d’accéder à la partie <head> des fichiers de votre site WordPress et de coller le code recommandé. En outre, Mailchimp vous demande de saisir l’URL de votre site web.

Activation d'une popup de formulaire sur WordPress
Activation d’une popup de formulaire sur WordPress

Comment créer un formulaire d’inscription Mailchimp pour un formulaire d’inscription WordPress avec un plugin

De nombreuses personnes n’ont aucun intérêt à ajouter un formulaire Mailchimp à WordPress en utilisant du code, surtout lorsque vous devez puiser dans les fichiers de WordPress. Bien que le processus de base d’insertion de code HTML dans WordPress soit relativement simple, il existe de nombreux avantages à travailler avec des extensions.

Tout d’abord, les extensions Mailchimp pour WordPress suppriment la nécessité de coder grâce à des éditeurs de type glisser-déposer, des concepteurs visuels et des modèles de formulaires. Et bien que ce ne soit pas un gros souci, vous n’avez même pas besoin de copier un code d’intégration lorsque vous utilisez une extension. C’est tout un luxe.

En outre, les pextensions Mailchimp pour WordPress développent les fonctions de base de création de formulaires dans le tableau de bord Mailchimp, en vous donnant plus d’éléments de conception, des thèmes pré-construits et des options pour créer des choses comme des notifications uniques et des formulaires multiples et d’autres styles de formulaires comme des barres supérieures.

De plus, des dizaines de développeurs tiers proposent leurs propres intégrations Mailchimp à WordPress avec des fonctionnalités distinctes que vous ne trouverez nulle part ailleurs.

Cette section vous guidera à travers plusieurs tutoriels pour configurer Mailchimp pour WordPress à l’aide d’extensions.

Nous vous montrerons comment installer une extension Mailchimp pour WordPress sur WordPress.com. Ensuite, nous vous expliquerons comment effectuer un processus similaire pour WordPress.org (la version auto-hébergée de WordPress). Pour plus d’informations, lisez les différences entre WordPress.com et WordPress.org.

WordPress.org dispose toujours d’une extension officielle appelé Mail List Subscribe Form, mais elle n’a pas été mise à jour depuis de nombreuses années, probablement en raison des mauvaises critiques. Même Mailchimp suggère quelques extensions tierces dans sa documentation, dont nous allons parler ci-dessous.

Comment configurer Mailchimp avec Ninja Forms

Pour ceux qui ont WordPress.org – la version auto-hébergée de WordPress – vous devrez utiliser une extension tierce pour activer Mailchimp pour WordPress et mettre un formulaire sur votre site. Il n’y a pas de fonction de connexion intégrée comme celle que vous pouvez utiliser sur WordPress.com. Et bien que Mailchimp propose son extension officielle pour WordPress, ils semblent avoir actuellement abandonné son développement. Peut-être verrons-nous une mise à jour dans le futur, mais votre meilleure option est d’installer une extension tierce pour le moment.

L’une de ces extensions s’appelle Ninja Forms.

Utilisez Ninja Forms pour mettre des formulaires Mailchimp sur WordPress.org
Utilisez Ninja Forms pour mettre des formulaires Mailchimp sur WordPress.org

L’extension Ninja Forms offre des fonctionnalités permettant de créer de magnifiques formulaires de contact, d’inscription et de génération de prospects, le tout sans avoir à se soucier du code. Vous pouvez également ajouter des champs de formulaire supplémentaires pour obtenir des informations spécifiques des clients qui soumettent. En outre, Ninja Forms s’intègre à plusieurs fournisseurs de marketing par e-mail, dont Mailchimp. Grâce à cette intégration, vous pouvez profiter des fonctions de conception supérieures de Ninja Forms, tout en envoyant les abonnements au bon vieux Gestionnaire d’audience de Mailchmip.

Pour utiliser Ninja Forms afin de faire la connexion entre Mailchimp et WordPress, allez dans votre tableau de bord WordPress et installez l’extension Ninja Forms. Vous pouvez le faire en allant dans Extensions > Ajouter et en saisissant « Ninja Forms » dans la barre de recherche.

Installez et activez Ninja Forms. L’extension gratuite fonctionne pour créer un large éventail de styles de formulaires de contact, mais vous devez également acheter et installer l’extension Mailchimp for Ninja Forms (49 $) pour ajouter la fonctionnalité permettant de relier ces formulaires à votre base de données Mailchimp.

L'extension Mailchimp for Ninja Forms est nécessaire
L’extension Mailchimp for Ninja Forms est nécessaire

Vous pouvez ensuite consulter la documentation sur le site web de Ninja Forms pour configurer un formulaire pour votre liste de diffusion Mailchimp.

Comment configurer Mailchimp avec Gravity Forms

Une autre extension de formulaire qui permet de configurer facilement Mailchimp pour WordPress tout en offrant d’excellents outils de conception de formulaire, s’appelle Gravity Forms.

Gravity Forms n’a pas de plan gratuit, mais vous pouvez obtenir la version de base pour 59 $ par an. Vous devrez également activer le module Mailchimp, qui est fourni gratuitement avec tous les plans premium de Gravity Forms.

Pensez à utiliser Gravity Forms pour relier Mailchimp à tout site WordPress.org
Pensez à utiliser Gravity Forms pour relier Mailchimp à tout site WordPress.org

Gravity Forms n’a pas de version gratuite pour WordPress, vous devez donc créer un compte sur le site web de Gravity Forms. Vous payez ensuite pour l’extension, vous la téléchargez sur votre ordinateur, et la téléversez sur votre site WordPress.

Vous pouvez le faire en allant dans Extension > Ajouter > Téléverser une extension dans le tableau de bord de WordPress. Après l’installation, cliquez sur le bouton Activer pour la faire fonctionner.

La première étape pour utiliser Gravity Forms avec Mailchimp est d’activer le module Mailchimp. Dans WordPress, cliquez sur Formulaires > Modules. Le bouton Formulaires est le nouveau bouton Gravity Forms.

Recherchez la section du module Mailchimp, puis cliquez sur le bouton Activer. Cela nécessite généralement que vous vous connectiez à votre compte Gravity Forms pour activer la fonctionnalité. Vous devriez voir un indicateur vert Actif sous le module Mailchimp.

Localisez et activez le module Mailchimp pour Gravity Forms
Localisez et activez le module Mailchimp pour Gravity Forms

Vous avez maintenant le module Mailchimp prêt à fonctionner, mais il faut encore connecter votre compte Mailchimp à ce module.

Comme pour Ninja Forms (et à peu près toutes les extensions qui se connectent à votre compte Mailchimp), vous devez générer une clé API dans le tableau de bord Mailchimp ; cette clé est ensuite collée dans les réglages de Gravity Forms pour compléter l’intégration.

Dans Mailchimp, cliquez sur l’avatar de votre profil dans le coin inférieur gauche de l’écran. Allez dans Compte > Extras > Clés API, puis faites défiler vers le bas pour localiser la section Vos clés API.

Pour chaque nouvelle intégration d’application, il est judicieux de créer une nouvelle clé API. Par exemple, si vous avez déjà testé la connexion de Mailchimp avec Ninja Forms, vous devriez également en créer une nouvelle pour Gravity Forms.

Cliquez sur le bouton Créer une clé pour continuer.

L’écran suivant présente une clé API dans la quatrième colonne, que vous devez copier dans votre presse-papiers.

L'emplacement de votre clé API.
L’emplacement de votre clé API.

Fermez Mailchimp et revenez à WordPress.

Allez dans Formulaires > Réglages > Mailchimp.

Recherchez le champ Clé API Mailchimp sous le panneau Réglages Mailchimp.

Collez la clé que vous avez copiée de Mailchimp dans le champ.

Veillez à cliquer sur Enregistrer les réglages pour activer l’intégration.

Allez dans Réglages > Mailchimp sous Gravity Forms pour coller votre Clé API Mailchimp
Allez dans Réglages > Mailchimp sous Gravity Forms pour coller votre Clé API Mailchimp

Une fois la connexion Gravity Forms/Mailchimp activée, vous pouvez accéder à toutes les listes d’e-mails Audience de Mailchimp dans l’éditeur de Gravity Forms.

Après cela, lisez la documentation de l’extension sur le site web de Gravity Forms pour effectuer des tâches telles que la création d’un formulaire d’accord, la segmentation des listes d’e-mails et l’activation des formulaires à double accord.

Comment ajouter un widget Mailchimp pour WordPress

En plus de placer un formulaire Mailchimp sur une page ou un article WordPress, vous pouvez insérer un widget WordPress pour afficher un formulaire. Les widgets présentent plusieurs avantages, surtout lorsqu’il s’agit de formulaires d’accord Mailchimp : ils sont parfaits pour minimiser l’espace occupé par un formulaire, et les widgets s’affichent sur la plupart des pages, de sorte que les visiteurs ne sont pas invités à s’inscrire à votre liste d’e-mails sur une seule page.

Il existe quelques méthodes pour configurer Mailchimp pour WordPress à l’aide de widgets :

  1. En copiant et collant le code HTML dans un widget
  2. Avec un code court
  3. À partir d’une extension

Pour commencer, nous allons vous montrer comment ajouter un widget de formulaire Mailchimp en copiant et collant le code HTML dans un widget. Il s’agit presque de la même méthode que nous avons abordée plus tôt dans cet article – où vous récupérez le code HTML de Mailchimp et le collez dans un bloc HTML – mais cette fois, nous collons le code dans un widget au lieu d’un bloc de page ou d’article.

Par conséquent, allez sur Mailchimp et cliquez sur Audience > Formulaires > Formulaires intégrés.

N’hésitez pas à sélectionner le style du formulaire que vous souhaitez intégrer dans le widget. Le formulaire classique fonctionne bien, mais la version condensée permet de le faire tenir plus facilement dans le petit espace offert par un widget. Il se peut même que vous trouviez qu’un formulaire horizontal soit plus joli, en fonction de la mise en page de votre thème WordPress.

Pour cet exemple, nous choisirons un formulaire Condensé.

Quel que soit le format choisi, configurez tous les réglages souhaités, puis sélectionnez le bloc de code entier dans la section Copier/Coller sur votre site. Copiez le code dans votre presse-papiers.

Concevez un formulaire dans la section Formulaires intégrés, puis copiez le code pour l'amener sur un widget WordPress
Concevez un formulaire dans la section Formulaires intégrés, puis copiez le code pour l’amener sur un widget WordPress

De retour dans WordPress, allez dans Apparence > Personnaliser. Il y a aussi un bouton Widgets qui vous amène au même endroit.

Dans WordPress, cliquez sur Apparence > Personnaliser
Dans WordPress, cliquez sur Apparence > Personnaliser

Une fois dans la personnalisation de WordPress, sélectionnez le bouton Widgets.

Ouvrez la section des Widgets
Ouvrez la section des Widgets

Cela montre plusieurs zones de widgets désignées pour le thème actuellement installé. Chaque thème a sa propre prise en charge de widgets, vous pouvez donc voir des options pour les widgets dans les colonnes latérales, les en-têtes ou les pieds de page. Certains thèmes n’autorisent pas les widgets, tandis que d’autres proposent de nombreux emplacements pour les widgets.

Cliquez sur la zone de widgets qui a le plus de sens pour votre formulaire Mailchimp. Pour ce tutoriel, nous choisirons l’emplacement Colonne 1 du pied de page.

Choisissez une des Zones de widgets
Choisissez une des Zones de widgets

Vous insérez les widgets comme vous le feriez avec des blocs dans les pages ou les articles. Cliquez sur le bouton Ajouter un bloc (signe plus noir et blanc) pour révéler la bibliothèque Ajouter un bloc.

Recherchez « html », puis cliquez sur le widget de bloc HTML personnalisé lorsque vous le voyez.

Utilisez le panneau de recherche Ajouter un bloc pour trouver et choisir le bloc HTML personnalisé
Utilisez le panneau de recherche Ajouter un bloc pour trouver et choisir le bloc HTML personnalisé

Le bloc HTML personnalisé fournit un champ vide pour coller le HTML que vous voulez. Par conséquent, collez le code du formulaire Mailchimp que vous avez précédemment copié dans le presse-papiers.

La personnalisation de WordPress devrait maintenant présenter un aperçu du formulaire du widget sur le côté droit de l’écran.

Assurez-vous de cliquer sur le bouton Publier pour rendre les changements sur votre site web.

Collez le code du formulaire dans le bloc HTML personnalisé pour voir un aperçu en direct
Collez le code du formulaire dans le bloc HTML personnalisé pour voir un aperçu en direct

Ajouter un widget de formulaire à l’aide d’un code court

Les codes courts sont des lignes de code plus simples et plus faciles à comprendre qui font essentiellement la même chose que les morceaux de code HTML, sauf qu’ils sont légèrement plus faciles à référencer et à copier vers un autre endroit.

Nous vous recommandons d’utiliser les codes courts uniquement si vous avez déjà installé une extension de formulaire qui offre des codes courts comme fonctionnalité. Sinon, vous pouvez tout aussi bien profiter de la version HTML gratuite mentionnée ci-dessus, ou envisager de trouver une extension qui dispose également d’un bloc Gutenberg pour un meilleur contrôle des réglages du formulaire.

Ainsi, nous vous encourageons à vérifier toutes les extensions de formulaire actuelles que vous avez installées. Si elle dispose d’une fonctionnalité de code court, et que vous trouvez cela plus intuitif que les autres méthodes, n’hésitez pas à l’utiliser !

Par exemple, Ninja Forms fournit un code court pour chaque formulaire que vous créez avec l’extension.

Pour insérer un code court de formulaire dans un widget, naviguez vers l’extension de votre choix (dans ce cas, Ninja Forms). Vous pouvez trouver les codes courts en allant dans Ninja Forms > Tableau de bord. Faites défiler la liste des formulaires et copiez le code court à côté du formulaire que vous souhaitez insérer dans un widget.

Ninja Forms génère des codes courts pour chaque formulaire que vous créez
Ninja Forms génère des codes courts pour chaque formulaire que vous créez

Allez dans Apparence > Personnaliser.

Prenez le code court copié et allez dans l'onglet Personnaliser dans WordPress
Prenez le code court copié et allez dans l’onglet Personnaliser dans WordPress

Sélectionnez l’onglet Widgets pour modifier vos widgets.

Naviguez de nouveau vers le panneau des Widgets
Naviguez de nouveau vers le panneau des Widgets

Cliquez sur le bouton Ajouter un bloc (le signe plus noir et blanc), et saisissez « code court pour faire apparaître le bloc Code court intégré.

Utilisez l'outil Ajouter un bloc pour trouver et insérer le bloc Code court
Utilisez l’outil Ajouter un bloc pour trouver et insérer le bloc Code court

Collez le code court précédemment copié dans le champ disponible.

La personnalisation de WordPress devrait produire un aperçu de votre formulaire dans la zone des widgets.

N’oubliez pas que les formulaires publiés avec du code HTML ou des codes courts vous obligent à modifier les réglages du formulaire dans Mailchimp. Il n’y a aucun moyen de personnaliser des éléments comme les champs ou les en-têtes de champ dans les widgets de code WordPress.

Vous pouvez coller votre code court dans le champ Code court ; après cela, un aperçu apparaît
Vous pouvez coller votre code court dans le champ Code court ; après cela, un aperçu apparaît

Utiliser une extension (avec un bloc WordPress) pour ajouter Mailchimp dans un widget

Il est de plus en plus courant pour les extensions de formulaire Mailchimp d’inclure des blocs WordPress par opposition aux codes courts, et ce parce que les blocs sont moins intimidants, fournissent des réglages intégrés et peuvent être insérés dans les articles, les pages et les widgets.

Alors que nous vous recommandons de sauter la méthode des codes courts ci-dessus, à moins que vous n’ayez déjà installé une extension avec des codes courts, nous dirions le contraire pour les extensions avec des blocs. En effet, il est indéniable qu’il est beaucoup plus simple de travailler avec un bloc, il n’y a donc rien de mal à obtenir une extension complètement séparée pour fournir cette commodité.

Une extension permettant d’ajouter un bloc de widgets s’appelle Another Mailchimp Widget. Nous utiliserons cette extension pour démontrer comment placer un bloc dans un widget, mais il existe de nombreuses autres extensions à considérer, qui fonctionnent toutes de la même manière, du moins pour insérer le bloc dans le widget. Cependant, le bloc en question aura un nom différent et des réglages uniques selon l’extension que vous choisissez.

Pour continuer avec l’extension Another Mailchimp Widget, allez dans le tableau de bord de WordPress et installez cette extension.

Une fois activée, allez dans Réglages > Another Mailchimp.

Trouvez l'onglet Another Mailchimp dans WordPress pour gérer tous les réglages de l'extension
Trouvez l’onglet Another Mailchimp dans WordPress pour gérer tous les réglages de l’extension

Rendez-vous sur le tableau de bord de Mailchimp pour obtenir une clé API.

Pour cela, cliquez sur l’icône Profil dans le coin inférieur gauche de l’écran. Ensuite, allez dans Profil > Extras > Clés API. Cliquez sur le bouton Créer une clé pour générer une nouvelle clé.

Sous la section Vos clés API, la combinaison apparaît sous la colonne Clé API.

Comme pour la plupart des extensions Mailchimp, vous devez d'abord récupérer la clé API auprès de Mailchimp
Comme pour la plupart des extensions Mailchimp, vous devez d’abord récupérer la clé API auprès de Mailchimp

Revenez au tableau de bord de WordPress, où vous devriez avoir la page des paramètres du plugin ouverte.

Collez la clé API dans le champ qui se lit Mailchimp API Key.

Cliquez sur Enregistrer les modifications.

Paste in the key and click "Save Changes"
Collez la clé et cliquez sur « Enregistrer les modifications »

Maintenant, l’extension est liée à votre compte Mailchimp pour sélectionner la bonne audience et envoyer les nouveaux abonnés à la base de données de la liste d’e-mails.

Toujours dans WordPress, allez dans Apparence > Personnaliser > Widgets. Sélectionnez la zone de widgets que vous souhaitez personnaliser, puis cliquez sur le bouton Ajouter un bloc (signe plus noir et blanc) pour ouvrir la bibliothèque des blocs WordPress disponibles.

Saisissez « mailchimp », puis sélectionnez Another Mailchimp Widget.

Ajoutez Another Mailchimp Widget dans la section des Widgets
Ajoutez Another Mailchimp Widget dans la section des Widgets

Étant donné qu’il s’agit d’un widget et non d’un morceau de code collé, vous disposez de réglages pour personnaliser certains aspects du formulaire Mailchimp. Par exemple, le widget vous demande de saisir un Titre. Vous devrez également sélectionner les listes et groupes d’utilisateurs (l’audience Mailchimp) pour générer le formulaire dans l’aperçu à droite. Par exemple, une fois que nous avons choisi Audience WordPress, le formulaire d’accord est apparu dans la personnalisation de WordPress.

Sélectionnez une liste Mailchimp pour rendre un aperçu du widget de formulaire
Sélectionnez une liste Mailchimp pour rendre un aperçu du widget de formulaire

Enfin, vous pouvez parcourir tous les réglages de ce widget particulier. Changez les libellés des champs, décidez de collecter plus que l’adresse e-mail et rédigez un message de réussite personnalisé. Comme mentionné précédemment, ces réglages ne sont qu’une des raisons pour lesquelles l’utilisation de blocs à l’intérieur des widgets offre un avantage par rapport aux codes courts ou au code HTML.

Personnalisez des parties du widget de formulaire à l'aide des champs de formulaire
Personnalisez des parties du widget de formulaire à l’aide des champs de formulaire

Comment envoyer automatiquement des articles de blog de WordPress à Mailchimp

Ne serait-il pas formidable d’envoyer automatiquement une campagne d’e-mailing chaque fois que vous publiez un article de blog sur WordPress ?

Il existe de nombreuses façons de réaliser cette fonctionnalité, mais elles ne vous offrent souvent pas le contrôle de conception fourni par Mailchimp. Nous voulons nous assurer que nous envoyons les e-mails à une liste Audience Mailchimp mise à jour. Il est donc logique de configurer Mailchimp pour envoyer ces notifications automatiques d’articles de blog.

Heureusement, c’est facile à configurer si vous trouvez le flux RSS de votre blog. Pour commencer, trouvez le flux RSS du blog WordPress et vérifiez qu’il fonctionne.

Le flux RSS principal d’un site WordPress se trouve à l’adresse http://example.com/feed/. Vous devriez donc mettre le /feed/ à la fin de votre URL et voir si cela fonctionne.

Ce n’est pas toujours le cas, cependant, et vous devrez peut-être tester d’autres options comme :

  • http://example.com/feed/rss/
  • http://example.com/feed/rss2/
  • http://example.com/feed/rdf/
  • http://example.com/feed/atom/

Mailchimp essaie de trouver votre URL RSS si tout le reste échoue lorsque vous collez l’URL du blog dans les étapes suivantes.

Une fois que vous avez le flux RSS, il est temps de le coller dans Mailchimp.

Depuis le tableau de bord de Mailchimp, cliquez sur l’élément de menu Automatisations.

Allez dans Automatisations dans Mailchimp pour commencer à envoyer des notifications de nouveaux articles de blog
Allez dans Automatisations dans Mailchimp pour commencer à envoyer des notifications de nouveaux articles de blog

Il existe des dizaines d’automatisations pré-construites à créer sur Mailchimp. Vous devez donc faire défiler la page Automatisations pour trouver celle qui permet de partager les articles de votre blog.

Cette automatisation particulière relie un flux RSS à une campagne d’e-mailing afin que vous n’ayez jamais à envoyer manuellement un e-mail pour les nouveaux articles de blog. Vous pouvez personnaliser le design de ces e-mails au lieu de vous fier à un design générique d’une autre extension.

Cliquez sur le lien Commencer pour partager vos articles de blog
Cliquez sur le lien Commencer pour partager vos articles de blog

Le module popup suivant vous demande de saisir un nom de campagne. Vous devez également sélectionner la liste Mailchimp qui doit recevoir vos e-mails RSS automatisés.

Cliquez sur le bouton Commencer pour continuer.

Saisissez un Nom de campagne et indiquez quelle Liste Mailchimp doit recevoir les mises à jour du blog
Saisissez un Nom de campagne et indiquez quelle Liste Mailchimp doit recevoir les mises à jour du blog

Vous pouvez personnaliser le flux RSS et le moment de l’envoi à partir de cette page particulière, mais la partie la plus importante est de coller l’URL du flux RSS pour que Mailchimp tire les données de votre blog.

Après cela, décidez de la fréquence, des jours et des heures d’envoi de vos e-mails automatisés d’articles de blog.

Enfin, indiquez si vous souhaitez que Mailchimp tente de redimensionner les images de flux RSS pour votre campagne d’e-mailing. Nous avons vu des résultats variés avec cet outil, alors assurez-vous de faire un test initial où vous êtes le seul sur la liste. Vous pouvez supprimer le réglage Redimensionner l’image du flux RSS si vous constatez une image dégradée.

Sélectionnez le bouton Suivant lorsque vous avez terminé avec cette page.

Collez l'URL du flux RSS et ajoutez vos réglages d'envoi souhaités
Collez l’URL du flux RSS et ajoutez vos réglages d’envoi souhaités

Sur la page Destinataires, choisissez d’envoyer les mises à jour de votre blog à l’un des groupes suivants :

  • Toute l’audience
  • Segment ou étiquette
  • Groupe ou nouveau segment

Vous obtiendrez très probablement de meilleurs résultats en envoyant à un segment ou à un groupe, mais de nombreuses entreprises ne possèdent qu’une seule liste d’adresses e-mail. Si c’est le cas, il n’y a aucun problème à mettre à jour l’audience entière avec vos nouveaux articles de blog.

Cliquez sur l’étape suivante : Configurer pour aller de l’avant.

Choisissez l'Audience entière ou un Segment ou un Groupe spécifique de cette Audience
Choisissez l’Audience entière ou un Segment ou un Groupe spécifique de cette Audience

C’est ici que vous configurez les informations de la campagne, comme le nom de votre campagne, l’objet de l’e-mail et de nombreux autres réglages.

N’oubliez pas que ce message automatique n’est pas personnalisé pour chaque article de blog unique que vous publiez. Pour cette raison, vous voulez créer un objet d’ e-mail et un texte de prévisualisation invitants, mais non spécifiques.

Les autres réglages à configurer sur cette page comprennent le nom de l’expéditeur, l’adresse e-mail de l’expéditeur et l’option de personnalisation du champ « Pour ».

Parcourez la page Informations sur la campagne pour configurer des réglages tels que le Nom de la campagne, le Sujet de l'e-mail, et plus encore
Parcourez la page Informations sur la campagne pour configurer des réglages tels que le Nom de la campagne, le Sujet de l’e-mail, et plus encore

Avant de cliquer sur le bouton Suivant, faites défiler la page vers le bas pour marquer les éléments de suivi ou de réseaux sociaux que vous souhaitez inclure dans l’e-mail. Vous voudrez peut-être suivre les ouvertures, les clics et les textes de clics simples, ou même créer un lien vers Facebook ou Twitter pour une publication automatique.

Après tout cela, cliquez sur le bouton Suivant.

Tout configurer sur cette page, du suivi à l'automatisation des réseaux sociaux
Tout configurer sur cette page, du suivi à l’automatisation des réseaux sociaux

La section Sélectionner un modèle vous permet de créer un modèle de campagne à partir de mises en page, de thèmes, de modèles enregistrés et de campagnes vierges. Vous pouvez même coder votre propre modèle si vous en avez envie.

Les e-mails automatisés d’articles de blog devraient s’en tenir aux éléments de base : les couleurs, les polices et le logo de votre marque.

Décidez d'un modèle d'e-mail pour vos mises à jour automatiques d'articles de blog
Décidez d’un modèle d’e-mail pour vos mises à jour automatiques d’articles de blog

Une fois que vous êtes dans le concepteur Mailchimp, vous voudrez éliminer tout le contenu de remplissage comme les images, le texte d’exemple et les boutons.

Mailchimp mettra automatiquement une image, un texte d’exemple et un bouton dans l’e-mail pour chaque article du flux RSS automatisé. Tout autre élément que votre logo et les couleurs de votre marque ne sera pas à sa place.

Cliquez sur le bouton Suivant pour voir la page de confirmation finale.

Assurez-vous d'insérer des éléments de marque comme votre logo et vos couleurs
Assurez-vous d’insérer des éléments de marque comme votre logo et vos couleurs

Si quelque chose ne va pas dans votre campagne (comme trop de contenu de remplissage dans une campagne RSS), Mailchimp vous le fait savoir sur cette page. Sinon, il vous indique que vous êtes prêt à envoyer les e-mails automatisés.

Cliquez sur le bouton Lancer le RSS pour activer la campagne. N’oubliez pas que rien n’est envoyé à votre public Mailchimp tant que vous n’avez pas publié un article sur votre blog WordPress, étant donné que ce flux RSS déclenche la campagne.

Vérifiez que tout est correct par Mailchimp, puis cliquez sur le bouton Lancer le RSS
Vérifiez que tout est correct par Mailchimp, puis cliquez sur le bouton Lancer le RSS

Remarque : WordPress.com offre la même fonctionnalité RSS que celle que vous trouverez avec WordPress.org. Donc, tant que vous trouvez l’URL RSS, le processus reste le même si vous utilisez WordPress.com.

Configuration de Mailchimp pour les boutiques en ligne WooCommerce

Mailchimp offre une intégration pour les boutiques en ligne WooCommerce, permettant aux commerçants d’augmenter leur potentiel de revenus avec l’aide de l’automatisation, des e-mails de reciblage, et bien plus encore.

Parmi les e-mails de eCommerce les plus courants que vous souhaiteriez configurer avec Mailchimp, citons le panier abandonné, le reciblage de produits, les e-mails après l’achat, les reçus, les messages de bienvenue et les notifications de coupons promotionnels.

Ces éléments sont essentiels à la gestion d’une boutique en ligne, et ces entreprises doivent donc disposer d’une intégration fiable. C’est là que l’extension Mailchimp for WooCommerce entre en jeu.

Cette section expliquera comment configurer Mailchimp pour WooCommerce, et nous aborderons la façon d’exécuter votre messagerie de commerce électronique automatisée.

Pour commencer, installez l’extension Mailchimp for WooCommerce dans le tableau de bord de WordPress. L’extension est disponible pour les sites WordPress.org et WordPress.com. La seule limitation est que vous devez avoir un plan d’affaires pour installer une telle extension si vous utilisez WordPress.com.

Installer l'extension Mailchimp pour WooCommerce pour les automatisations eCommerce
Installer l’extension Mailchimp pour WooCommerce pour les automatisations eCommerce

Après avoir activé l’extension, vous êtes amené dans un assistant de configuration pour relier votre site WooCommerce à Mailchimp.

Cliquez sur le bouton Connecter le compte pour commencer le processus.

L'extension démarre avec un assistant de configuration, où vous pouvez cliquer sur le bouton Connecter le compte
L’extension démarre avec un assistant de configuration, où vous pouvez cliquer sur le bouton Connecter le compte

Connectez-vous à Mailchimp en utilisant votre nom d’utilisateur et votre mot de passe. Cliquez ensuite sur le bouton Connexion.

Vous devrez probablement vous connecter à votre compte Mailchimp une fois de plus
Vous devrez probablement vous connecter à votre compte Mailchimp une fois de plus

L’extension fournit des informations sur la manière dont elle accède à votre compte Mailchimp.

Choisissez le bouton Autoriser pour indiquer que vous faites confiance à cette extension.

Choisissez Autoriser sur l'écran suivant
Choisissez Autoriser sur l’écran suivant

L’extension Mailchimp for WooCommerce a besoin de quelques informations supplémentaires pour alimenter ses e-mails avec le bon contenu, en particulier ces e-mails automatisés.

Par conséquent, remplissez les champs demandés avec des informations telles que votre nom, votre e-mail, votre adresse et votre numéro de téléphone.

Remplissez les champs pour toutes les informations personnelles
Remplissez les champs pour toutes les informations personnelles

Allez au bas de la page pour définir la Langue de la boutique et les réglages de permissions pour l’extension. Vous pouvez donner l’accès aux gestionnaires et aux administrateurs de la boutique ou seulement aux administrateurs.

Modifier la Langue et les Réglages de permission
Modifier la Langue et les Réglages de permission

Retournez en haut de la page pour cliquer sur le bouton Étape suivante.

Revenez au début de la page pour cliquer sur le bouton Étape suivante
Revenez au début de la page pour cliquer sur le bouton Étape suivante

Sous Nom de l’audience, choisissez l’audience Mailchimp que vous souhaitez lier à l’extension. Si vous n’en avez qu’une (comme nous), cette audience est sélectionnée par défaut.

Vous pouvez également choisir d’abonner automatiquement tous les abonnés existants, d’ajouter une ligne Objet par défaut à vos e-mails et d’inclure un message de rappel de permission afin que les gens sachent pourquoi ils reçoivent des e-mails de votre entreprise.

Choisissez l'Audience
Choisissez l’Audience » souhaitée, puis complétez des éléments tels que le Sujet, le Nom de l’expéditeur et le Message de rappel de permission

L’extension Mailchimp for WooCommerce ajoute automatiquement une case à cocher Abonnement dans votre module de paiement WooCommerce. Il existe quelques réglages pour modifier la visibilité de la case à cocher, ainsi que le message que les gens voient.

Sous les Réglages d'accord, modifiez l'apparence de la case d'accord de la page de commande
Sous les Réglages d’accord, modifiez l’apparence de la case d’accord de la page de commande

Les derniers champs de cette page peuvent généralement être laissés tels quels. Si vous avez de l’expérience avec les actions de formulaire de WooCommerce, n’hésitez pas à gérer la position de votre case d’accord. Vous pouvez également donner à chaque nouvel abonné une étiquette lors de son inscription à votre liste.

Enfin, la section Réglages du produit fournit un menu déroulant pour ajuster la taille de l’ image du produit par défaut lorsqu’elle est générée automatiquement dans vos e-mails. Cela peut nécessiter des tests pour voir comment vos images se présentent avec différentes dimensions. En général, ce n’est pas une mauvaise idée de s’en tenir à la taille d’image moyenne de 300 x 300 par défaut.

N'oubliez pas de décider d'une Taille d'image de produit par défaut pour les e-mails de WooCommerce
N’oubliez pas de décider d’une Taille d’image de produit par défaut pour les e-mails de WooCommerce

Revenez en haut de la page des Réglages d’audience et cliquez sur le bouton Commencer la syncro. La synchronisation commence à récupérer toutes les données nécessaires de Mailchimp pour qu’elles fonctionnent bien avec WooCommerce.

Cliquez sur le bouton Commencer la syncro
Cliquez sur le bouton Commencer la syncro

Vous verrez un message de réussite indiquant que Mailchimp est connecté à votre extension WooCommerce.

En dessous de cela, l’extension rend des informations comme le nombre de produits que vous avez dans votre boutique, le nombre d’abonnés, et les e-mails transactionnels dans votre compte Mailchimp.

La page Succès détaille les produits et le nombre d'abonnés
La page Succès détaille les produits et le nombre d’abonnés

Il est tout à fait raisonnable d’en rester là. L’extension Mailchimp for WooCommerce est active et collecte les adresses e-mail des utilisateurs au fur et à mesure qu’ils passent commande.

Cependant, nous vous encourageons à aller au-delà d’un simple formulaire d’inscription de base, étant donné que Mailchimp offre un nombre incroyable d’automatisations qui fonctionnent via cette extension.

La bonne nouvelle est que la plupart d’entre elles sont facilement gérées dans le tableau de bord de Mailchimp. Il n’y a pas grand-chose d’autre à compléter dans WordPress.

Dans Mailchimp, cliquez sur l’élément de menu Intégrations.

Allez à la page Intégrations dans Mailchimp
Allez à la page Intégrations dans Mailchimp

La page Intégrations fournit une longue liste de programmes tiers. Faites défiler vers le bas (ou regardez sous la section eCommerce, pour trouver et cliquer sur WooCommerce. Il devrait déjà avoir une coche verte qui indique que vous êtes intégré via l’extension Mailchimp for WooCommerce.

Trouvez le bouton WooCommerce dans la bibliothèque d'intégrations
Trouvez le bouton WooCommerce dans la bibliothèque d’intégrations

Cliquez sur le bouton Gérer vos sites.

Le lien Gérer vos sites vous guide vers les sites que vous avez connectés à Mailchimp
Le lien Gérer vos sites vous guide vers les sites que vous avez connectés à Mailchimp

Le nom de votre site apparaît en haut de la page. Cela devrait vous indiquer que vous avez trouvé la bonne intégration. Il vous informe également de la date à laquelle WooCommerce a été connecté, ce qui peut être utile.

Globalement, cette page fournit les options de messagerie automatisée les plus populaires pour votre nouvelle intégration WooCommerce/Mailchimp.

Vous pouvez cliquer sur le bouton Ajouter pour créer l’une des options suivantes pour votre boutique en ligne :

  • Formulaire popup
  • Courriel de panier abandonné
  • Courriel de reciblage de produit
  • Notifications de commande
De nombreux outils sont disponibles pour WooCommerce
De nombreux outils sont disponibles pour WooCommerce

Un lien plus petit vers le bas vous permet de voir une liste plus étendue d’automatisations disponibles pour WooCommerce. Cliquez sur le lien Automatisations eCommerce pour les voir.

N'oubliez pas la liste complète des Automatisations eCommerce
N’oubliez pas la liste complète des Automatisations eCommerce

Dans cette liste, vous verrez des e-mails d’automatisation utiles pour :

  • Remercier les nouveaux clients
  • Récompenser vos meilleurs clients
  • Recibler les visiteurs du site
  • Activer des e-mails de panier abandonné
  • Suivre des achats
  • Reconquérir les clients qui ne sont plus clients
Envisagez des automatisations comme le remerciement des nouveaux clients, le suivi des achats et le reciblage
Envisagez des automatisations comme le remerciement des nouveaux clients, le suivi des achats et le reciblage

Nous n’allons pas vous guider à travers chacune de ces automatisations potentielles du eCommerce. Nous allons plutôt créer une notification rapide de panier abandonné pour montrer à quel point il est facile de la configurer avec un modèle et les balises de fusion déjà implémentées de Mailchimp.

Si vous choisissez l’option Notification de panier abandonné, Mailchimp remplit la grande majorité des réglages pour vous.

Cependant, vous pouvez cliquer sur le bouton Modifier pour ajuster l’un des éléments suivants :

  • Les réglages d’envoi vers, qui déterminent le délai d’attente avant l’envoi d’un e-mail
  • L’adresse e-mail de l’expéditeur
  • L’objet de chacun de vos messages de panier abandonné
  • Le contenu de l’e-mail
L'automatisation de WooCommerce a des pages de configuration similaires
L’automatisation de WooCommerce a des pages de configuration similaires

En prime, Mailchimp fournit des modèles pour tous les types d’automatisation WooCommerce.

Vous devez sélectionner l’un des modèles de panier abandonné, puis passer à la zone de conception.

Choisissez un modèle de Panier abandonné
Choisissez un modèle de Panier abandonné

Et comme pour la plupart des messages automatisés, vous ne devriez pas avoir à personnaliser grand-chose à part votre logo, les couleurs de votre marque et les polices de caractères. Sinon, tout ce qui se trouve actuellement dans le modèle est conçu pour s’afficher dynamiquement pour chaque client unique. Les bons produits apparaîtront, ainsi que les prix, les titres des produits et les liens pour ramener les gens vers votre boutique.

Chaque modèle WooCommerce dans Mailchimp comporte plusieurs balises de fusion et éléments de contenu automatisés
Chaque modèle WooCommerce dans Mailchimp comporte plusieurs balises de fusion et éléments de contenu automatisés

Lorsque vous avez terminé la conception, allez à la page suivante pour confirmer que tout, du champ Envoyer vers au Contenu, est approuvé par Mailchimp et votre processus de révision.

Cliquez sur le bouton Démarrer l’envoi pour activer cette automatisation.

Vérifiez si tout semble correct, puis cliquez sur le bouton Démarrer l'envoi
Vérifiez si tout semble correct, puis cliquez sur le bouton Démarrer l’envoi

Après tout cela, vos e-mails de panier abandonné commenceront à atteindre les boîtes de réception des clients !

Les meilleurs plugins Mailchimp pour WordPress pour des fonctionnalités supplémentaires

Si vous vous êtes engagé auprès de Mailchimp pour collecter des e-mails, envoyer des newsletters, et potentiellement gérer la messagerie transactionnelle, vous pouvez trouver que vous cherchez à étendre la façon dont Mailchimp fonctionne pour votre site web.

En tant que système populaire de marketing par e-mail, vous pouvez trouver d’abondantes ressources sur Mailchimp et des extensions tierces conçues pour ajouter plus de fonctionnalités ou d’intégrations à l’infrastructure standard de Mailchimp.

Ces extensions ont toujours besoin de Mailchimp pour fonctionner, mais elles ne sont pas nécessairement fabriquées par la société Mailchimp ou conformes aux fonctionnalités habituelles que vous trouverez sur le tableau de bord Mailchimp.

Vous pouvez déjà créer des formulaires d’option d’e-mail, des bulletins d’information par e-mail et d’autres objets comme des sites web, des pages de destination et des parcours clients. Néanmoins, les extensions Mailchimp suivants ouvrent encore plus de possibilités.

Voici d’autres extensions Mailchimp à considérer. L’une ou l’autre d’entre elles pourrait bien vous aider à obtenir une fonction aléatoire que vous auriez souhaité voir apparaître dans Mailchimp.

1. MC4WP

MC4WP est l’une des extensions Mailchimp tierces les plus populaires. Elle est vendue en tant qu’extension premium pour 59 $ par an, ou vous pouvez opter pour la version gratuite de base.

Par rapport à l’intégration standard de Mailchimp pour WordPress, MC4WP dispose de fonctionnalités plus avancées pour le style des formulaires, l’intégration du eCommerce et la synchronisation des utilisateurs.

MC4WP offre des designs de formulaires d'accord élégants et avancés
MC4WP offre des designs de formulaires d’accord élégants et avancés

Vous pouvez générer un nombre illimité de formulaires, et travailler avec le constructeur de styles de l’extension pour ajuster n’importe quel élément de formulaire à l’aide d’un constructeur visuel. Il n’y a pas besoin de penser à un codage spécial puisque tous les aspects du formulaire sont gérés à l’aide de champs de contrôle visuels. Un aperçu du formulaire apparaît à côté du constructeur pour que vous puissiez vous faire une idée de ce à quoi il ressemble.

En plus de cela, MC4WP offre une incroyable section de rapports avec des mesures uniques pour les méthodes de connexion utilisées par les visiteurs, les principaux formulaires sur votre site web, et plus encore. Nous apprécions également les améliorations que vous pouvez apporter à votre boutique eCommerce, étant donné que MC4WP fournit un panneau permettant de voir exactement ce que chaque abonné a acheté dans votre boutique, ainsi que le montant des revenus générés par chaque e-mail que vous envoyez aux clients.

2. MC4WP : Mailchimp Top Bar

L'extension MC4WP
L’extension MC4WP

Réalisé par les mêmes développeurs d’Ibericode que l’extension précédente, MC4WP : Mailchimp Top Bar fait précisément ce que son nom indique. Elle s’intègre à l’extension MC4WP mais offre la fonctionnalité supplémentaire de vous donner une belle barre supérieure pour saisir les adresses e-mail dès que les gens arrivent sur votre site web.

La barre supérieure reste sur toutes les pages de votre site, sauf si vous décidez de ne l’afficher que dans certaines zones. Vous pouvez personnaliser des réglages tels que la couleur de la barre supérieure, les données recueillies et le message qui apparaît sur la barre et le bouton Envoyer.

3. Easy Forms for Mailchimp

Easy Forms for Mailchimp
Easy Forms for Mailchimp

L’extension Easy Forms for Mailchimp étend ce qui est déjà inclus dans Mailchimp en vous permettant de concevoir un nombre illimité de formulaires pour vos publics – même plusieurs formulaires pour le même public. Dans Mailchimp, vous ne disposez que d’un seul design de formulaire par audience, l’extension Easy Forms vous ouvre donc davantage de possibilités de créativité.

L’extension fonctionne avec les modules code court et bloc pour vous permettre d’inclure vos formulaires sur les pages, les articles et les zones de widgets. Nous apprécions également qu’il offre une alternative au concepteur de formulaire par défaut de Mailchimp, étant donné que certains utilisateurs peuvent préférer le design de cette extension, ou peut-être qu’il y a certains modèles ou champs qui correspondent mieux à votre marque.

Dans l’ensemble, il suffit d’insérer la clé API de Mailchimp dans l’extension pour établir la connexion. Vous recevez un constructeur de formulaire visuel avec des options pour les balises de fusion, les champs obligatoires et les étiquettes pour tous ces champs. Il existe également un excellent module de statistiques dans l’extension pour examiner les performances de votre liste.

4. MailOptin

MailOptin
MailOptin

L’extension MailOptin s’intègre à plusieurs services de marketing par e-mail tels que Mailchimp, Hubspot et AWeber. La fonctionnalité Mailchimp, en particulier, dispose d’outils permettant de créer des formulaires, de générer des popups et d’envoyer des newsletters directement depuis votre tableau de bord WordPress. Par conséquent, vous n’avez pas nécessairement besoin de vous connecter à votre compte Mailchimp pour effectuer ce processus.

Le principal avantage que nous voyons de MailOptin est l’amélioration des modèles pour des éléments comme les formulaires et les boîtes de génération de prospects. Vous pouvez facilement ajouter des formulaires sur l’ensemble de votre site web, y compris ceux qui apparaissent dans le panier d’achat du commerce électronique, puis tout personnaliser, des polices aux couleurs, en passant par les titres et les effets qui se produisent lorsque les formulaires apparaissent. Nous dirions que les formulaires de MailOptin sont un peu plus modernes que les formulaires de base que vous recevez avec Mailchimp. Nous aimons également les réglages uniques comme la détection d’AdBlock, la détection des référents et les déclencheurs de temps sur le site pour les formulaires en popup.

5. WooChimp

WooChimp
WooChimp

WooChimp est une extension premium actuellement listée à 59 $. Elle offre des fonctionnalités similaires à celles de l’extension Mailchimp for WooCommerce mais avec quelques ajouts. Par exemple, cette extension vous permet d’ajouter automatiquement des utilisateurs à des groupes, de configurer des webhooks et d’implémenter des formulaires n’importe où sur votre site web à l’aide de widgets et de codes courts. Il y a aussi un suivi fantaisiste de la campagne à la commande pour mieux comprendre comment vos campagnes de marketing par e-mail affectent les ventes.

6. Contact Form 7 Extension for Mailchimp

Contact Form 7 Extension for Mailchimp
Contact Form 7 Extension for Mailchimp

Certains utilisateurs de WordPress aiment l’extension Contact Form 7 parce qu’elle est gratuite, simple à utiliser et que vous pouvez maintenir des formulaires élégants et magnifiques sans trop de problèmes. Par conséquent, il est logique de voir une Extension Contact Form 7 pour l’extension Mailchimp qui vous permet d’utiliser Contact Form 7 avec Mailchimp.

Tout comme Contact Form 7, cette extension est entièrement gratuite. Vous pouvez vous inscrire pour des fonctionnalités premium, mais c’est si vous avez besoin d’un support supplémentaire pour les champs d’anniversaire, les catégories Mailchimp ou des champs personnalisés illimités.

Dans la version gratuite, l’extension s’intègre parfaitement à Contact Form 7, et vous bénéficiez de la prise en charge d’un certain nombre de champs personnalisés, de formulaires de contact illimités et de la possibilité de choisir entre des accords doubles et simples.

Ce n’est pas très différent de créer un formulaire via Mailchimp, ou tout autre extension de formulaire, mais nous savons que Contact Form 7 est l’une des extensions les plus populaires pour la création de formulaires, donc c’est merveilleux de voir qu’il y a une intégration Mailchimp.

7.Featured Images in RSS for Mailchimp & More

Featured Images in RSS for Mailchimp & More
Featured Images in RSS for Mailchimp & More

L’extension Featured Images in RSS for Mailchimp est utile si vous avez des difficultés à générer des images mises en avant dans le flux RSS de votre site. Parfois, ce problème se produit en raison d’un problème avec votre thème, une extension que vous avez installé, ou simplement parce que le flux RSS n’a pas été configuré correctement.

Quoi qu’il en soit, voici une extension qui ajoute une solution de contournement à tous les problèmes d’image et vous offre plus d’options pour personnaliser les images mises en avant dans vos flux RSS. Ensuite, vous pouvez connecter le flux RSS à Mailchimp afin que des e-mails soient envoyés chaque fois que vous publiez un nouvel article de blog. L’extension vous permet de régler des réglages tels que la marge intérieure, la position et la taille de l’image pour toutes les images mises en avant. Non seulement cela, mais WooCommerce s’intègre à l’extension pour ajouter instantanément des photos de produits aux flux RSS si nécessaire.

Résumé

La configuration de Mailchimp pour WordPress offre plusieurs avantages. C’est gratuit pour commencer (et pour un maximum de 2 000 abonnés). Vous pouvez généralement l’intégrer à WooCommerce en effectuant un rapide copier-coller. Mailchimp offre également une multitude d’automatismes de commerce électronique pour augmenter les revenus.

En outre, Mailchimp présente certaines des meilleures caractéristiques de conception que vous pouvez trouver dans un programme de marketing par e-mail. Ainsi, votre entreprise a l’air professionnelle, mais vous n’avez pas besoin d’expérience en codage pour y parvenir.

Avez-vous déjà utilisé Mailchimp pour collecter des adresses e-mail sur votre site WordPress ?

Jeremy Holcombe Kinsta

Rédacteur en chef du contenu et du marketing chez Kinsta, développeur web WordPress et rédacteur de contenu. En dehors de WordPress, j'aime la plage, le golf et le cinéma. J'ai aussi des problèmes avec les personnes de grande taille ;).