Hur man öppnar ett WordPress popup-formulär genom att klicka på en länk eller

Vill du skapa en popup som visas när dina besökare klickar på en länk eller bild på din webbplats?

Detta är ett beprövat sätt att utöka din e-postlista, och populära webbplatser använder det ofta för att erbjuda ett valfritt erbjudande.

I den här artikeln kommer vi att visa dig hur du öppnar en WordPress-popup genom att klicka på en länk eller bild steg för steg.

Det är inte så komplicerat eftersom det kan utlösa ett WordPress-popup-formulär vid klick. I den här artikeln kommer vi att visa dig hur.

Vad är ett “klickbart” popup-formulär?

Klickbara popup-fönster är popup-fönster som öppnas när en användare klickar på en länk, knapp eller bild på din webbplats.

Popup-fönster visas ofta på webbplatser när en användare anländer eller är på väg att lämna. Att klicka på ett popup-formulär utlöses av användarinteraktion.

Vi har två popup-fönster på WPBeginner-webbplatsen som vi använder för att utöka vår e-postlista: den första är e-postikonen i fältet bredvid alla sociala ikoner och den andra under den. per publikation för att ladda ner vår verktygslåda.

Det enklaste sättet att skapa popup-fönster är att använda ett WordPress-popup-plugin. Vi kommer att använda OptinMonster för denna handledning.

Varför är klickformulär så effektiva?

Det klickbara popup-formuläret är effektivt eftersom det använder den kraftfulla Zeigarnik-effekten. Detta är en psykologisk princip som säger att användare som initierar en åtgärd är mer benägna att avsluta den.

När någon klickar på en länk eller knapp för att visa sin popup-fönster har de visat intresse. När popup-fönstret visas är det mer sannolikt att de använder det.

I den här handledningen kommer vi att använda en popup när vi klickar för att tillhandahålla en primärmagnet.

Det finns dock andra sätt att använda popup-fönster när du klickar på din webbplats. Du kan till exempel be användare att begära kupongkoder, få mer information om produkter, fylla i undersökningar och mer.

Med det sagt, låt oss se hur du enkelt kan skapa en klickbar popup för din webbplats.

Installera och aktivera OptinMonster

Först måste du registrera dig för ett OptinMonster-konto. Du behöver ett Pro-konto (eller högre). Detta ger dig MonsterLinks funktion som låter dig skapa popup vid klick.

Därefter måste du installera och aktivera OptinMonster-plugin på din WordPress-webbplats. Detta gör att du kan ansluta ditt OptinMonster-konto till din WordPress-webbplats.

För hjälp, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

När du har aktiverat plugin-programmet måste du ansluta ditt konto. Det kommer automatiskt att tas till välkomstsidan. Annars klickar du helt enkelt på OptinMonster-länken i din WordPress-instrumentpanel.

Klicka på “Anslut ditt konto” och följ instruktionerna på skärmen.

Skapa din första popup genom att klicka

När du har kopplat ditt OptinMonster-konto till din WordPress-webbplats kan du börja skapa popup-fönster genom att klicka. Klicka på knappen “Skapa ny kampanj” högst upp på skärmen:

Du kommer direkt till OptinMonsters webbplats.

Kampanjtypen har ställts in på popup. Om inte, klicka bara på Popup för att välja det.

Välj sedan en kampanjmall. Du kan ändra exakt hur det ser ut senare. Vi kommer att använda den grundläggande mallen för denna handledning.

Håll muspekaren över mallen och klicka på knappen “Använd mall”.

Du kommer nu att bli ombedd att ange ett namn för din kampanj. Om du använder OptinMonster på flera sajter måste du göra rätt val. Ange en ny webbplats om det behövs. Klicka sedan på “Börja bygga” för att skapa din popup.

OptinMonster laddar automatiskt mallen du väljer.

Du kan redigera standardtexten och lägga till eller ta bort element från din mall. Klicka bara på det du vill redigera.

Vi tar till exempel bort fältet Namn från formuläret. Klicka bara på fältet för att välja det och du kommer att se fältalternativ i den vänstra kolumnen, inklusive alternativet att ta bort det.

Efter att ha designat popup-fönstret är nästa steg att designa framgångsvyn, vilket är vad folk letar efter efter att ha fyllt i formuläret. Byt bara till vyn “Framgång” högst upp på skärmen.

Du kan redigera vyn framgångsrikt precis som du redigerade den valda vyn. Du kan till exempel be användaren att ladda ner huvudmagneten direkt. Du kan inkludera en länk här.

För att lägga till en länk till en bild, klicka på bilden och scrolla sedan ner till “Lägg till en länk till en bild” till vänster.

Du kan byta för att aktivera bildlänkar och ange en länk till din huvudmagnet i rutan “URL”.

Anslut dina popup-fönster till din e-postlista

När du är nöjd med din popup klickar du på fliken Integrationer högst upp på skärmen. Du måste koppla OptinMonster till din e-postmarknadsföringstjänst innan du kan lägga till personer i din e-postlista.

Klicka på “+ Lägg till ny integration” till vänster på skärmen.

Välj sedan din e-postleverantör från rullgardinsmenyn och följ instruktionerna för att ansluta den till OptinMonster.

Notera: Integreringsinstruktionerna är olika för varje e-postmarknadsföringstjänst. Om det fastnar har OptinMonster en lista med detaljerade instruktioner för e-postintegrering.

Ställ in din popup så att den visas när du klickar på den

Nu måste du konfigurera din popup så att den visas när användaren klickar på länken. Klicka på fliken “Visa regler” längst upp på skärmen.

Standardvisningsregeln är tiden på sidan. Klicka på rullgardinsmenyn och välj “Besökare klickade på MonsterLink “byta ut.

Klicka på knappen för att kopiera din MonsterLink -koda. Du kommer att behöva detta direkt.

Klicka direkt på din popup

Gå nu till fliken Publicera och ställ in din kampanjstatus på Live. Du kan också kontrollera eller ändra webbplatsen som din kampanj är länkad till.

När du är klar klickar du på knappen Spara längst upp på skärmen.

Då måste du lägga din kampanj direkt på din egen WordPress-webbplats.

Gå till din WordPress-instrumentpanel och klicka på länken OptinMonster. Klicka på knappen Uppdatera kampanj.

Du kommer att se din kampanj som live. Om du vill inaktivera det när som helst klickar du bara på länken “Inaktivera” under ditt kampanjnamn.

Lägg till din MonsterLink på din webbplats

Nu måste du lägga till speciell MonsterLink på din webbplats. Om du inte kopierade detta tidigare kan du få det genom att gå tillbaka till visningsreglerinställningarna för din kampanj på MonsterInsights webbplats.

Skapa ett nytt inlägg eller sida eller redigera det du vill lägga till i din länk.

MonsterLink är HTML-kod, så du måste klistra in den i ett anpassat HTML-block.

Klicka på (+) för att lägga till ett nytt block. Det anpassade HTML-blocket finns i avsnittet Format eller så kan du söka efter det med hjälp av sökfältet. Klicka på den för att skapa ett block.

Kopiera nu din MonsterLink till det blocket. Det kommer att se ut så här:

Du kan ändra ordet “Klicka på mig” till den text du vill använda för din länk. Vi kommer att använda “Klicka för att få 10 BONUS!”

När du har placerat länken kan du förhandsgranska din sida eller inlägg för att se till att det fungerar.

Här är vår länk i aktion. Observera att vi använde några stilar på texten för att skapa en större textruta för att marknadsföra huvudmagneten:

Dricks: Du är inte begränsad till att bara länka text med MonsterLinks. Du kan också använda MonsterLink med samtalsknappar, bilder, banners eller navigeringsmenyer på din webbplats.

Vi hoppas att den här guiden hjälpte dig att lära dig hur du aktiverar ett WordPress-popup-formulär med ett klick. Du kanske också vill kolla in vår guide om hur du snabbar upp din WordPress-webbplats och vår senaste WordPress SEO-guide.

Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du hittar oss även på Twitter och Facebook.