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 conversational forms i WordPress (Typeform-alternativ)

Enligt vår erfarenhet kan användarvänliga formulär som känns mer mänskliga öka din WordPress form completion rates. Men om du använder ett traditionellt kontaktformulär, där alla frågor presenteras kl. ett, kan det göra det svårare att nå detta mål.

Det är här som conversational forms kan vara till stor hjälp.

Conversational forms använder en fråga i taget. Dessa formulär simulerar en naturlig konversation ansikte mot ansikte, vilket gör processen mer interaktiv och mindre överväldigande.

I den här guiden kommer vi att visa dig hur du skapar ett conversational form i WordPress. Vi kommer att täcka allt från att välja rätt plugin för formulär till att customize ditt formulär för att matcha din webbplats stil.

How to Create Conversational Forms in WordPress

Det bästa tillägget för conversational form för WordPress (Typeform-alternativ)

Tidigare var det svårt att skapa conversational forms på en WordPress website eftersom det inte fanns någon bra WordPress-fokuserad lösning.

Flera SaaS-applikationer erbjöd den här funktionen, med Typeform som den mest populära. Det hade dock och har fortfarande flera nackdelar:

  • Typeform är en SAAS (software as a service) tool som lagrar dina formulärdata på sina servrar. Detta innebär att du litar på någon annan för din datasäkerhet.
  • Typeform är dyrt för små företag. Deras premiumpaket börjar på $25/användare/månad, och om du behöver fler funktioner får du betala upp till $83/månad.

Dessutom erbjuder Typeform en gratis plan, men den är för limit. Det är därför vi bad vårt team på WPForms att skapa ett Typeform-alternativ för WordPress.

MedConversational Forms från WPForms kan du skapa interaktiva WordPress formulär utan de höga kostnaderna för Typeform.

Med detta addon kan du omvandla vilket formulär som helst till ett conversational form på mindre än 90 sekunder. Till skillnad från Typeform är WPForms ett open source WordPress plugin, vilket innebär att all din formulärdata lagras på din website, eller ej i någon app från tredje part.

Dessutom är WPForms mer kostnadseffektivt än Typeform. Den årliga planen kostar $ 199,50 och kommer med obegränsade formulär, undersökningar och massor av andra kraftfulla funktioner, inklusive Conversational Forms Addon.

Låt oss ta en titt på hur du enkelt kan skapa en conversational form på din WordPress website.

Upplysning: WPForms är skapat av samma team som ligger bakom WPBeginner. Det är ett av våra premium WordPress tillägg.

Video Tutorial

Subscribe to WPBeginner

Om du föredrar skriftliga instruktioner är det bara att fortsätta läsa.

Skapa conversational forms i WordPress

Det första du behöver göra är att installera och aktivera WPForms plugin.

WPForms är det bästa tillägget för WordPress-formulär och används av över 6 miljoner webbplatser. Det är också den mest användarvänliga formulärbyggaren på marknaden, tack vare dess dra-och-släpp redigerare och ett stort bibliotek med 2000+ formulärmallar.

Note : Du behöver minst planen ”Pro” för att få tillgång till Conversational Forms Addon. Som WPBeginner läsare kan du få 50% rabatt på alla WPForms licenser med vår WPForms coupon.

För detaljerade instruktioner, vänligen se vår Step-by-Step guide om hur man installerar ett WordPress plugin.

Vid aktivering måste du besöka WPForms ” Settings page för att kontrollera din license key. Du hittar den här informationen i ditt account area på WPForms website.

WPForms license key field

Därefter vill du gå till WPForms ” Addons och hitta Conversational Forms addon.

Conversational forms är användbara för att minska antalet övergivna formulär. Interaktiviteten och konversationen ansikte mot ansikte leder till en högre grad av ifyllande av formuläret.

Detta är mycket effektivt i följande typer av formulär:

Dessa formulär är vanligtvis längre och innehåller fler fält. Om du displayed all dessa frågor på en gång kan användarna känna sig överväldigade och överge formuläret.

Conversational forms fixar detta genom att be användarna att svara på en fråga i taget. Istället för ett tråkigt långt formulär känns de mer interaktiva och håller användarna engagerade.

För att installera detta addon kan du gratis utforska sidan ”Addons” för att hitta addonet eller använda sökfältet för att hitta det snabbt. När du har hittat det klickar du helt enkelt på knappen ”Install Addon”.

Install Conversational Forms Addon by WPForms

WPForms kommer sedan att installera och aktivera Conversational Form addon inom några sekunder.

När du ser addonets status som ”Active” kan du börja använda det. Du kan aktivera conversational forms för alla nya eller befintliga formulär som skapats med WPForms.

WPForms Conversational Forms addon active

I det här exemplet visar vi hur du skapar en conversational form för en undersökning.

Låt oss först skapa ett vanligt formulär för undersökning. Du kan göra detta genom att klicka på WPForms ” Add New från din WordPress admin area. Sedan kan du välja en template från de tillgängliga alternativen.

För mer detaljer, se gärna vår Step-by-Step guide om hur du skapar en undersökning i WordPress.

WPForms survey templates

Det är enkelt att skapa ett formulär med WPForms med hjälp av det enkla drag and drop-gränssnittet. You can drag form fields on the left to the form editor on the right side.

Så här gillar ett exempel på WPForms undersökningsformulär:

Editing Survey Form with WPForms

När du har addat dina frågor till undersökningen kan du gå till Settings ” Conversational Forms tabs i den vänstra panelen.

För att aktivera den här funktionen togglar du bara på knappen ”Enable Conversational Form Mode”.

Enable Conversational Form Mode in WPForms

Efter det kommer du att se inställningarna för conversational form och alternativen för customize.

Dessa alternativ allow you to design an attractive conversational form landing page with your custom message, logo, color scheme, and progress bar.

WPForms' Conversational Form customization options

Låt oss nu försöka customize addon.

Högst upp kommer du att se fältet ”Conversational Form Rubrik”. You can enter a short descriptive title for your form there.

Till exempel: ”Vänligen, gör vår undersökning!

WPForms Conversational Form Title

Om du, efter att ha gjort ändringar, vill göra en preview av ditt formulär kan du göra det enkelt.

Klicka bara på den blå knappen ”Preview Conversational Form” till höger om Conversational Forms.

Preview button for Conversational Forms WordPress

Därefter kan du rulla ner till fältet ”Message”.

Här kan du add to ett kort message för att uppmuntra dina användare att completed formuläret.

Conversational Form Landing Page Message

När du rullar ner i Editorn kommer du att se fältet ”permalänk”.

En permalänk är en unik URL för din conversational form landing page. Tillägget skapar den automatiskt för varje conversational form med hjälp av din rubrik. Men känn dig fri att ändra den om du vill.

Conversational Form Page Permalink Option

När du skapar en permalänk ska du se till att den är kort och enkel. Du kanske vill använda den här URL:en i dina email-kampanjer eller posts på social media.

Nästa steg i att customize din conversational form page är att add to en header logga. För att göra det klickar du bara på knappen ”Ladda upp image” och väljer en image att uploada.

Upload Header Image in Conversational Form Landing Page

Under det ser du ett kryssruta alternativ för att dölja WPForms varumärke på din WordPress formulär.

Fortsätt och kontrollera boxen bredvid ”Hide WPForms Branding” om du inte vill visa ett ”powered by WPForms” meddelande på ditt formulär landing page.

Om du vill kan du också förhandsgranska hur varumärket ser ut genom att clicka på den blå knappen ”Preview Conversational Form” högst upp i högra hörnet. Sedan kan du bestämma om du vill inkludera det eller ej.

WPForms Branding in Conversational Form Landing page

Efter det finns det ett ”Färgschema” -alternativ för att customize ditt formulärs ”Submit” -knapp och bakgrund på sidan.

Du kan använda en av de förinställda färgerna eller välja en new färg med hjälp av färgväljaren.

Choose a Color Scheme for Your Conversational Form Page

Slutligen finns det alternativet ”Progress Bar”. You can choose between 2 styles: ’Percentage’ and ’Proportion’.

Om du vill se hur varje progressbarstil ser ut kan du välja stilarna en efter en och göra en preview av formuläret.

Så här kan till exempel en procentuell förloppsindikator gilla att se ut:

Conversational Forms Progress Bar Styles - Percentage

Låt oss nu byta till stilen ”Proportion”.

Så här kan det gilla att se ut i din conversational form:

Conversational Forms Progress Bar Styles - Proportion

När du har konfigurerat alla dina inställningar för conversational form kan du previewa den för att se hur den ser ut på en live site.

Om allt ser bra ut kan du klicka på knappen ”Save” högst upp för att spara dina framsteg.

Save Conversational Form Landing Page Options

Så där ja!

Nu, om du öppnar din conversational form permalink i din webbläsare, kommer du att se den i action.

Så här såg vår page med formuläret conversational form ut:

Conversational Form Landing Page Preview

Nu när din conversational form landing page är klar kan du lägga till länken i din navigation menu i WordPress och använda den i dina e-postkampanjer, uppdateringar på sociala medier eller blogginlägg.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt skapar conversational forms i WordPress. Du kanske också vill kontrollera vår guide om hur man skapar mer interaktiva formulär för att öka konverteringarna och hur man trackar formulärkonverteringar i WordPress.

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

10 kommentarerLämna ett svar

  1. Kathy Rowland

    Saving this helpful info for later! Great step-by-step tutorial.

    • WPBeginner Support

      Thank you, glad you found it helpful :)

      Administratör

  2. Becky Antkowiak, beckyantkowiak.com

    I’m in the very beginning stages of forming a nonprofit; there’s not a free plugin that does this, is there?
    Also, just as an FYI, in another article, I didn’t see a comment option, but it refers to CSS Hero plugin–I couldn’t find that plugin in WP. Not sure if I’m doing something wrong.

  3. Bram

    Looks amazing but does it have logic jumps like typeform?

    • WPBeginner Support

      If you mean conditional logic you can set that up with WPForms but for questions about what is offered by the plugin, you would want to reach out to the plugin’s support :)

      Administratör

  4. Kleber

    I like WPForm, but it doesnt have ”calculator” function, so I cant switch Typeform for it :-(

    • WPBeginner Support

      Thanks for the feedback, that is something WPForms can look to add as a feature in the future.

      Administratör

    • WPBeginner Support

      Thank you :)

      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.