Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här skapar du ett Mailchimp-prenumerationsformulär i WordPress med customize-fält

Under årens lopp har vi testat många olika tjänster för e-postmarknadsföring och hjälpt WordPress-användare att skapa formulär för prenumeration på sina webbplatser. Senast frågade en av läsarna om det bästa sättet att add to ett Mailchimp prenumereringsformulär till sin WordPress website

Mailchimp är ett populärt verktyg för e-postmarknadsföring som erbjuder en form builder. Denna byggare har dock begränsade funktioner och alternativ för customomize. Att lägga till ett custom prenumerera formulär ger dig mer flexibilitet och hjälper till att växa din email list.

I den här artikeln visar vi hur du skapar ett Mailchimp prenumerera formulär i WordPress med customize fält.

How to create Mailchimp subscribe form in WordPress

Varför add to ett customize Mailchimp Prenumeration Formulär i WordPress?

Att lägga till ett formulär för prenumeration på din WordPress website är ett bra sätt att kommunicera med dina användare.

You can send newsletters, new product releases, announcements, and other information while creating a direct connection with your audience.

Mailchimp är en av de mest populära tjänsterna för e-postmarknadsföring. Det hjälper dig att bygga en email list, skicka e-post och ställa in automatiserade e-postkampanjer. Dessutom erbjuder de en form builder som du kan använda för att skapa ett formulär för prenumeration och embedda det på din website.

Mailchimp’s form builder är dock mycket grundläggande och erbjuder inte många alternativ för customize. You get limited form fields to choose from, and there are no settings to change color, font, and more. Det adderar också Mailchimp branding längst ner.

Mailchimp subscribe form preview

Att skapa ett custom Mailchimp prenumerera formulär ger dig mer flexibilitet och control. You can add all types of form fields, edit their appearance, add conditional logic to show fields based on the user’s responses, and more.

Eftersom Mailchimp har limits, kanske du också vill se vår guide om varför WPBeginner bytte från Mailchimp till Drip.

Med detta sagt, låt oss titta på hur du kan skapa ett Mailchimp prenumerationsformulär med customize fält.

Hur man skapar ett Mailchimp prenumerationsformulär i WordPress

Det enklaste sättet att lägga till ett Mailchimp prenumerationsformulär WordPress är genom att använda WPForms. Det är det bästa tillägget för kontaktformulär för WordPress som används av över 6 miljoner proffs.

WPForms är ett nybörjarvänligt plugin som erbjuder en drag and drop form builder, 1300+ pre-built templates, och massor av alternativ för customize. Det bästa är att det enkelt integreras med Mailchimp.

Obs: För denna tutorial kommer vi att använda WPForms Pro-versionen eftersom den innehåller Mailchimp addon och custom formfält. Det finns också WPForms Lite-versionen som är tillgänglig gratis, men den erbjuder inte en Mailchimp-integration.

Step-1: Anslut Mailchimp till WPForms

Först måste du installera och aktivera WPForms plugin. Om du behöver hjälp kan du vänligen läsa vår guide om hur du installerar ett plugin för WordPress.

Vid aktivering måste du gå till WPForms ” Settings och add licensen key. You can find the key in your WPForms account area.

När du har enter license key, gå vidare och klicka på knappen ”Verify Key”.

Adding a license key to the WPForms form builder plugin

Därefter måste du installera Mailchimp addon.

Du kan göra det genom att gå till WPForms ” Addons från WordPress adminpanel. Härifrån navigerar du till Mailchimp addon och klickar på knappen ”Install Addon”.

Install Mailchimp addon

Addon ska nu vara installerat och aktiverat.

När det är gjort går du bara till WPForms ” Settings från din WordPress dashboard och byter till fliken ”Integrations”.

Integrate MailChimp with WPForms

Därefter kan du förstora Mailchimp-inställningarna och sedan klicka på knappen ”+ Add New Account” under Mailchimp.

Så snart du gör det kommer du att se fler alternativ. För att integrera Mailchimp måste du enter API key och kontots smeknamn. Detta kommer att tillåta WPForms att kommunicera med ditt Mailchimp account.

See more Mailchimp integration options

Skapa API Keys för Mailchimp för WPForms-integration

För att skapa en API key för att ansluta WPForms måste du först logga in på ditt Mailchimp account.

När du är inloggad klickar du bara på din avatar högst upp till höger och väljer alternativet ”Account & fakturering”.

Click your Mailchimp avatar

På nästa page ser du olika Settings för ditt account.

Klicka bara på dropdown-menyn ”Extras” och välj sedan alternativet ”API keys”.

Open API keys page

Därefter kan du kopiera en befintlig API key som du vill använda för din WPForms integration.

Om du inte har genererat en nyckel tidigare klickar du helt enkelt på knappen ”Create A Key”.

Create a new key

Efter det kan du enter ett namn för din new API key.

När det är gjort klickar du bara på knappen ”Generera nyckel”.

Enter a name for API key

Därefter kommer du att se den nya API key.

Gå vidare och kopiera nyckeln och klicka på knappen ”Klar”.

Copy the API key

You can now return to the browser tabs or window with your WPFroms integration settings.

Härifrån klistrar du helt enkelt in nyckeln i fältet ”API Key”. Du kan också add to ett smeknamn för Mailchimp-kontot för att komma ihåg vilket konto du är ansluten till.

Enter your Mailchimp API key

När du har enter nyckeln, gå vidare och klicka på knappen ”Anslut till Mailchimp”.

Du bör nu se en grön knapp ”Ansluten” bredvid Mailchimp-inställningarna, vilket visar att e-postmarknadsföringsverktyget är integrerat utan problem med WPForms.

See Mailchimp connection

Step-by-Step 2: Designa ett Mailchimp Prenumeration Formulär med Custom Fields

Nu när du har integrerat Mailchimp med WPForms är nästa steg att skapa ett formulär för prenumeration med customize-fält.

Först måste du gå till WPForms ” Add New från WordPress dashboard. Därefter kan du högst upp enter ett namn och välja en formulärmall.

Select a form template

WPFomrs erbjuder massor av förbyggda formulärmallar, så du kan snabbt välja en och customize den.

Det erbjuder även formulärmallar för Mailchimp. You kan till exempel skapa ett kontaktformulär för registrering, ett signup form för nyhetsbrev eller ett formulär för e-postmarknadsföring.

Mailchimp form templates

För denna tutorial kommer vi att välja Mailchimp Newsletter Signup Form template.

På nästa vy kommer du att se WPForms drag and drop form builder. Här kan du customize formuläret och add to custom fält från menyn till vänster.

Add custom form fields

Standardformulärets templates innehåller ett fält för namn och email.

Du kan dock helt enkelt dra valfritt formulärfält och släppa det på templatet. Det finns fält för att add to text, dropdown alternativ, multiple choice frågor, telefonnummer, adresser, datum och tid, websites, password, med mera.

Om du till exempel använder en tjänst för företagstelefoni kan du add to ett fält för telefon. Detta hjälper dig att skicka SMS eller nå ut till prenumeranter via telefonsamtal.

Adding custom form fields

You can add a checkboxes field and allow users to select their interests. På så sätt kan du segmentera dina prenumeranter och skicka riktade emails till dem.

Därefter kan du ytterligare editera varje formulärfält i templaten. Välj bara ett fält så ser du fler alternativ i den vänstra panelen.

Vi har till exempel ändrat alternativen i formulärfältet Checkboxes.

Customize each form field

You can also edit the label of the form field, make it a required field, add images to the checkboxes options, and more.

När du har slutfört att lägga till fält för customize-formulär går du till tabben ”Settings” i menyn till vänster. I de allmänna inställningarna kan du ändra formulärets namn och description, add to tags, edit texten på knappen submit med mera.

General form settings Mailchimp

Därefter kan du gå till tabben ”Confirmations” och välja vad prenumeranterna ska se när de har submitat ett formulär.

WPForms låter dig visa ett message, en specifik page som gillar en thank you page, eller redirecta användare till en URL.

Confirmation settings Mailchimp form

Efter det kan du gå till fliken ”Marknadsföring” från den vänstra panelen och sedan välja Mailchimp.

Därefter klickar du på knappen ”Add New Connection”.

Add new Mailchimp connection

Därefter öppnas en liten popup där du måste enter smeknamnet Mailchimp.

När du har enter det, fortsätt och klicka på knappen ”OK”.

Enter connection nickname

Därefter kan du välja det Mailchimp account som du anslöt till tidigare.

Klicka bara på dropdown-menyn ”Select Account” och välj ditt account.

Select your Mailchimp account

Därefter kommer fler alternativ att visas.

Du kan gå vidare och välja målgruppen från dropdown-menyn till vilken de nya prenumeranterna kommer att läggas till.

Select audience and action

Det finns olika actions att välja mellan, men för denna tutorial kommer vi att select alternativet ”Prenumerera”. Detta kommer att add användaren som en new kontakt till ditt Mailchimp account.

Därefter kan du rulla ner för att se ytterligare Settings. Till exempel finns det ett alternativ att välja WPForms-fältet där användare kan ange sina email addresses.

Additional Mailchimp settings in WPForms

Du har också alternativ för att lägga till taggar till nya prenumeranter och en not till användarens profil.

Om du rullar längre ner ser du fler valfria inställningar. Instance, you can enable double tacka ja, mark the subscriber as VIP, update their profile if the contact is already in an audience, and more.

More Mailchimp settings in WPForms

Nu är du redo att add to ditt Mailchimp prenumerera formulär till din WordPress blogg eller website.

I WPForms form builder, kommer du att se ett ”Embed” alternativ högst upp. Gå vidare och klicka på knappen ”Save” för att lagra dina ändringar och klicka sedan på knappen ”Embed”.

Save and embed your form

Därefter öppnas en popup där du ombeds att välja en befintlig page eller skapa en new.

I denna tutorial kommer vi att använda alternativet ”Create New Page”.

Embed a form in page

Efter det måste du enter ett namn för din new page.

När det är gjort klickar du bara på knappen ”Let’s Go!”.

Enter name for form embed page

Därefter kommer du att se en Preview av ditt formulär i WordPress content editor.

Du kan sedan klicka på knappen ”Publicera” högst upp för att göra din Mailchimp prenumerera formulär live.

View preview of subscribe form

Du har nu utan problem skapat ett Mailchimp prenumereringsformulär med custom fields.

You can go ahead and visit your website to see the form in action.

Mailchimp subscribe form with custom fields preview

Du kan också göra mycket mer med Mailchimp och WordPress. You kan till exempel integrera det med OptinMonster och visa dina formulär för prenumererande i popup-kampanjer.

För att lära dig mer, vänligen se vår ultimata guide till att använda Mailchimp och WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar ett Mailchimp prenumereringsformulär i WordPress med customize-fält. Du kanske också vill se vår guide om enkla sätt att växa din email list snabbare och våra expertval för de måste ha WordPress tillägg för att växa din website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

4 kommentarerLämna ett svar

  1. Ralph

    Really good and easy guide I upgraded my form with it.
    However after 4 years with mailchimp I think about moving on. Pricing became a little bit expensive. What alternatives do you recomend for someone with small email list (2k contacts) that sends 2 newsletters per month? You guys know a lot about good alternatives and probably have guides for them already :)

  2. Jiří Vaněk

    Thanks for the detailed breakdown on how to register and use Mailchimp. I wanted to create a newsletter for a friend and didn’t expect something so common, used by so many, to be so challenging for me. I spent quite a bit of time on Mailchimp, and the most challenging part for me was importing emails and then connecting them to Mailchimp. Thanks!

    • WPBeginner Support

      You’re welcome :)

      Administratör

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.