Widget Elementor Mailchimp : Formulaire d'inscription gratuit pour WordPress

Le widget Mailchimp dans Master Addons est gratuit et place un formulaire d'inscription Mailchimp n'importe où dans une mise en page Elementor Il fonctionne avec le plugin gratuit MC4WP : Mailchimp pour WordPress par ibericode MC4WP se connecte à votre compte Mailchimp et exécute le formulaire, l'audience et la double opt-in, et le widget affiche ce formulaire à l'intérieur de votre conception Vous pouvez afficher le formulaire MC4WP enregistré ou taper votre propre balisage de champ dans le widget Les pieds de blog, les prochaines pages et les sections d'aimant principal sont les endroits habituels pour cela.

Comment ajouter un formulaire d'inscription Mailchimp dans Elementor

Vous avez besoin de deux plugins gratuits, Master Addons et MC4WP, plus un compte Mailchimp La plupart de la configuration se passe dans MC4WP.

  1. Installer et activer MC4WP : Mailchimp pour WordPress depuis WordPress.org.
  2. Copiez une clé API de Mailchimp (Profil > Extras > clés API), collez-la sous MC4WP > Mailchimp et enregistrer. Le statut devrait changer pour Connecté.
  3. Ouvrir MC4WP > Formulaire: cochez l'audience Mailchimp qui doit recevoir les abonnés, ajustez les champs et les messages et enregistrez.
  4. Modifiez votre page avec Elementor, recherchez dans le panneau Mailchimp et faites glisser le widget Master Addons en place.
  5. Partir Formulaire Type sur Défauts et choisissez votre formulaire en Formulaire d'inscription MailChimp(ou choisissez) Personnalisé pour taper le balisage de champ dans le widget.
  6. Mettez à jour la page et envoyez une inscription au test pour vérifier que l'adresse atteint votre audience.
Widget Mailchimp Master Addons en mode personnalisé avec e-mail et soumission de balisage à côté d'un formulaire d'abonnement à notre newsletter

Deux types de formulaires : par défaut ou personnalisés

Le widget a une section Contenu, Formulaire: avec trois paramètres. Formulaire Type bascule entre les valeurs par défaut et les données personnalisées. Avec les valeurs par défaut, le Formulaire d'inscription MailChimp dropdown répertorie les formulaires enregistrés dans MC4WP. Avec Custom, a Formulaire personnalisé la zone de code prend du HTML qui remplace les champs du formulaire, et MC4WP traite toujours la soumission.

  • Par défaut: affiche le formulaire exactement tel que vous l'avez construit sous MC4WP > Formulaire La version gratuite de MC4WP comprend un formulaire, et MC4WP Premium en ajoute d'autres.
  • Personnalisé: la saisie par e-mail doit être utilisée name="EMAIL". Des champs supplémentaires utilisent les balises de fusion de votre audience, telles que FNAME pour prénom.
  • Code d'intégration Mailchimp : ne le collez pas ici Il porte sa propre balise de formulaire et finirait imbriqué à l'intérieur du formulaire MC4WP.

Clé API, Public, Double Opt-In et RGPD

Le widget n'a pas de paramètres Mailchimp propres La connexion vit dans MC4WP, vous la configurez donc une fois et chaque widget Mailchimp sur le site l'utilise.

  • Clé API et audience : enregistré dans MC4WP. Chaque formulaire envoie les abonnés aux audiences cochées dans ses paramètres, et vous pouvez y ajouter des balises d'abonné aussi.
  • Double opt-in : activé par défaut, Mailchimp envoie donc un lien de confirmation par e-mail avant l'ajout du contact. Vous pouvez l'éteindre par formulaire.
  • Consentement RGPD : l'assistant de champ MC4WP peut ajouter une case à cocher « Agree to terms” » avec un lien vers votre page de conditions Marquez-la requise si le consentement est obligatoire.
  • Messages et redirection : les messages de succès et d'erreur et une URL de redirection facultative sont modifiés dans les onglets Messages et paramètres du formulaire MC4WP.
  • Spam : MC4WP ajoute un champ de pot de miel caché et une vérification de l'horodatage à chaque formulaire.

Comment fonctionne le style sans onglet de style

Master Addons charge une petite feuille de style pour le widget Il donne au champ de messagerie et au bouton une hauteur de 50 px, un bouton sombre #303030 et des cases colorées pour les messages de réussite, d'erreur et d'avertissement Dans MC4WP, l'onglet Apparence peut hériter de vos styles de thème ou appliquer des styles de base ou un thème Lumière, Foncé, Rouge, Vert ou Bleu.

  • Onglet avancé : la marge, le remplissage, l'arrière-plan et les paramètres de bordure normaux de l'élémenteur s'appliquent à l'emballage du widget.
  • CSS personnalisé : pour les couleurs des champs et des boutons, écrivez CSS gratuitement Css personnalisé extension et cible .jltma-mailchimp input[type=email] et .jltma-mailchimp input[type=submit].

Formulaire Elementor Pro + Mailchimp vs Master Addons Mailchimp Widget

Free Elementor n'a pas de widget de formulaire Le widget Form dans Elementor Pro a une action MailChimp intégrée après la soumission, avec les paramètres API Key, Audience, Groupes, Tags, Double Opt-In et Field Mapping Voici comment il se compare avec l'itinéraire gratuit.

CaractéristiqueFormulaire Elementor ProMaster Addons Mailchimp + MC4WP
PrixLicence Elementor ProGratuit
Plugins nécessairesÉlémenteur ProAdditions maîtres et MC4WP
Clé APIParamètres d'intégration de l'élémenteur ou une clé personnalisée par formulaireParamètres MC4WP
Public, groupes, tagsOui, dans le formulaireOui, dans les paramètres du formulaire MC4WP
Double opt-inCommuter dans le formulaireOn par défaut, par formulaire
Terrains constructiblesConstructeur visuel avec 20 types de champs, y compris l'acceptation, la date, le téléchargement et les étapesChamps HTML dans MC4WP ou la boîte Personnalisée
Cartographie sur le terrainContrôle de cartographie sur le terrainLes noms d'entrée correspondent aux balises de fusion
StyleOnglet de style pour Form, Field, Buttons, Messages, StepsOnglet Aucun style ; feuille de style par défaut, thèmes MC4WP, CSS
Protection anti-spamreCAPTCHA, reCAPTCHA v3, HoneypotChèque Honeypot et horodatage
Autres actionsEmail, Collecter des soumissions, Redirection, Webhook, Popup, d'autres services de messagerieRedirection après inscription
Nombre de formulairesAutant que tu en aimerasUn sur MC4WP gratuit

Elementor Pro est le meilleur outil pour construire des formulaires Il a des champs visuels, un onglet Style complet, des formulaires en plusieurs étapes et plusieurs actions par soumission Si vous avez seulement besoin d'une boîte de courriel qui alimente un public Mailchimp et que vous n'avez pas Elementor Pro, le widget gratuit avec MC4WP couvre cela sans frais.

Autres widgets de formulaire dans Master Addons : Formulaire de contact 7 (gratuit) et Formulaires WP (gratuit).Pour afficher un formulaire d'inscription dans une fenêtre contextuelle, consultez le Créateur Popup.

Questions fréquemment posées pour Mailchimp

Découvrez les requêtes les plus demandées par les utilisateurs sur Mailchimp et trouvez des réponses en un seul endroit.
Le widget Mailchimp est-il gratuit ?

Oui. Il fait partie du plugin gratuit Master Addons Il a également besoin de MC4WP : Mailchimp pour WordPress, qui est gratuit sur WordPress.org, et d'un compte Mailchimp.

Dans MC4WP, sous MC4WP > Mailchimp. Master Addons n'a pas de champ de clé API propre Une fois que MC4WP affiche Connecté, votre formulaire apparaît dans le formulaire d'inscription MailChimp du widget déroulant.

Puis-je styliser le formulaire Mailchimp dans Elementor ?

En partie. Le widget n'a pas d'onglet Style Vous obtenez le look par défaut de Master Addons, les thèmes d'apparence MC4WP et l'onglet Avancé pour l'espacement, l'arrière-plan et la bordure. Les couleurs ou polices de champ et de bouton nécessitent CSS, que vous pouvez ajouter gratuitement Css personnalisé extension.

N° Le code d'intégration Mailchimp inclut sa propre balise de formulaire, qui se brise à l'intérieur du formulaire MC4WP. basculer le type de formulaire sur Custom et utiliser des entrées simples à la place, par exemple une entrée de courrier électronique nommée EMAIL et un bouton de soumission.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension d'extras de conteneur Master Addons pour élémenteur : conteneur bouché à une largeur maximale de 1 400 px, avec des commandes de largeur maximale, de hauteur maximale, de largeur minimale et de hauteur minimale

Extras de conteneurs

Accueil Elementor Container Max Width et Max Height Controls Container Extras est un Master gratuit...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails