{"id":59228,"date":"2022-07-05T08:42:21","date_gmt":"2022-07-05T07:42:21","guid":{"rendered":"https:\/\/kinqsta.com\/fr\/?p=59228&preview=true&preview_id=59228"},"modified":"2023-08-22T11:16:33","modified_gmt":"2023-08-22T10:16:33","slug":"elementor-mailchimp","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/fr\/blog\/elementor-mailchimp\/","title":{"rendered":"Comment int\u00e9grer Elementor et Mailchimp (en 5 \u00e9tapes)"},"content":{"rendered":"

Mailchimp est l’un des meilleurs outils d’automatisation du marketing par e-mail<\/a> pour votre site web. Ses services peuvent organiser efficacement vos abonn\u00e9s et leur envoyer du contenu qui les int\u00e9resse. Toutefois, les formulaires de contact Mailchimp peuvent ne pas s’aligner sur l’image de marque de votre site web.<\/p>\n

Pour r\u00e9soudre ce probl\u00e8me, vous pouvez int\u00e9grer Elementor<\/a> et Mailchimp. Avec Elementor, vous pouvez facilement concevoir un formulaire d’inscription personnalis\u00e9 et l’int\u00e9grer \u00e0 votre site web. Ensuite, vous pouvez g\u00e9rer les informations d’inscription<\/a> directement depuis Mailchimp.<\/p>\n

Dans cet article, nous allons voir pourquoi vous pourriez vouloir int\u00e9grer Elementor et Mailchimp. Ensuite, nous vous montrerons comment le faire en seulement cinq \u00e9tapes. Nous avons \u00e9galement inclus une liste de modules pour acc\u00e9der \u00e0 des caract\u00e9ristiques et fonctionnalit\u00e9s suppl\u00e9mentaires. C’est parti !<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Les avantages de l’int\u00e9gration d’Elementor et de Mailchimp<\/h2>\n

Que vous g\u00e9riez une entreprise en ligne ou un blog, vous aurez probablement besoin d’un moyen de contacter votre public de mani\u00e8re coh\u00e9rente. Avec Mailchimp<\/a>, c’est exactement ce que vous pouvez faire.<\/p>\n

Mailchimp est un service de marketing par e-mail qui permet de cr\u00e9er des listes d’abonn\u00e9s et de concevoir des e-mails :<\/p>\n

\"Mailchimp.\"
Mailchimp.<\/figcaption><\/figure>\n

En utilisant Mailchimp, vous pouvez cr\u00e9er des listes d’e-mails avec les coordonn\u00e9es de vos abonn\u00e9s. En utilisant des mod\u00e8les d’e-mails pr\u00e9\u00e9tablis et l’optimiseur de contenu<\/a>, vous pouvez envoyer des mises \u00e0 jour engageantes et informatives aux membres de votre public.<\/p>\n

Si vous d\u00e9butez sur Mailchimp<\/a>, vous pouvez cr\u00e9er un compte gratuitement. Vous pouvez acc\u00e9der \u00e0 ses fonctionnalit\u00e9s faciles \u00e0 utiliser sans payer, tant que vous avez moins de 2 000 abonn\u00e9s.<\/p>\n

Lorsque vous essayez de d\u00e9velopper votre liste d’e-mails, il est judicieux d’int\u00e9grer des formulaires d’inscription sur votre site web. Ils peuvent vous aider \u00e0 g\u00e9n\u00e9rer des prospects \u00e0 partir de votre trafic organique. Bien que Mailchimp dispose de cette fonctionnalit\u00e9, ses formulaires int\u00e9gr\u00e9s sont souvent g\u00e9n\u00e9riques et ne correspondent probablement pas \u00e0 votre image de marque.<\/p>\n

C’est l\u00e0 qu’intervient Elementor. Elementor est un constructeur de pages WordPress<\/a> facile \u00e0 utiliser que vous pouvez utiliser pour concevoir votre site web sans coder. Son \u00e9diteur de type glisser-d\u00e9poser permet de cr\u00e9er facilement les caract\u00e9ristiques et les fonctionnalit\u00e9s dont votre site a besoin :<\/p>\n

\"Constructeur
Constructeur de pages Elementor.<\/figcaption><\/figure>\n

En outre, Elementor peut facilement s’int\u00e9grer \u00e0 Mailchimp. Par rapport aux autres constructeurs de pages<\/a>, Elementor est l’une des meilleures options pour cr\u00e9er et g\u00e9rer des formulaires d’adh\u00e9sion (opt-in).<\/p>\n

Avec Elementor, vous pouvez ajouter un formulaire de contact<\/a> n’importe o\u00f9 sur votre site et lier Mailchimp dans ses r\u00e9glages. Lorsque vos visiteurs en ligne s’inscrivent, ils sont automatiquement ajout\u00e9s \u00e0 votre liste Mailchimp. L’utilisation des deux outils vous permet d’avoir des formulaires bien con\u00e7us sans perdre les analyses des abonn\u00e9s.<\/p>\n\n

Comment int\u00e9grer Elementor et Mailchimp (en 5 \u00e9tapes)<\/h2>\n

Maintenant que vous savez comment Elementor et Mailchimp peuvent b\u00e9n\u00e9ficier \u00e0 votre site web, voyons comment d\u00e9marrer ce processus d’int\u00e9gration !<\/p>\n

\u00c9tape 1 : Ouvrir un compte Mailchimp<\/h3>\n

Tout d’abord, vous devez vous rendre sur le site web de Mailchimp et ouvrir<\/a> un compte. Vous pouvez le faire gratuitement en saisissant simplement votre adresse e-mail, votre nom d’utilisateur et votre mot de passe :<\/p>\n

\"S'inscrire
S’inscrire \u00e0 un compte Mailchimp.<\/figcaption><\/figure>\n

Ensuite, Mailchimp vous enverra un e-mail avec un lien d’activation. En cliquant dessus, vous verrez une page avec diff\u00e9rentes options de plan :<\/p>\n

\"Options
Options de plan Mailchimp.<\/figcaption><\/figure>\n

Si vous n’\u00eates pas s\u00fbr du plan qui vous convient, s\u00e9lectionnez Comparer les caract\u00e9ristiques du plan<\/strong>. Ici, vous pouvez voir tout ce qui est compris dans chaque plan :<\/p>\n

\"Comparez
Comparez les plans Mailchimp.<\/figcaption><\/figure>\n

Dans ce tutoriel, nous choisissons le plan gratuit<\/strong>, qui peut prendre en charge 2 000 contacts et 10.000 envois d’e-mails. Cela sera suffisant pour un plan de marketing par e-mail<\/a> de base. Cependant, vous ne pourrez pas acc\u00e9der aux annonces de re-ciblage, aux mod\u00e8les d’e-mails cod\u00e9s sur mesure ou \u00e0 la personnalisation de la marque.<\/p>\n

Pour commencer le processus d’inscription, remplissez votre nom et les informations relatives \u00e0 votre entreprise. Bien que cela soit facultatif, vous pouvez \u00e9galement entrer l’URL de votre site web et importer votre contenu :<\/p>\n

\"Add
Ajoutez votre nom et vos informations commerciales.<\/figcaption><\/figure>\n

Ensuite, remplissez les informations de votre adresse. Cette \u00e9tape permet de s’assurer que vos e-mails ne contribuent pas au spam :<\/p>\n

\"Ajoutez
Ajoutez votre adresse dans le champ.<\/figcaption><\/figure>\n

Mailchimp vous demandera ensuite si vous avez d\u00e9j\u00e0 des abonn\u00e9s. Si c’est le cas, s\u00e9lectionnez Oui<\/strong> et indiquez combien vous en avez :<\/p>\n

\"Compl\u00e9tez
Compl\u00e9tez le nombre d’abonn\u00e9s que vous avez.<\/figcaption><\/figure>\n

Pour aider Mailchimp \u00e0 comprendre votre activit\u00e9, indiquez si vous vendez des produits ou des services. Pour contourner cette question, vous pouvez cliquer sur Ignorer <\/strong>(ou Skip) :<\/p>\n

\"Option
Option Produits ou services.<\/figcaption><\/figure>\n

Apr\u00e8s avoir termin\u00e9 ce processus d’inscription, vous pourrez acc\u00e9der \u00e0 votre compte Mailchimp !<\/p>\n

\u00c9tape 2 : Cr\u00e9er une audience et une cl\u00e9 API<\/h3>\n

Pour commencer \u00e0 organiser vos abonn\u00e9s dans Mailchimp, vous devrez cr\u00e9er une audience. Gardez \u00e0 l’esprit qu’un compte gratuit ne prend en charge qu’une seule audience, mais que tout plan avanc\u00e9 peut en inclure trois ou plus.<\/p>\n

Bien que vous puissiez \u00eatre tent\u00e9 de cr\u00e9er plusieurs audiences, Mailchimp recommande de commencer par une seule<\/a>. Cette configuration peut vous aider \u00e0 comprendre vos abonn\u00e9s dans leur ensemble. Elle peut \u00e9galement simplifier votre processus d’envoi d’e-mails et maintenir vos contacts \u00e0 mesure que votre entreprise se d\u00e9veloppe.<\/p>\n

M\u00eame avec une seule audience, vous pouvez cr\u00e9er des balises et des segments pour organiser les contacts en diff\u00e9rents sous-ensembles. Cependant, la cr\u00e9ation de plusieurs audiences peut pr\u00e9senter certains avantages.<\/p>\n

Par exemple, si vous envoyez des e-mails \u00e0 la fois aux vendeurs et aux acheteurs, vous devrez peut-\u00eatre envoyer des messages distincts \u00e0 ces groupes.<\/p>\n

Dans votre tableau de bord Mailchimp, allez dans Audience > Tableau de bord des audiences<\/strong>. Ensuite, cliquez sur Ajouter vos contacts<\/strong>:<\/p>\n

\"Ajouter
Ajouter des contacts dans Mailchimp.<\/figcaption><\/figure>\n

Cela vous am\u00e8nera \u00e0 une page pour importer les coordonn\u00e9es de vos abonn\u00e9s. Il suffit de copier et de coller leurs noms et adresses e-mail dans une zone de texte. Vous pouvez \u00e9galement importer des donn\u00e9es depuis un service tiers ou t\u00e9l\u00e9verser un fichier CSV ou TXT :<\/p>\n

\"S\u00e9lectionnez
S\u00e9lectionnez une m\u00e9thode de t\u00e9l\u00e9versement.<\/figcaption><\/figure>\n

Une fois que vous avez fait cela, allez dans votre tableau de bord d’audience<\/strong> et trouvez G\u00e9rer l’audience > R\u00e9glages<\/strong>. Ici, vous pouvez modifier le nom et les r\u00e9glages par d\u00e9faut :<\/p>\n

\"Modifiez
Modifiez le nom et les r\u00e9glages par d\u00e9faut.<\/figcaption><\/figure>\n

Veillez \u00e0 d\u00e9finir un nom<\/strong> et une adresse \u00e9lectronique<\/strong> \u00ab From <\/strong>\u00bb. Vous pouvez \u00e9galement activer une double adh\u00e9sion (opt-in) pour envoyer aux abonn\u00e9s un e-mail de confirmation apr\u00e8s leur inscription :<\/p>\n

\"Ajouter
Ajouter plus d’options de campagne.<\/figcaption><\/figure>\n

Une fois que vous avez termin\u00e9 de cr\u00e9er et de configurer un compte, allez dans votre profil<\/strong>. Puis cliquez sur Extras > Cl\u00e9s API<\/strong>:<\/p>\n

\"Cliquez
Cliquez sur l’onglet Extras pour trouver l’option API.<\/figcaption><\/figure>\n

Si vous n’avez pas de cl\u00e9 API, vous devrez cliquer sur Cr\u00e9er une cl\u00e9<\/strong>. Mailchimp en ajoutera une automatiquement pour vous :<\/p>\n

\"Cr\u00e9ez
Cr\u00e9ez une cl\u00e9 API.<\/figcaption><\/figure>\n

Une fois que votre cl\u00e9 API<\/a> est active, copiez-la. Comme cette information donne acc\u00e8s \u00e0 votre compte Mailchimp, ne partagez jamais ce code publiquement.<\/p>\n

\u00c9tape 3 : Concevoir un formulaire d’inscription Mailchimp avec Elementor<\/h3>\n

Ensuite, vous devrez t\u00e9l\u00e9charger et installer Elementor Pro<\/a>. Il comprend un constructeur de formulaire WordPress<\/a>, que vous pouvez utiliser pour concevoir des formulaires personnalis\u00e9s et recueillir les commentaires de votre public.<\/p>\n

Apr\u00e8s avoir activ\u00e9 Elementor Pro, allez dans Elementor > R\u00e9glages > Int\u00e9grations<\/strong>. Faites d\u00e9filer jusqu’\u00e0 la section Mailchimp<\/strong> et collez la cl\u00e9 API :<\/p>\n

\"Collez
Collez votre cl\u00e9 API Mailchimp.<\/figcaption><\/figure>\n

Cliquez sur Valider la cl\u00e9 API<\/strong>. Si l’int\u00e9gration est r\u00e9ussie, vous verrez une coche verte \u00e0 c\u00f4t\u00e9 de ce bouton. Apr\u00e8s cela, enregistrez vos modifications.<\/p>\n

Vous pouvez maintenant commencer \u00e0 concevoir votre formulaire d’inscription. Tout d’abord, ajoutez un nouveau message ou une nouvelle page et s\u00e9lectionnez Modifier avec Elementor<\/strong>:<\/p>\n

\"S\u00e9lectionnez
S\u00e9lectionnez Modifier avec Elementor.<\/figcaption><\/figure>\n

Dans l’\u00e9diteur Elementor, faites d\u00e9filer la page jusqu’aux widgets Pro<\/strong>. Ici, vous verrez une option pour les Formulaires<\/strong>. Faites glisser et d\u00e9posez ce widget sur la page :<\/p>\n

\"Faites
Faites glisser et d\u00e9posez le widget Formulaire sur la page.<\/figcaption><\/figure>\n

Elementor cr\u00e9era automatiquement un formulaire de base qui comprend les champs nom, adresse e-mail et message. Cependant, vous pouvez continuer \u00e0 personnaliser le formulaire jusqu’\u00e0 ce qu’il r\u00e9ponde \u00e0 vos besoins :<\/p>\n

\"Personnalisez
Personnalisez le formulaire comme bon vous semble.<\/figcaption><\/figure>\n

Par exemple, si vous voulez ajouter un formulaire d’abonnement<\/a>, il n’aura g\u00e9n\u00e9ralement pas besoin de champs de message. Vous pouvez simplement cliquer sur le X<\/strong> \u00e0 c\u00f4t\u00e9 de cet \u00e9l\u00e9ment.<\/p>\n

Pour g\u00e9n\u00e9rer des prospects, vous devrez demander aux visiteurs de remplir \u00e0 la fois leur nom et leur adresse de messagerie. Vous pouvez le faire en cliquant sur chaque champ et en s\u00e9lectionnant Oui<\/strong> \u00e0 c\u00f4t\u00e9 de N\u00e9cessaire <\/strong>:<\/p>\n

\"Cliquez
Cliquez sur les \u00e9l\u00e9ments appropri\u00e9s.<\/figcaption><\/figure>\n

Ensuite, allez dans la section Boutons<\/strong> pour modifier le bouton d’action. Bien que le texte par d\u00e9faut soit \u00ab Envoyer \u00bb, envisagez de le changer en \u00ab S’abonner \u00bb ou \u00ab S’inscrire \u00bb :<\/p>\n

\"Modifiez
Modifiez le bouton d’action dans Elementor.<\/figcaption><\/figure>\n

Vous pouvez continuer \u00e0 modifier la taille du bouton et la largeur de la colonne selon vos besoins. Si vous pr\u00e9f\u00e9rez, vous pouvez \u00e9galement ajouter une ic\u00f4ne.<\/p>\n

\u00c9tape 4 : Connecter Mailchimp<\/h3>\n

Apr\u00e8s avoir personnalis\u00e9 votre formulaire \u00e0 votre guise, il est temps de connecter votre compte Mailchimp. Pour cela, trouvez la section Actions apr\u00e8s l’envoi <\/strong>:<\/p>\n

\"Acc\u00e9dez
Acc\u00e9dez \u00e0 l’option Actions apr\u00e8s l’envoi.<\/figcaption><\/figure>\n

Ensuite, cliquez sur l’ic\u00f4ne +<\/strong> et choisissez Mailchimp<\/strong> dans le menu d\u00e9roulant :<\/p>\n

\"Choisissez
Choisissez Mailchimp dans le menu d\u00e9roulant.<\/figcaption><\/figure>\n

Cela cr\u00e9era une nouvelle section en dessous intitul\u00e9e Mailchimp<\/strong>. Lorsque vous cliquez dessus, vous verrez des options pour d\u00e9finir une cl\u00e9 API et une audience :<\/p>\n

\"D\u00e9finissez
D\u00e9finissez les options API et audience si besoin.<\/figcaption><\/figure>\n

Si vous avez saisi votre cl\u00e9 API dans les r\u00e9glages d’int\u00e9gration, vous pouvez laisser la section Cl\u00e9 API<\/strong> par d\u00e9faut<\/strong>. Ensuite, s\u00e9lectionnez l’audience<\/strong> que vous souhaitez lier \u00e0 ce formulaire d’abonnement :<\/p>\n

\"S\u00e9lectionnez
S\u00e9lectionnez l’audience appropri\u00e9e de Mailchimp.<\/figcaption><\/figure>\n

Vous pouvez \u00e9galement choisir tout groupe ou \u00e9tiquette que vous avez cr\u00e9\u00e9 dans Mailchimp. Enfin, personnalisez les r\u00e9glages de mappage des champs<\/strong> en fonction des champs que vous avez fournis dans le formulaire. Cela indiquera \u00e0 Mailchimp les informations \u00e0 cataloguer dans son syst\u00e8me.<\/p>\n

Pour cet exemple, notre formulaire d’abonnement ne contient qu’un champ de nom et d’e-mail. Cela signifie que nous n’inclurons que ces informations dans la section Mappage des champs <\/strong>:<\/p>\n

\"Options
Options de mappage de champs.<\/figcaption><\/figure>\n

Enfin, naviguez vers Options suppl\u00e9mentaires<\/strong> et trouvez Messages personnalis\u00e9s<\/strong>. Activez cette option pour fournir un message de r\u00e9ussite apr\u00e8s que quelqu’un a rempli le formulaire :<\/p>\n

\"Ajoutez
Ajoutez un message de r\u00e9ussite pour vos utilisateurs.<\/figcaption><\/figure>\n

Le message par d\u00e9faut sera \u00ab Ce formulaire a bien \u00e9t\u00e9 envoy\u00e9 \u00bb Vous pouvez envisager de le changer pour quelque chose comme \u00ab Merci pour votre abonnement \u00bb Vous pouvez \u00e9galement ajouter des messages personnalis\u00e9s pour les erreurs et les champs obligatoires.<\/p>\n

\u00c9tape 5 : Ajouter le formulaire \u00e0 votre site<\/h3>\n

Une fois que vous avez fini de personnaliser le formulaire, s\u00e9lectionnez Publier<\/strong>. Pensez \u00e0 utiliser vous-m\u00eame le formulaire d’inscription pour v\u00e9rifier qu’il fonctionne correctement. Ensuite, vous pouvez voir si la nouvelle adresse e-mail<\/a> est enregistr\u00e9e dans votre compte Mailchimp.<\/p>\n

Vous pourriez \u00e9galement vouloir ajouter ce nouveau formulaire \u00e0 plusieurs endroits de votre site web. Vous pouvez l’enregistrer en tant que Widget global pour faciliter ce processus.<\/p>\n

Tout d’abord, trouvez l’ic\u00f4ne Modifier le formulaire<\/strong> sur le c\u00f4t\u00e9 droit du formulaire. Cliquez dessus avec le bouton droit de la souris et s\u00e9lectionnez Enregistrer comme global<\/strong>:<\/p>\n

\"Enregistrer
Enregistrer comme Global.<\/figcaption><\/figure>\n

Cela ajoutera le formulaire d’abonnement \u00e0 vos r\u00e9glages globaux<\/strong>. Lorsque vous ajoutez une nouvelle page ou un nouvel article, vous pouvez simplement aller dans GLOBAL<\/strong>, trouver le formulaire pr\u00e9con\u00e7u et le faire glisser et le d\u00e9poser o\u00f9 vous le souhaitez :<\/p>\n

\"Glissez
Glissez et d\u00e9posez le formulaire Global o\u00f9 vous voulez.<\/figcaption><\/figure>\n

Lorsque vous r\u00e9fl\u00e9chissez \u00e0 l’endroit o\u00f9 placer vos formulaires d’abonnement sur votre site web, vous pouvez penser \u00e0 la visibilit\u00e9. Vous pouvez potentiellement collecter plus de prospects sur une page de destination<\/a>\u00a0bien con\u00e7ue, que les visiteurs peuvent voir lorsqu’ils entrent sur votre site. Toutefois, les utilisateurs ne seront peut-\u00eatre pas int\u00e9ress\u00e9s par une inscription aussi rapide.<\/p>\n

Parfois, une meilleure option consiste \u00e0 inclure des formulaires de contact dans votre contenu ou dans une colonne lat\u00e9rale. Bien que cela ait un peu moins de visibilit\u00e9 qu’une page de destination, ce placement peut permettre aux visiteurs de s’abonner pendant qu’ils interagissent avec votre site web.<\/p>\n

L’ajout du formulaire \u00e0 un pied de page peut \u00e9galement \u00eatre une option pratique. Les utilisateurs qui d\u00e9filent jusqu’au bas de votre site web sont souvent curieux de votre contenu, ce qui signifie qu’ils sont plus susceptibles de s’abonner. Toutefois, ce placement n’est pas aussi visible que les autres options.<\/p>\n

Principaux modules pour votre int\u00e9gration Elementor\/Mailchimp<\/h2>\n

Avec les meilleures extensions WordPress<\/a>, vous pouvez cr\u00e9er un site web sur mesure pour votre public. Elementor Pro vous offre de nombreuses options pour concevoir des formulaires et int\u00e9grer des services tiers comme Mailchimp.<\/p>\n

Pourtant, vous pourriez avoir besoin de fonctionnalit\u00e9s plus avanc\u00e9es. Avec certains modules, vous pouvez avoir plus de contr\u00f4le sur l’apparence et la fonctionnalit\u00e9 de vos formulaires.<\/p>\n

1. Essentials Addons<\/h3>\n

L’utilisation des Essential Addons<\/a> est un excellent moyen d’\u00e9tendre les fonctionnalit\u00e9s de base d’Elementor. Avec cet outil, vous pouvez acc\u00e9der \u00e0 des \u00e9l\u00e9ments plus cr\u00e9atifs. Il s’agit notamment de fonctionnalit\u00e9s interactives telles qu’une grille de produits Woo, un compte \u00e0 rebours et une galerie filtrable :<\/p>\n

\"Essential
Essential Addons.<\/figcaption><\/figure>\n

Caract\u00e9ristiques :<\/strong><\/p>\n