Mailchimp

An Elementor Mailchimp formular er en af de hurtigste måder at gøre en besøgende til en abonnent. Den Mailchimp widget i Master Addons til Elementor dropper en tilmeldingsformular direkte ind i dit layout, og det giver dig to måder at køre det på: Vælg en gemt standardformular, eller skriv din egen brugerdefinerede HTML-markering. Nedenfor dækker jeg begge, fra Elementor-panelet til live-siden.

Hvordan Elementor Mailchimp formular widget fungerer #

Widgetten gengiver en Mailchimp tilmeldingsformular i Elementor uden et separat formular-plugin. Forbind det til en eksisterende Mailchimp-publikum ved at vælge en gemt formular, eller opbyg en brugerdefineret formular med dine egne felter, etiketter og afkrydsningsfelter. Når API-nøglen er på plads, indsamler formularen abonnentdata og afleverer dem til Mailchimp.

Før du starter #

• WordPress med Elementor installeret og aktiv.
• Master Addons til Elementor installeret og aktiv. Hvis du ikke har installeret det endnu, skal du følge installationsvejledning.
• Mailchimp-widgetten aktiveret i indstillingspanelet Master Addons.
• En Mailchimp-konto og API-nøgle. Widgetten viser en advarsel, indtil nøglen er gemt i indstillingerne for Master Addons.

Tilføj widgetten til din side #

Åbn Elementorredaktør og søg i widgets panelet for “Mailchimp.” Træk Master Addons Mailchimp widget ind i den sektion, hvor du vil have formularen. Det falder ind med en e-mail-felt, en vilkår afkrydsningsfelt, og en “Tilmeld” knap, plus en rød meddelelse om, at Mailchimp API nøglen stadig skal sættes op. Den meddelelse forventes på en frisk installation, så lad det ikke smide dig.

Brug en standard Mailchimp-tilmeldingsformular #

I fanen Indhold skal du forlade Form Type på Standardindstillinger. Den MailChimp Sign-Up Form dropdown lister de formularer, der allerede er gemt i din Mailchimp-konto, som “opt in.” Vælg den, du ønsker. Widgetten trækker feltstrukturen fra Mailchimp og gengiver den lige på lærredet.

Dette er den hurtigste måde at få en Mailchimp tilmeldingsformular i Elementor live, da Mailchimp håndterer feltkortlægningen. Det eneste, der er tilbage, er at style formularen, så den passer til din side.

Opbyg en brugerdefineret Mailchimp-formular #

Indstil Form Type dropdown til Brugerdefineret. A Brugerdefineret formular textarea vises, hvor du indsætter din egen HTML-markering. Nå til dette, når du har brug for ekstra felter, brugerdefinerede etiketter eller et bestemt afkrydsningsfeltlayout.

Demo markup i videoen bruger en simpel struktur, du kan tilpasse:

<p>
  <label for="email">Email address:</label>
  <input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>

<p>
  <label>
    <input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
    I have read and agree to the terms & conditions
  </label>
</p>

<p>
  <input type="submit" value="Sign up">
</p>

Hvis du hellere vil skrive og forhåndsvise markeringen uden for Elementor, kommer den side-by-side kodeeditor med live-forhåndsvisningen fra det gratis Mailchimp til WordPress (MC4WP) plugin, ikke Master Addons selv. Markup til venstre, live preview til højre, så du kan få layoutet lige før du indsætter det i widgetten.

En ting, der snubler folk op med brugerdefineret markup: din name attributter skal matche dine Mailchimp publikum flette tags. Især e-mail-feltet skal bruge name="EMAIL", eller Mailchimp genkender ikke abonnentadressen, og tilmeldingen mislykkes lydløst.

Konfigurer din Mailchimp API-nøgle #

Widgetten bliver ved med at vise den advarsel, indtil API-nøglen er gemt. I WordPress-administratoren skal du åbne Master Addons og find Mailchimp indstillingsområdet. Indsæt din nøgle, gem, og gå tilbage til Elementor editor. Advarslen rydder, og formularen er klar til at tage abonnenter.

Generer en nøgle fra din Mailchimp kontoindstillinger. Hold det privat, og aldrig indsætte det i den brugerdefinerede formular markup selv, da den markup er synlig for alle, der ser sidekilden.

Stil formen #

The Style fanen giver dig de sædvanlige Elementor-kontroller for formularfelter, etiketter, afkrydsningsfelter og indsend-knappen: farver, typografi, mellemrum, kanter og justering, så Elementor e-mail tilmeldingsformular stil dig på linje med resten af dit design. Det opfanger som standard dine temaskrifttyper, så på de fleste websteder vil du kun røre ved knapfarven og en smule feltafstand.

Resultatet på live-siden #

På frontenden viser formularen e-mail-feltet, vilkår afkrydsningsfeltet og indsend-knappen præcis som du indstiller dem. Med API-nøglen aktiv, går indsendelser direkte ind i Mailchimp-publikummet, du valgte.

Almindelige brugstilfælde #

• Blog nyhedsbreve: slip et simpelt e-mail-felt i en blogs sidefod eller sidebjælke.
• Blymagneter: par formularen med en download-knap, så besøgende abonnerer, før de får guiden.
• Produktlanceringssider: saml e-mails med tidlig adgang på en destinationsside.
• Begivenhedsregistreringer: brug brugerdefineret opmærkning til at tilføje afkrydsningsfelter for navn, virksomhed eller samtykke.
• Sidefodsabonnementer: indlejre en kompakt Mailchimp widget til Elementor i sidefoden.

For flere formularindstillinger, se Kontakt Formular 7 widget. For en meddelelse bar til at sidde sammen med en tilmeldingsblanket, prøv den Nyheder Ticker widget.

Video Tutorial #

Foretrækker du at se? Denne gennemgang sætter Mailchimp-widgetten op fra ende til anden, fra at vælge en formulartype til tilmeldingsformularen på live-siden:

Ofte stillede spørgsmål #

Indpakning #

Master Addons Mailchimp widget er en direkte måde at tilføje en Elementor Mailchimp formular til enhver side. Gå med en standardformular for hastighed, eller skift til Brugerdefineret tilstand, når du vil have fuld kontrol over markeringen og felterne. Uanset hvad, det forbinder til din Mailchimp publikum, når API nøglen er indstillet. Gennemse det fulde sæt af Master Addons widgets og udvidelser for flere værktøjer til at vokse din liste.