Hur man installerar AWeber Web Form Widget i WordPress (3 enkla sätt)

Många som använder WordPress vänder sig till AWeber för sina e-postmarknadsföringstjänster. Vi har haft många WPBeginner-läsare som frågat hur man får AWeber webbformulärswidgeten på sina WordPress-sajter, och vi är här för att hjälpa till.

Tekniskt sett har AWeber ett eget plugin för WordPress-integration, vilket är en snabb och enkel lösning. Men vi har hittat två andra sätt som erbjuder mer flexibilitet och funktioner, vilket gör att du kan skapa mer engagerande registreringsformulär och potentiellt fånga fler leads.

I den här guiden går vi igenom tre enkla metoder för att installera AWeber-webbformulärswidgeten i WordPress.

Hur integrerar man AWeber med WordPress?

Ett sätt att integrera AWeber med WordPress är med pluginet AWeber for WordPress, som bara tar några steg att installera. Det låter dig också lägga till AWeber webbformulärsblocket till ditt WordPress-tema, dina sidor och inlägg. Vi kommer att visa dig hur du gör detta i den första metoden i den här handledningen.

Med det sagt rekommenderar vi att du använder AWeber tillsammans med ett WordPress-plugin som WPForms eller OptinMonster. På så sätt får du fler verktyg för att öka dina chanser att generera leads.

Låt oss till exempel säga att du driver en fastighetswebbplats. Istället för ett enkelt formulär för e-postregistrering kan du skapa ett interaktivt formulär för bolånekalkylator med WPForms, som sedan skickar beräkningarna till personens e-post.

Alternativt kan du använda OptinMonster för att köra en lead generation popup-kampanj. När de används korrekt är popups utmärkta för att fånga dina användares uppmärksamhet. Du kan skapa popups med ett roligt quiz, eller till och med få popups att visas när besökare är på väg att lämna.

Med det i åtanke, låt oss se hur du kan installera AWeber webbformulär-widgeten på din WordPress-webbplats. Du kan använda snabblänkarna nedan för att hoppa till önskad metod:

• Metod 1: Använda AWeber för WordPress-plugin (Gratis och snabbt)
• Metod 2: Lägga till AWeber webbformulär med WPForms (för anpassningsbara formulär)
• Method 3: Adding AWeber Web Form Using OptinMonster (For Popups)

Metod 1: Använda AWeber för WordPress-plugin (Gratis och snabbt)

Den första metoden är att använda AWebers WordPress-plugin. Vi rekommenderar denna metod om du bara letar efter en enkel lösning för att lägga till ditt AWeber registreringsformulär på din webbplats.

Fortsätt och installera WordPress-pluginet i adminområdet. När pluginet är aktivt, gå till AWeber och klicka på knappen ‘Kom igång’.

Därefter öppnas en ny flik där du måste ange dina AWeber-kontouppgifter, som din e-postadress och ditt lösenord. Glöm inte att kryssa i rutan 'Jag är inte en robot'.

När det är klart, klicka på 'Tillåt åtkomst' längst ner.

På nästa skärm ser du en verifieringskod.

Kopiera den här koden och gå tillbaka till sidan för AWeber-pluginet i WordPress-instrumentpanelen.

När du är där, klistra bara in koden i lämpligt fält.

Klicka sedan på knappen 'Slutför'.

Du bör nu ha anslutit AWeber till WordPress. Pluginet ger dig också en block eller widget för att lägga till ett AWeber-formulär var som helst på din WordPress-webbplats.

I det här exemplet visar vi hur du lägger till AWeber-formuläret i en sidopanel, men stegen bör vara liknande oavsett om du lägger till det på en WordPress-sida, ett inlägg, en mall eller ett blockmönster med hjälp av Gutenberg blockredigerare eller Full Site Editor.

Gå först till Utseende » Widgets. Klicka sedan på knappen '+ Lägg till block' i ett widgetområde för att hitta widgeten Lägg till ett AWeber registreringsformulär.

När du är klar, öppna bara rullgardinsmenyn och välj ditt AWeber-anmälningsformulär. Klicka sedan på ‘Spara.’

Klicka sedan på knappen ‘Uppdatera’. För mer information om hur du använder widgets, se vår fullständiga guide om hur man lägger till och använder widgets i WordPress.

Det var allt!

Återigen, denna metod är ganska snabb och enkel om du är nöjd med formuläret du har skapat hos AWeber. Här är hur vår webbformulärswidget ser ut:

Om du däremot vill ta dina ansträngningar för att generera leads till nästa nivå, kolla in nästa metoder.

Metod 2: Lägga till AWeber webbformulär med WPForms (för anpassningsbara formulär)

Om du letar efter fler alternativ än vad AWeber erbjuder i sina mallar för nyhetsbrevsanmälan, bör du överväga att använda WPForms.

Detta kontaktformsplugin låter dig designa AWeber-formulär med ett brett utbud av anpassningsbara mallar, som bokningsformulär, enkäter och evenemangsregistreringar.

Genom att länka WPForms med AWeber kan du samla in e-postmeddelanden från dessa formulär, även om de inte specifikt är utformade som e-postregistreringsformulär. På så sätt kan du fortfarande använda dem för att skicka nyhetsbrev eller informera användare om kommande kampanjer.

Steg 1: Konfigurera WPForms-pluginet och AWeber-integrationen

För att använda WPForms AWeber-tillägg behöver du en WPForms Plus-plan eller högre. När du har köpt en plan får du nedladdningslänken för WPForms-pluginet och licensnyckeln.

Installera WPForms-pluginet först. För vägledning, se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Efter aktivering kan du gå till WPForms » Inställningar på din WordPress-instrumentpanel. Där klistrar du helt enkelt in din licensnyckel i fältet ‘Licensnyckel’ och klickar på ‘Verifiera nyckel.’

När du har gjort det, navigera till WPForms » Tillägg.

Leta reda på AWeber-tillägget och klicka på knappen 'Installera tillägg'.

När tillägget är aktivt måste du gå till WPForms » Settings och växla till fliken ‘Integrations.’

Där, hitta AWeber och klicka på '+ Lägg till nytt konto'.

Ett nytt avsnitt kommer nu att öppnas, där du måste auktorisera din anslutning med AWeber.

För att börja, klicka på länken ‘auktorisera anslutningen med AWeber’.

Du bör nu se ett nytt fönster där du måste ange dina AWeber-kontouppgifter.

Ange din e-postadress och ditt lösenord här. Slutför sedan CAPTCHA och klicka på 'Tillåt åtkomst'.

När du har gjort det kommer AWeber att ge dig en auktoriseringskod.

Se till att kopiera detta och gå tillbaka till WPForms-plugin-sidan.

Klistra nu bara in din auktoriseringskod och ange din AWeber-e-postadress.

Klicka sedan på ‘Anslut till AWeber.’

Det var allt för integrationen av AWeber med WPForms.

Om anslutningen är lyckad bör du se ett bekräftelsemeddelande som detta:

Steg 2: Skapa ditt första formulär med WPForms

Nu när du har anslutit WPForms till AWeber kan du skapa ett nytt formulär. För att göra det, gå till WPForms » Lägg till nytt.

Ge ditt formulär ett namn. Det kan vara något enkelt som ‘Kontaktformulär.’

Du kommer också att se en mängd 1500+ formulärmallar att välja mellan. För demonstration kommer vi bara att använda 'AWeber Signup Contact Form'. Denna mall lägger till en kryssruta för anmälan till e-postlistan i kontaktformuläret, som användare kan kryssa i om de vill prenumerera på ditt nyhetsbrev efter att ha kontaktat dig.

När du har valt en mall klickar du på ‘Använd mall.’

Nu kan du anpassa kontaktformuläret precis som du vill med hjälp av dra-och-släpp-formulärbyggaren.

Höger sida visar en förhandsgranskning av hur formuläret kommer att se ut senare. Du kan dra och släppa befintliga formulärfält som du vill eller lägga till nya formulärfält från vänster sidofält i fliken Lägg till fält.

Det finns många fältval, som flervalsfrågor, telefonnummer, adress, filuppladdning och mer.

Om du växlar till fliken 'Fältalternativ', kan du konfigurera fältinställningarna ytterligare.

Här har vi lagt till ett nytt fält för flervalsfrågor som heter ‘Typ av information’ så att användarna kan låta oss veta vilket ämne de frågar om.

När du är nöjd med hur formuläret ser ut, klicka på knappen ‘Spara’.

För mer information om att skapa ett kontaktformulär kan du läsa dessa guider:

• Bästa praxis för design av kontakformulärssidor (med exempel)
• Hur man skapar ett kontaktformulär med flera mottagare
• Hur man skapar ett säkert kontaktformulär i WordPress

Steg 3: Anslut ditt formulär med AWeber

Nästa steg är att låta AWeber veta att du vill samla in och skicka leads till plattformen via WPForms-formuläret.

För att göra det behöver du växla till fliken ‘Marketing’ och klicka på ‘AWeber.’ Klicka sedan på ‘Add New Connection.’

En popup visas och frågar dig om du vill ge denna anslutning ett smeknamn.

Du kan bara använda något enkelt som 'AWeber Signup Kontaktformulär'. Klicka sedan på 'OK'.

Välj nu bara det konto du anslöt tidigare.

Välj sedan en AWeber e-postlista där potentiella kunder från detta formulär ska fångas. Du kan lämna 'Åtgärd att utföra' som 'Prenumerera'.

Skrolla ner och välj fältet från WPForms-formuläret som används för att samla in prenumerantens e-post (obligatoriskt) och namn (valfritt).

På så sätt kan AWeber korrekt hämta denna information.

Därefter kan du använda befintliga taggar från AWeber eller lägga till nya taggar för att identifiera prenumeranter som du fick från detta formulär.

Om du bestämmer dig för att lägga till nya taggar, se till att separera dem med kommatecken.

Om ditt WPForms-formulär innehåller fält utöver de vanliga namn och e-postadress, som det vi har lagt till, och du vill att AWeber ska samla in den ytterligare informationen, då behöver du också ställa in anpassade fält i AWeber.

Detta säkerställer att AWeber kan hämta och lagra dessa data korrekt.

Om du är ny på detta, gå helt enkelt till din AWeber-instrumentpanel och navigera till alternativet 'Anpassade fält' under menyn 'Listalternativ'.

Klicka sedan på 'Lägg till anpassat fält'.

Ange nu ett namn för ditt nya anpassade fält. Du kan också låta prenumeranter uppdatera denna information vid behov.

Klicka sedan på 'Lägg till'. För detaljerade instruktioner kan du läsa denna AWeber-dokumentation.

Gå nu tillbaka till WPForms-plugin-sidan och scrolla ner. I 'Namn på anpassat fält', välj det anpassade fält du just skapade tidigare. När det gäller 'Värde för formulärfält', välj motsvarande fält i ditt WPForms-formulär.

Eftersom vårt formulär inkluderar en kryssruta där användare kan välja att prenumerera, vill vi bara skicka e-post till personer som markerar denna ruta.

För att ställa in detta, växla knappen ‘Aktivera villkorlig logik’. Välj sedan ‘Bearbeta’ före ‘denna anslutning om.’

Välj nedan 'Vill du gå med i vår e-postlista?' och ställ in 'är' som anslutning. Välj sedan 'Ja, registrera mig!'

Klicka nu på knappen ‘Spara’ för att spara dina framsteg.

Steg 4: Bädda in ditt AWeber-WPForms-formulär på din sida

Nästa steg är att visa ditt formulär på en WordPress-sida. För att göra detta, klicka bara på knappen ‘Bädda in’ bredvid Spara.

Därefter klickar du antingen på 'Välj befintlig sida' eller 'Skapa ny sida'. Båda alternativen leder dig så småningom till blockredigeraren, där du kommer att infoga WPForms-blocket på sidan.

Som demonstration kommer vi att skapa en ny sida som heter ‘Kontakta oss.’

När du har gett din nya sida en titel, klicka på 'Låt oss gå!'

I de flesta fall kommer WPForms automatiskt att infoga formulärblocket på din sida.

Men om det inte händer kan du klicka på knappen ‘+ Lägg till block’ var som helst på sidan och välja WPForms-blocket.

Välj nu bara formuläret du skapade tidigare i avsnittet 'Formulärinställningar' i sidopanelen för blockinställningar.

Du kan också anpassa hur formuläret ser ut genom att visa dess titel, ändra fältstilar, modifiera knappfärger, lägga till anpassad CSS och så vidare.

När du är nöjd med hur sidan ser ut kan du klicka på ‘Publish’ eller ‘Update’ för att slutföra dina ändringar.

Du kan också lägga till formulärblocket i dina blogginlägg, widgetområden eller mallkomponenter om du använder ett blocktema. Eller använd en kortkod för att lägga till den på andra platser där blocket inte är tillgängligt.

Här är hur vårt formulär ser ut på framsidan:

Steg 5: Testa ditt AWeber-WPForms-formulär

För att säkerställa att allt fungerar bra måste du testa ditt formulär och se om informationen som anges där också tas emot av AWeber.

Du kan använda din egen företags-e-postadress eller en tillfällig e-postadress för att göra detta. Efter att du fyllt i formuläret bör du få ett e-postmeddelande som nedan. Se till att klicka på knappen för att bekräfta din prenumeration.

Sedan, om du går till sidan 'Prenumeranter' på AWeber, kommer du att se en ny prenumerant identifierad med de taggar du lade till tidigare.

Anpassat fält kommer också att finnas där.

Metod 3: Lägga till AWeber webbformulär med OptinMonster (för popup-fönster)

Om du vill köra en popup-kampanj på din WordPress-webbplats och samla in leads för din AWeber-e-postlista, kan du använda OptinMonster.

Det är den bästa och mest nybörjarvänliga programvaran för leadgenerering för att skapa engagerande marknadsföringskampanjer och öka dina e-postprenumeranter.

Steg 1: Konfigurera OptinMonster

För att koppla OptinMonster till AWeber behöver du en Plus-plan eller högre.

När du har registrerat dig för en plan kan du fortsätta och installera OptinMonster-pluginet i WordPress. För steg-för-steg-instruktioner, kolla in vår nybörjarguide om hur man installerar ett WordPress-plugin.

När pluginet är installerat och aktivt ser du en välkomstsida som uppmanar dig att ansluta WordPress med OptinMonster. Klicka helt enkelt på knappen 'Anslut ditt befintliga konto' för att komma igång.

Sedan kommer en ny skärm att visas.

Klicka här bara på knappen ‘Anslut till WordPress’ för att lägga till din webbplats i OptinMonster.

Steg 2: Skapa din första OptinMonster-kampanj

Nu kan du fortsätta och ställa in en ny kampanj.

För att göra detta, gå till OptinMonster » Kampanjer och klicka på 'Skapa din första kampanj'.

På nästa skärm kan du välja mellan 'Mallar' eller 'Spelplaner'.

Mallar är fördesignade, professionellt utformade formulär för leadgenerering skapade av OptinMonster.

Å andra sidan är Playbooks fullständiga kampanjer inspirerade av framgångsrika marknadsföringsstrategier från välkända varumärken.

Förutom formuläret för leadgenerering levereras Playbooks komplett med kampanjstrukturen, texten och visningsreglerna, så att du kan lansera en kampanj med bara några få justeringar.

Som demonstration väljer vi 'Mallar'.

Välj sedan en kampanjtyp och en formulärdesign.

Vi kommer att använda 'Popup' och 'Registrera dig för ett webbinarium (nedräkning)' som exempel. Klicka på 'Använd mall' på din önskade mall.

I detta skede måste du namnge din kampanj.

Vilket namn som helst fungerar så länge du enkelt kan identifiera din kampanj senare. När du har slutfört detta steg, klicka på 'Börja bygga'.

Du kommer nu att tas till OptinMonster-webbplatsen för att anpassa ditt leadgenereringsformulär.

I fliken Design kan du anpassa hur popup-formuläret ser ut med hjälp av tillgängliga block och dra-och-släpp-redigeraren.

Förutom att redigera hur den inledande Ja/Nej-popupen ser ut, kan du också ändra Optin-sektionen (där användare fyller i sitt namn och e-post) och Framgångsmeddelandet (efter att användare har slutfört formuläret).

I exemplet nedan har vi ändrat texten så att läsaren vet att de kan delta i vårt webbinarium och e-postlista genom att ange sitt namn och sin e-postadress.

Om du navigerar till fliken 'Visningsregler' kan du ställa in villkoren för när popup-fönstret ska visas.

Du kan basera villkoren på många aspekter, till exempel om de är en inloggad användare, om de visar tecken på att lämna, om de kommer från en specifik plats, om de inte har konverterat, och så vidare.

Dessutom kan du aktivera animationer eller ljudeffekter för att få popup-fönstret att sticka ut ännu mer.

När du gör dina ändringar, se till att klicka på knappen 'Spara' så att dina redigeringar inte går förlorade.

För mer information om att skapa en kampanj kan du ta en titt på dessa guider:

• Hur man skapar mobilpopups som konverterar (utan att skada SEO)
• Hur man skapar en popup i WooCommerce för att öka försäljningen
• Hur man lägger till ett popup-formulär för kontakter i WordPress

Steg 3: Anslut OptinMonster med AWeber

När du har slutfört din kampanjdesign och visningsregler, låt oss växla till fliken 'Integrationer'. Det är här du kommer att konfigurera OptinMonster-AWeber-anslutningen.

Klicka där på 'Lägg till en ny integration'.

Leta sedan upp AWeber-logotypen.

Under den, klicka på ‘Connect.’

Nu kommer du att bli ombedd att ange ditt AWeber-konto och auktoriseringskod.

För att få koden, klicka på 'Registrera AWeber'.

Ett nytt fönster kommer att visas och be dig ange dina AWeber-inloggningsuppgifter.

När du har gjort det, klicka på 'Tillåt åtkomst'.

Vid det här laget kommer AWeber att ge dig auktoriseringskoden.

Kopiera den här koden och återgå sedan till OptinMonster.

Tillbaka i OptinMonster, ange helt enkelt ditt AWeber-e-postkonto och auktoriseringskoden från tidigare.

Klicka sedan på ‘Anslut till AWeber.’

Om anslutningen lyckas, kommer du att gå tillbaka till fliken Integrations och se ditt AWeber-konto listat där.

Här kan du välja din 'Leverantörslista' (AWeber-listan som du kommer att lägga till nya potentiella kunder från OptinMonster till). Nedanför kan du lägga till några Lead Tags för att segmentera typen av potentiella kunder som förvärvats från detta formulär. För detta exempel kommer vi bara att använda 'webinar' och 'professionals'.

Därefter kan du också lägga till en Ad Tracking Identifier för att identifiera källan till leadet. I det här fallet, eftersom vi skapar ett registreringsformulär för webbinarier, kan värdet vara ‘webinar_form.’

Skrollar du ner hittar du sektionen 'Fältmappning'.

Om ditt popup-formulär bara frågar efter användarens namn och e-post, kommer OptinMonster automatiskt att mappa dessa fält till motsvarande fält som finns tillgängliga i AWeber.

Men om du lägger till andra fält utöver det, kan du behöva skapa anpassade fält i AWeber så att plattformen kan fånga den informationen korrekt.

Du kan skrolla upp till vår WPForms-metod för att se hur man lägger till ett anpassat fält och läsa OptinMonsters dokumentation om fältmappning för mer information.

Steg 4: Publicera din OptinMonster-AWeber-kampanj

Nu när du har anslutit OptinMonster med AWeber är du redo att publicera din kampanj.

Fortsätt och byt till fliken 'Publicera' för att göra detta. Ändra sedan publiceringsstatusen till 'Publicera'.

Klicka sedan på knappen ‘Spara’. Eftersom du har installerat OptinMonster WordPress-pluginet bör din popup vara live på nolltid. Det finns inget behov av att använda någon HTML- eller JavaScript-kod.

Här är hur vår popup ser ut på vår demo WordPress-blogg:

Steg 5: Testa din OptinMonster-AWeber-kampanj

Det sista steget är att se om din kampanj fungerar och om leads som fångas av OptinMonster skickas framgångsrikt till AWeber. För att göra detta kan du besöka din webbplats i inkognitoläge och vänta på att popup-fönstret visas. Fyll sedan i formuläret som vanligt.

När du har gjort det kommer ditt testmail att få en e-postavisering som denna:

Se till att klicka på knappen i e-postmeddelandet.

När du har gjort det ser du ditt testmejl på sidan ‘Prenumeranter’ i AWeber, komplett med Ad Tracking Identifier och Lead Tags som du ställde in tidigare.

Ta din e-postmarknadsföring till nästa nivå

Vill du konvertera fler besökare till prenumeranter med AWeber? Kolla in dessa guider för att förbättra din e-postmarknadsföring:

• E-postmarknadsföringsmisstag som WordPress-användare måste undvika
• Nybörjarguide till automatisering av e-postmarknadsföring för WordPress
• Testade och enkla sätt att snabbare växa din e-postlista
• Hur du använder sociala medier för att öka e-postprenumeranter i WordPress
• Hur man skapar en utlottning för att växa din e-postlista
• Bästa WordPress Nyhetsbrev Plugins (Lätta att Använda + Kraftfulla)
• Bästa Mailchimp-alternativen (med bättre funktioner + rättvis prissättning)

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du installerar AWeber webbformulär-widgeten i WordPress. Du kanske också vill se vår handledning om hur du skickar automatiserade e-postmeddelanden i WordPress och vår artikel om hur vi använder en videomedlemskapswebbplats för att växa vår e-postlista.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.