Elementor Mailchimp Widget: Kostenloses Anmeldeformular für WordPress

Das Mailchimp-Widget in Master Addons ist kostenlos und platziert ein Mailchimp-Anmeldeformular an einer beliebigen Stelle in einem Elementor-Layout. Es funktioniert zusammen mit dem kostenlosen MC4WP: Mailchimp for WordPress-Plugin von ibericode. MC4WP verbindet sich mit Ihrem Mailchimp-Konto und führt das Formular, das Publikum und das Double Opt-in aus, und das Widget zeigt diese Form in Ihrem Design an. Sie können das gespeicherte MC4WP-Formular anzeigen oder Ihr eigenes Feldmarkup in das Widget eingeben. Blog-Fußzeilen, kommende Seiten und Lead-Magnet-Abschnitte sind die üblichen Orte dafür.

So fügen Sie ein Mailchimp-Anmeldeformular in Elementor hinzu

Sie benötigen zwei kostenlose Plugins, Master Addons und MC4WP, dazu ein Mailchimp-Konto Das meiste Setup geschieht in MC4WP.

  1. Installieren und aktivieren MC4WP: Mailchimp für WordPress von WordPress.org.
  2. Kopieren Sie einen API-Schlüssel von Mailchimp (Profil > Extras > API-Schlüssel), fügen Sie ihn unter ein MC4WP > Mailchimp und speichern Der Status sollte sich in Verbunden ändern.
  3. Offen MC4WP > FormularKreuzen Sie die Mailchimp-Zielgruppe an, die Abonnenten empfangen soll, passen Sie die Felder und Nachrichten an und speichern Sie sie.
  4. Bearbeiten Sie Ihre Seite mit Elementor, durchsuchen Sie das Panel nach Mailchimp und ziehen Sie das Master Addons Widget an Ort und Stelle.
  5. Verlassen Formtyp Auf Standardwerte Und wählen Sie Ihr Formular aus MailChimp-Anmeldeformularoder auswählen Benutzerdefiniert Feldmarkup im Widget einzugeben.
  6. Aktualisieren Sie die Seite und senden Sie eine Testanmeldung, um zu überprüfen, ob die Adresse Ihre Zielgruppe erreicht.
Master Addons Mailchimp Widget im benutzerdefinierten Modus mit E-Mail und senden Markup neben einem Abonnieren Sie unser Newsletter-Formular

Zwei Formtypen: Standard oder benutzerdefiniert

Das Widget verfügt über einen Inhaltsbereich Formular, mit drei Einstellungen. Formtyp Wechselt zwischen Defaults und Custom Mit Defaults wird die MailChimp-Anmeldeformular Dropdown listet die in MC4WP gespeicherten Formulare auf. Mit Benutzerdefiniert, a Benutzerdefiniertes Formular Codebox nimmt HTML, das die Formularfelder ersetzt, und MC4WP verarbeitet die Einreichung weiterhin.

  • Standardeinstellungen: Zeigt das Formular genau so an, wie Sie es unter MC4WP > Formular erstellt haben. Die kostenlose Version von MC4WP enthält ein Formular und MC4WP Premium fügt weitere hinzu.
  • Benutzerdefiniert: Die E-Mail-Eingabe muss verwenden name="EMAIL". Zusätzliche Felder verwenden Tags für die Zusammenführung Ihrer Zielgruppe, wie z FNAME Vorname.
  • Mailchimp-Einbettungscode: Fügen Sie es hier nicht ein. Es trägt ein eigenes Formular-Tag und würde schließlich im MC4WP-Formular verschachtelt werden.

API-Schlüssel, Publikum, Double Opt-In und DSGVO

Das Widget hat keine eigenen Mailchimp-Einstellungen Die Verbindung lebt in MC4WP, also richtet man sie einmal ein und jedes Mailchimp-Widget auf der Seite benutzt sie.

  • API-Schlüssel und Zielgruppe: Gespeichert in MC4WP. Jedes Formular sendet Abonnenten an die in seinen Einstellungen angekreuzten Zielgruppen, und Sie können dort auch Abonnenten-Tags hinzufügen.
  • Double-opt-in: Standardmäßig ein, Mailchimp mailt also einen Bestätigungslink, bevor der Kontakt hinzugefügt wird, Sie können ihn pro Formular abschalten.
  • DSGVO-Einwilligung: Der MC4WP Feldhelfer kann ein Ankreuzfeld “Bedingungen zustimmen” mit einem Link zu Ihrer Begriffsseite hinzufügen Markieren Sie es erforderlich, wenn die Einwilligung zwingend erforderlich ist.
  • Nachrichten und Weiterleitung: Die Erfolgs - und Fehlermeldungen und eine optionale Weiterleitungs-URL werden in den Registerkarten Nachrichten und Einstellungen des MC4WP-Formulars bearbeitet.
  • Spam: MC4WP fügt jedem Formular ein verstecktes Honeypot-Feld und eine Zeitstempelprüfung hinzu.

Wie Styling ohne Style Tab funktioniert

Master Addons lädt ein kleines Stylesheet für das Widget Es gibt dem E-Mail-Feld und der Schaltfläche eine 50 px Höhe, eine dunkle #303030-Taste und farbige Kästchen für Erfolg, Fehler und Warnmeldungen In MC4WP kann die Registerkarte Aussehen Ihre Themestile erben oder Basisstile oder ein Hell, Dunkel, Rot, Grün oder Blau-Thema anwenden.

  • Erweiterte Registerkarte: Für den Widget-Wrapper gelten die normalen Einstellungen Elementorrand, Polsterung, Hintergrund und Rand.
  • Benutzerdefiniertes CSS: Für Feld - und Tastenfarben schreiben Sie CSS mit dem kostenlosen Benutzerdefiniertes CSS Erweiterung und Ziel .jltma-mailchimp input[type=email] und .jltma-mailchimp input[type=submit].

Elementor Pro Formular + Mailchimp vs. Master Addons Mailchimp Widget

Free Elementor hat kein Formular-Widget Das Formular-Widget in Elementor Pro verfügt über eine integrierte MailChimp-Aktion nach dem Senden, mit API-Schlüssel, Zielgruppe, Gruppen, Tags, Double Opt-In und Field Mapping-Einstellungen. So schneidet es mit der kostenlosen Route ab.

MerkmalElementor Pro-FormularMaster Addons Mailchimp + MC4WP
PreisElementor Pro LizenzKostenlos
Plugins benötigtElementor ProMaster Addons und MC4WP
API-SchlüsselElementorintegrationseinstellungen oder ein benutzerdefinierter Schlüssel pro FormularMC4WP-Einstellungen
Publikum, Gruppen, TagsJa, in der FormJa, in den MC4WP-Formulareinstellungen
Double-opt-inSchalter im FormularStandardmäßig auf, pro Formular
BaufelderVisual Builder mit 20 Feldtypen, einschließlich Annahme, Datum, Upload und SchritteHTML-Felder in MC4WP oder der Custom-Box
FeldkartierungFeldkartierungssteuerungEingabennamen stimmen mit Zusammenführungs-Tags überein
StylingStyle-Tab für Formular, Feld, Schaltflächen, Nachrichten, SchritteKeine Style-Registerkarte; Standard-Stylesheet, MC4WP-Themen, CSS
SpamschutzReCAPTCHA, reCAPTCHA v3, HoneypotHoneypot - und Timestamp-Check
Andere AktionenE-Mail, Einsendungen sammeln, Weiterleiten, Webhook, Popup, andere E-Mail-DiensteWeiterleitung nach der Anmeldung
Anzahl der FormulareSo viele, wie Sie mögenEines auf MC4WP kostenlos

Elementor Pro ist das bessere Werkzeug zum Erstellen von Formularen Es verfügt über visuelle Felder, einen vollständigen Style-Tab, mehrstufige Formulare und mehrere Aktionen pro Einreichung Wenn Sie nur ein E-Mail-Feld benötigen, das ein Mailchimp-Publikum füttert, und Sie kein Elementor Pro haben, deckt das kostenlose Widget mit MC4WP dies kostenlos ab.

Widgets für andere Formulare in Master-Add-ons: Kontaktformular 7 (kostenlos) und WPForms (kostenlos).Um ein Anmeldeformular in einem Popup anzuzeigen, siehe die Popup-builder.

Häufig gestellte Fragen an Mailchimp

Erfahren Sie die am häufigsten gestellten Fragen von Benutzern zu Mailchimp und finden Sie Antworten an einem Ort.
Ist das Mailchimp-Widget kostenlos?

Ja. Es ist Teil des kostenlosen Master Addons Plugins, Außerdem braucht es MC4WP: Mailchimp für WordPress, das kostenlos auf WordPress.org ist, und ein Mailchimp-Konto.

In MC4WP, unter MC4WP > Mailchimp. Master Addons hat kein eigenes API-Schlüsselfeld Sobald MC4WP Connected zeigt, erscheint Ihr Formular im Dropdown des MailChimp Sign-Up Form des Widgets.

Kann ich das Mailchimp-Formular in Elementor stylen?

Teilweise. Das Widget hat keinen Style-Tab. Sie erhalten den Master Addons Standard-Look, die MC4WP-Auftrittsthemen und den Erweiterten Tab für Abstand, Hintergrund und Rand Feld - und Tastenfarben oder Schriftarten benötigen CSS, das Sie mit dem kostenlosen hinzufügen können Benutzerdefiniertes CSS Erweiterung.

Nr. Der Mailchimp-Einbettungscode enthält ein eigenes Formular-Tag, das innerhalb des MC4WP-Formulars kaputt geht. Wechseln Sie den Formtyp auf Benutzerdefiniert und verwenden Sie stattdessen einfache Eingaben, zum Beispiel eine E-Mail-Eingabe namens E-MAIL und einen Senden-Button.

Trendige Elementor-Widgets und -Erweiterungen

Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.

Master Addons Glassmorphism-Erweiterung für Elementor: Milchglaskarten mit der auf 20 px eingestellten Kontrolle des Unschärfewerts

Glasmorphie

Startseite Kostenlose Elementor-Glasmorphie-Erweiterung: „Mattiertes Glas-Effekt in einem Umkipp-Glasmorphie ist das Matt...
Details anzeigen
Master Addons Container Extras Erweiterung für Elementor: Container mit einer Kappe von 1400 px Max Breite, mit Max Breite, Max Höhe, Min Breite und Min Höhe Steuerung

Container-extras

Home Elementor Container Max Width and Max Height Controls Container Extras ist ein kostenloser Master...
Details anzeigen
Master Addons Patterns-Erweiterung für Elementor: hero mit dem Purple Gradient Grid Left-Stil, drei weiteren Musterstilen und dem Enable Pattern-Panel

Muster

Home 70+ Free Elementor Background Patterns Patterns ist eine kostenlose Master Addons-Erweiterung, die hinzufügt...
Details anzeigen
Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf

Post-/Seitenduplikator

Startseite Duplicate Elementor Pages and Posts in One Click Post/Page Duplicator ist ein kostenloser Master...
Details anzeigen
Master Addons Reading Progress Bar-Erweiterung für Elementor: Blauer Balken 42% oben auf einer Datenschutzrichtlinie-Seite gefüllt, mit Einstellungen für Aktivierungs-, Positions-, Höhen- und Füllfarben

Fortschrittsanzeige lesen

Startseite Fügen Sie eine Leseprogress-Leiste in WordPress (Elementor) hinzu. Die Leseprogress-Leiste ist kostenlos...
Details anzeigen