Behöver du ett WordPress-plugin för popup-undersökningar? Att lägga ett feedbackformulär i en popup är ett bra sätt att få fler svar från dina besökare.
I den här artikeln kommer vi att titta på det bästa plugin-programmet för popup-undersökningar för WordPress. Sedan går vi igenom processen för att få en live popup på din webbplats.
Hur använder jag en popup-enkätplugin i WordPress?
Du kan enkelt installera en popup-enkätplugin på din WordPress-instrumentpanel.
Efter det behöver du bara ställa in enkätfrågorna för formuläret och sedan designa popup-fönstret som kommer att visas när en besökare är på din webbplats.
Popup-fönster är ett utmärkt sätt att fånga dina besökares uppmärksamhet på alla typer av undersökningar. Och att fokusera besökaren på undersökningen kommer att bidra till att öka konverteringsfrekvensen.
Det är mycket enkelt att installera en popup-enkätplugin. Vi kommer att kombinera 2 kraftfulla plugins i denna handledning.
Hur du ställer in din WordPress Popup Survey Plugin
Det finns några steg att följa för att få din popup-enkät att fungera, så här är en innehållsförteckning som hjälper dig att hitta rätt steg:
- Installera WPForms Plugin
- Skapa ett enkätformulär i WordPress
- Installera plugin-programmet OptinMonster
- Skapa en kampanj på OptinMonster
- Publicera popup-undersökningen på din webbplats
Låt oss börja med att installera plugin nummer 1.
Steg 1: Installera WPForms Plugin
WPForms är den bästa formbyggaren för WordPress. Det låter dig skapa anpassade formulär och undersökningar med en enkel dra och släpp-byggare.
Låt oss börja med att installera WPForms plugin.
Behöver jag en hand? Hoppa till den här nybörjarguiden för att installera ett plugin i WordPress.
När du har aktiverat plugin i WordPress är du redo att skapa ditt kommentarsformulär. Den goda nyheten är att vi kan använda en mall för detta, så det tar bara några minuter.
Steg 2 – Skapa ett undersökningsformulär i WPForms
I det här exemplet kommer vi att skapa en enkel undersökning med 4 fält:
- namn
- E-post
- Stjärnbetyg
- Ett textfält för kommentarer.
Om du vill göra en mer komplicerad undersökning, kolla in dessa frågeformulärmallar och exempel för att lära dig vilka fält du kan använda.
Gå till i din WordPress-instrumentpanel WPFormsKlicka sedan Lägg till ny. Låt oss välja Enkelt kontaktformulär mall.
Att anpassa den här mallen tar bara några minuter.
Låt oss först lägga till stjärnklassningsfältet. Klicka och dra den från den vänstra panelen till den högra panelen och kontrollera den sedan Nödvändig genom att använda kryssrutan i den vänstra panelen:
Du kan använda de avancerade alternativen i stjärnklassificeringsfältet för att ändra ikonerna.
Om du vill anpassa andra fält klickar du helt enkelt på fältet för att ändra inställningarna. Vår handledning om hur du skapar ett enkelt kontaktformulär förklarar detta mer i detalj.
Det sista du behöver göra är att lägga till OptinMonster-konverteringsspårningskoden i formuläret. Klicka på i formulärbyggaren inställningar i den vänstra panelen. Scrolla sedan ned och skriv om-trigger-conversion i rutan Skicka knapp CSS Class.
När du är klar klickar du på Spara för att spara ditt formulär.
Om du vill lägga till mer komplexa enkätfält i ditt formulär, kolla in den här artikeln om hur du skapar ett enkätformulär i WordPress.
Nu när vi har ett kommentarsformulär klart, låt oss gå vidare och installera det andra pluginet.
Steg 3: Installera plugin-programmet OptinMonster
OptinMonster är det bästa popup-pluginet för WordPress. Det kan hjälpa dig att spåra och öka konverteringar och få värdefull feedback från dina besökare. Se alla funktioner i vår OptinMonster-recension.
OptinMonster + WPForms är en kraftfull kombination. Låt oss sätta dem båda i arbete.
Fortsätt och installera OptinMonster WordPress-plugin. Glöm inte att aktivera den.
Om du inte har ett konto, klicka Skaffa OptinMonster nu Registrera. Om du redan har ett OptinMonster-konto, välj Anslut ditt konto för att lägga till din webbplats.
Excellent! Vi har våra WordPress-plugins för popup-undersökningar redo.
Du kan hålla WordPress-instrumentpanelen öppen på en annan flik. Vi måste kolla igen om en sekund. För nu, låt oss byta till OptinMonster.
Steg 4: Skapa en kampanj på OptinMonster
Gå till OptinMonster i ett nytt webbläsarfönster och logga in. Klicka på högst upp på OptinMonster-skärmen Skapa ny kampanj att börja.
Välj i kampanjtyp Framträda.
Nästa sak vi behöver är en kampanjmall. Låt oss välja Duk.
de Duk Mallen låter dig lägga till olika element till din popup som:
- Blanketter
- Html
- css
- JavaScript.
För att lära dig mer om hur du använder canvas popup, läs den här artikeln om unika canvas popups du kan skapa med OptinMonster.
Ok, tillbaka till OptinMonster-guiden.
Du kommer nu att bli ombedd att namnge din popup. Låt oss kalla det Enkät popupoch välj sedan din webbplats.
Vi är redo! Klicka nu börja bygga.
OptinMonster kommer att ladda byggarskärmen. Det är här du kommer att ställa in popup-fönstret och bädda in ditt formulär.
Oroa dig inte om du inte har använt OptinMonster tidigare. Om du fastnar vid något tillfälle, kolla in den här guiden om hur du skapar din första prenumeration.
Låt oss först ändra bilden i popup-fönstret. Klicka bara på den och ladda upp en ny bild eller logotyp. Vi har även ändrat texten här så att det blir meningsfullt för popup-formuläret.
Låt oss nu lägga till formuläret i popup-fönstret.
Vi behöver bara ta tag i vår formulärkortkod först.
Gå tillbaka till WordPress-instrumentpanelen och gå till WPForms » Alla formulär. Du kommer att se en kortkod bredvid formuläret du skapade tidigare.
Kopiera kortkoden.
Tillbaka i OptinMonster, klicka på Lägg till block knappen längst upp i byggaren. Från den vänstra panelen drar du HTML-blocket till mittpanelen.
På vänster sida kan du se paneländringarna för att visa innehållet i HTML-blocket. Klistra bara in kortkoden här.
Därefter kommer vi att berätta för OptinMonster hur man visar popup-fönstret. I det här exemplet vill vi att popup-fönstret ska visa om någon klickar på en länk.
Gå vidare och klicka Visa regler överst i OptinMonster-byggaren.
I den första rullgardinsmenyn klickar du på rullgardinsmenyn där det står tid på sidan. Leta efter Länkklicka sedan på MonsterLink alternativet till höger.
Du kan gå vidare och ta bort de andra reglerna genom att klicka på minusikonen bredvid dem.
Klick Nästa steg och se till Anmäl dig väljs från rullgardinsmenyn.
Klick Nästa steg igen.
Excellent! Nu öppnas din popup när besökaren klickar på den anpassade länken.
Gå vidare och klicka Kopiera MonksterLink-koden. Du behöver det om en minut.
Du är nästan i mål! Allt vi behöver göra nu är att publicera popup-fönstret på din webbplats.
Steg 5 – Publicera popup-undersökningen på din webbplats
Så nu måste vi göra de sista stegen i båda plugins:
- I OptinMonsterkommer vi att publicera popupen
- I WordPresskommer vi att lägga till MonsterLink i popup-fönstret.
Så låt oss börja med att publicera popupen.
Klicka på högst upp på OptinMonster-skärmen Posta.
Kontrollera att rätt webbplats är vald i rullgardinsmenyn och ändra sedan stat för leva.
Förhandsgranskningen av OptinMonster visar inte ditt formulär ännu. Oroa dig inte! Allt kommer att gå ihop i nästa steg.
Återgå nu till din WordPress-instrumentpanel. Klicka på OptinMonster i det vänstra navigeringsfältet och klicka sedan Uppdatera kampanjer.
Puh. Nästan där.
Redigera nu inlägget eller sidan där du vill lägga till din enkätlänk. Lägg till ett anpassat HTML-block på din sida och klistra in koden.
Publicera eller uppdatera sidan nu.
Det är allt! Klicka på länken och kontrollera att allt fungerar.
Hmm, märkte du att vår form verkar lite grundläggande?
Om du inte gillar utseendet på ditt formulär kan du enkelt lägga till CSS för att anpassa det:
html div#om-{{id}} {
font-size: 16px ;
}
html div#om-{{id}} {
color:#000000;
}
.wpforms-field-description, .wpforms-field-label {
margin: 10px 0 !important;
}
html div#om-{{id}} .wpforms-field-row-block.wpforms-first.wpforms-one-half {
margin-right: 10px !important;
}
html div#om-{{id}} input[type=text] {
margin-top: 10px; margin-bottom: 10px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} input[type=label] {
padding: 20px;
}
html div#om-{{id}} input[type=email] {
margin-top: 10px; margin-bottom: 10px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} button[type=submit] {
font-size: 14px; margin: 20px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} .wpforms-submit-container {
text-align: center !important;
}
Lägg bara till detta i det anpassade CSS-verktyget i OptinMonster och uppdatera sedan dina kampanjer i WordPress-instrumentpanelen.
Nu ser formen mycket bättre ut:
Om du vill lära dig fler sätt att utforma WPForms i OptinMonster, kolla in den här guiden för att utforma WPForms i en OptinMonster-popup.
Nästa steg: Arbeta med dina enkätresultat
Det är allt! Du har precis publicerat ett kommentarsformulär på din WordPress-webbplats.
Visste du att WPForms kan skapa vackra diagram från dina enkätresultat? Läs mer i den här artikeln om hur du visar enkätresultat grafiskt. Vi kan också hjälpa dig att skriva en sammanfattning av dina undersökningsresultat.
Och det är! Nu vet du hur du använder ett WordPress-plugin för popup-undersökningar. Kom igång genom att installera det kraftfullaste WordPress-formulärpluginet idag. WPForms har massor av funktioner som du kan använda för att skapa professionella undersökningar för din webbplats.
Om du gillar den här artikeln skulle vi älska att du följer oss på Facebook och Twitter för fler gratis WordPress-tutorials.
