Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB-cupen
30 miljoner+
Webbplatser som använder våra plugins
20+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man skapar konversationsformulär i WordPress

Långa, skrämmande formulär kan få besökare att ge upp innan de ens börjat. Istället för att be besökare att fylla i en lång lista med fält, dela upp formuläret i en enkel fråga i taget.

Det är idén bakom konversationsformulär. De förvandlar ett traditionellt formulär till en mer interaktiv, steg-för-steg-upplevelse som känns enklare och mer naturlig att slutföra.

I den här guiden visar vi hur du skapar konversationsformulär på din WordPress-webbplats

Hur man skapar konversationsformulär i WordPress

Vad är ett konversationsformulär & hur bygger man det?

Ett konversationsformulär visar besökare en fråga i taget istället för att lägga alla fält på en sida. Det har också en egen dedikerad URL, så du kan dela formuläret direkt utan att bädda in det på en annan sida.

För att bygga ett konversationsformulär rekommenderar vi att använda ett WordPress-formulärplugin framför en hostad formulärlösning, som Typeform, av några skäl.

  • Obegränsad fakturering. Du betalar ett fast pris istället för att debiteras baserat på antalet svar som dina formulär får.
  • Dina data stannar på din egen server. Inlägg lagras på din WordPress-värd istället för på en tredjepartsformulärlösning.
  • Obegränsade formulär. Du kan skapa så många formulär du vill utan rädsla för kontobegränsningar.

Skapa konversationsformulär i WordPress

Det enklaste sättet att skapa konversationsformulär i WordPress är med WPForms. Vi använder det på WPBeginner för att skapa alla typer av formulär, inklusive enkla kontaktformulär, leadgenereringsformulär och mer.

Här är hur ett färdigt konversationsformulär ser ut i praktiken:

Ett live konversationsformulär i WordPress

Om du vill lära dig mer om pluginet kan du läsa vår WPForms-recension.

Installera och aktivera först WPForms-pluginet. Du behöver 'Pro'-planen för att komma åt Conversational Forms Addon.

För detaljerade instruktioner, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering måste du besöka sidan WPForms » Inställningar för att verifiera din licensnyckel. Du hittar denna information i ditt kontoområde på WPForms webbplats.

Aktiverar WPForms licensnyckel
Installera tillägget för konversationsformulär

Därefter vill du gå till WPForms » Addons och hitta tillägget Conversational Forms.

Leta efter tillägget 'Conversational Forms' på sidan Addons och klicka på knappen 'Install Addon' och aktivera det sedan.

Installerar WPForms Conversational Forms-tillägg

Du kommer nu att se tilläggets status som 'Aktiverad'.

Skapa konversationsformuläret

För den här handledningen skapar vi ett enkätformulär som vårt exempel. Enkäter passar bra för det konversationsbaserade formatet eftersom de ofta innehåller flera frågor som besökare behöver svara på.

Gå till WPForms » Lägg till nytt formulär i ditt WordPress adminområde. Sedan kan du namnge ditt formulär och välja en mall från de tillgängliga alternativen.

Lägger till ett nytt användarenkätformulär med WPForms

Alternativt kan du hoppa över mallen för enkätformulär och beskriva formuläret du behöver med vanlig text, och WPForms AI kommer att skapa fälten åt dig.

För att komma igång med WPForms AI, klicka på mallen ‘Generera med AI’. Om du inte redan har aktiverat tillägget ‘WPForms AI’ kommer det att uppmana dig att aktivera tillägget.

Detta leder dig till sidan för formulärgenerering med WPForms AI. På den här sidan kan du beskriva ditt formulär med vanlig engelska och AI kommer att skapa formuläret åt dig automatiskt.

WPForms AI-formulär i aktion

När formuläret finns kan du fortsätta att förfina det inuti byggaren, be den att lägga till ett fält, ändra ordning på frågor eller ändra formuleringen. Oavsett vilken väg du tar kan du finjustera formuläret manuellt med WPForms dra-och-släpp-gränssnitt. Dra helt enkelt fält från den vänstra panelen in i formulärredigeraren till höger.

Här är hur ett exempel på ett WPForms-undersökningsformulär ser ut:

Enkätformulär i WPForms-redigeraren

För mer information, se gärna vår steg-för-steg-guide om hur man skapar en undersökning i WordPress.

Aktivera konversationellt formulärläge

När du har lagt till dina enkätfrågor, gå till fliken Inställningar » Konversationsformulär i den vänstra panelen och slå på ‘Aktivera konversationsformulärläge’.

Aktiverar konversationsformulärläge i WPForms

När du aktiverar konversationsläge ser du några inställningar för att anpassa formuläret, inklusive dess titel, välkomstmeddelande och permalänk.

  • Titel för konversationsformulär. Ge ditt formulär en kort, beskrivande titel, till exempel “Snälla, svara på vår enkät!”
  • Meddelande. Lägg till ett kort meddelande som uppmuntrar besökare att slutföra formuläret.
  • Permalänk. Detta är den unika URL:en för din fristående formulärsida. WPForms skapar en automatiskt baserat på din titel, men du kan redigera den som du vill.
Lägger till och anpassar detaljerna för konversationsformuläret

Du kan förhandsgranska dina ändringar när som helst genom att klicka på den blå knappen ‘Förhandsgranska konversationsformulär’.

Ändra designen på det konversationella formuläret

Nedanför fälten för titel, meddelande och permalänk hittar du ytterligare fyra alternativ för att anpassa hur formulärets landningssida ser ut:

  • Logotyp i sidhuvudet. Klicka på ‘Ladda upp bild’ för att lägga till din logotyp.
  • Dölj WPForms-varumärke. Markera den här rutan om du inte vill att meddelandet “Drivs av WPForms” ska visas på landningssidan.
  • Färgtema. Välj färg för knappen ‘Skicka’ och sidbakgrunden. Du kan välja mellan ett fördefinierat färgtema eller använda färgväljaren för att välja dina egna färger.
  • Förloppsindikator. Välj mellan stilarna ‘Procent’ och ‘Andel’. Procent visar användarens framsteg som en procentandel, medan Andel visar antalet slutförda frågor av det totala antalet, till exempel “3 av 8”.
Justerar konversationsformulärets utseende och känsla
Publicera konversationsformuläret

När du har sparat dina inställningar, kom ihåg att ditt konversationsformulär lever på sin egen sida snarare än inuti en befintlig sida på din webbplats. Det har sin egen permalänk, så du måste dela länken eller lägga till den någonstans där besökare kan hitta den.

Du kan lägga till länken i din navigeringsmeny, ett relevant inlägg eller en sida, eller dela den direkt i ditt e-postnyhetsbrev.

Här är hur en färdig konversationsformulärsida ser ut när den är live:

Ett live konversationsformulär i WordPress

Videoguide: Skapa konversationsformulär i WordPress

Om du hellre vill titta på videoinstruktioner, här är videon

Prenumerera på WPBeginner

Vanliga frågor om konversationsformulär

Här är några vanliga frågor om att bygga konversationsformulär i WordPress.

Vilka typer av formulär fungerar bra som konversationsformulär?

Konversationsformulär kan vara användbara för enkäter, evenemangsregistreringar, användarregistreringar, leadgenereringsformulär, feedbackformulär och andra formulär som innehåller flera frågor.

Hur ser jag till att formulärets e-postmeddelanden når min inkorg?

Som standard skickar WPForms notifierings-e-postmeddelanden med hjälp av din webbvärds standard PHP mail()-funktion, vilket kan leda till att e-postmeddelanden inte skickas alls. Vi rekommenderar WP Mail SMTP, som dirigerar dina notifieringar via en autentiserad SMTP-leverantör. Se vår guide om hur du åtgärdar problemet med att WordPress inte skickar e-post för mer information.

Är konversationsformulär bättre än traditionella formulär?

Det beror på typen av formulär. Konversationsformulär kan fungera särskilt bra för längre formulär med flera frågor, medan traditionella formulär kan vara bättre för korta formulär som bara kräver några få fält.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt skapar konversationsformulär i WordPress. Du kanske också vill kolla in våra bästa WordPress-kontaktformulärplugins och hur du stylar ett WordPress-formulär.

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

Avslöjande: Vårt innehåll stöds av läsarna. Det betyder 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 redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

10 kommentarerLämna ett svar

  1. Jag är i de allra första stadierna av att bilda en ideell organisation; det finns ingen gratis plugin som gör detta, eller hur?
    Även, bara som en FYI, i en annan artikel såg jag ingen kommentarsmöjlighet, men den hänvisar till CSS Hero plugin – jag kunde inte hitta den pluginen i WP. Inte säker på om jag gör något fel.

    • Om du menar villkorlig logik kan du ställa in det med WPForms men för frågor om vad som erbjuds av pluginet vill du kontakta pluginets support :)

      Admin

  2. Jag gillar WPForm, men den har inte "kalkylator"-funktionen, så jag kan inte byta ut Typeform mot den :-(

    • Tack för feedbacken, det är något WPForms kan titta på att lägga till som en funktion i framtiden.

      Admin

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år kommentarpolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.