Hur man bygger en produktquiz i WordPress som rekommenderar & konverterar

Din butik kanske har exakt vad en besökare behöver. Men om de inte kan hitta det enkelt, kommer de att lämna utan att köpa.

En produktquiz löser det genom att ställa några korta frågor, ge en skräddarsydd rekommendation och samla deras e-postadress i samma steg. Det är ett av de enklaste sätten att få produktrekommendationer att kännas mer personliga.

Dessutom är quiz interaktiva och roliga att göra, vilket håller användarna engagerade. Istället för att pusha produkter hjälper du kunderna att upptäcka vad som passar dem bäst.

I den här guiden visar jag hur du skapar en produktquiz i WordPress som inte bara rekommenderar rätt produkter för att få fler försäljningar, utan också hjälper till att växa din e-postlista. 📨

Varför skapa en produktquiz i WordPress?

En produktquiz är inte bara ett roligt extra för din webbutik. Det hjälper besökare att snabbt hitta vad de behöver utan att känna sig överväldigade.

Här är varför det fungerar så bra:

• Håller folk engagerade – Quiz är interaktiva, så besökare är mer benägna att stanna kvar och slutföra dem.
• Gör val enklare – Istället för att bläddra bland dussintals produkter får användare några alternativ som faktiskt passar deras behov.
• Ökar försäljningen – Personliga rekommendationer känns mer relevanta, vilket hjälper folk att känna sig trygga med att köpa.
• Samlar leads naturligt – Du kan be om en e-postadress i slutet på ett hjälpsamt, lågtrycksaktigt sätt.
• Förbättrar din marknadsföring – Gruppera användare baserat på deras svar och skicka mer riktade e-postmeddelanden eller SMS senare.
• Avslöjar vad kunderna vill ha – Lär dig viktiga detaljer som budget, mål eller preferenser.

Låt oss till exempel säga att du säljer kaffebönor i din webbutik.

Du kan skapa ett quiz som "Hitta dina perfekta kaffebönor" där resultaten guidar kunderna till alternativ som Mjuk & chokladig, Kraftig espresso eller Fruktiga & lätta blandningar.

Efter att någon har slutfört quizet kan du skicka användbara tips baserat på deras resultat, dela produktlänkar som matchar deras behov och till och med erbjuda en liten kupongkod för att uppmuntra deras första köp.

Senare kan du följa upp med påminnelser om påfyllning när deras produkter kan ta slut, eller föreslå merförsäljning som kaffefilterpapper och andra tillägg som passar deras rutin.

Här är några fler quizidéer för att inspirera dig:

Företagstyp	Quizidé	Efter inskickning
🛍️ Butiker	“Bygg din kapselgarderob”	Visa klädval, länka till plagg och erbjud en stilguide eller rabattkod.
🎓 Onlinekurser	“Vilken kurs ska du gå först?”	Rekommendera en kurs, dela en inlärningsväg och skicka en välkomst-e-postsekvens.
💼 Tjänster	“Vilken plan passar ditt företag?”	Föreslå den bästa planen, inkludera prisdetaljer och erbjud en gratis konsultation.

Sammantaget fungerar en produktquiz som en vänlig guide. Den hjälper besökare att fatta beslut snabbare samtidigt som de tyst försärmre mot ett köp.

Nu ska vi titta på hur man bygger en i WordPress:

Metod 1: WPForms (Enkelt formulärbaserat quiz)

🎖️ Bäst för: Ägare av onlinebutiker som vill ha ett pålitligt sätt att skapa ett produktquiz och bygga riktade e-postlistor med hjälp av den bästa quizbyggaren och e-postmarknadsföringstjänsten.

I den här metoden visar jag hur du bygger ett produktquiz med WPForms. Det är den bästa WordPress-plugin för formulärbyggare, och dess inbyggda Quiz-tillägg gör det enkelt att skapa produktrekommendationsquiz.

Den här pluginen integreras också med populära e-postmarknadsföringstjänster som Constant Contact, vilket gör det enkelt att växa din e-postlista när användare slutför ditt quiz.

På WPBeginner använder vi WPForms för våra kontaktformulär, årliga läsarundersökningar och mer, så vi har sett hur flexibelt det är i verklig användning. Du kan läsa mer i vår fullständiga WPForms-recension.

✅ Vad du behöver

• WPForms Pro (199,50 USD/år) – krävs för villkorliga bekräftelser och quizfunktioner
• En e-postmarknadsföringstjänst – Jag kommer att visa dig hur du gör detta med Constant Contact, men du kan också se vårt val av de bästa e-postmarknadsföringstjänsterna.

Steg 1: Konfigurera ditt Constant Contact-konto

Innan du rör vid WordPress måste du se till att du har en e-postmarknadsföringstjänst redo. Detta sparar dig från att behöva hoppa mellan flikar senare.

Om du inte redan har ett konto, gå till Constant Contacts webbplats och registrera dig. Gratisplanen fungerar bra för att komma igång, och du kan uppgradera senare om du vill ha automatiseringar.

När du är inne, skapa en separat e-postlista för varje quizresultat du planerar.

Som kontext använder Constant Contact listor (inte taggar), så varje resultat behöver sin egen lista. Jag kommer till exempel att skapa en lista för quizdeltagare vars resultat är "Smooth & Chocolatey", "Bold Espresso" och "Fruity & Light".

För att skapa en lista, gå bara till Målgrupp » Listor och segment och klicka på ‘Skapa ny’ i ditt Constant Contact-konto.

Mitt tips är att använda tydliga, beskrivande namn från början eftersom WPForms kommer att använda dessa listor för att automatiskt sortera prenumeranter baserat på deras quizresultat. Att ha dem redo nu låter dig koppla in allt snabbt i nästa steg.

Steg 2: Installera WPForms Pro och Quiz-tillägget

Nu sätter vi upp WPForms i WordPress så att du kan börja skapa ditt produktrekommendationsquiz.

För att skaffa WPForms Pro kan du gå till WPForms webbplats för att registrera dig. Klicka på knappen ‘Get WPForms Now’, välj en plan och slutför köpprocessen.

Vid registrering kan du ladda ner din WPForms .zip-fil och kopiera din licensnyckel.

Gå sedan till Plugins » Add Plugin i din WordPress adminpanel.

Klicka sedan på ‘Upload Plugin’ högst upp.

I filuppladdaren, klicka på ‘Choose File’ för att ladda upp din WPForms .zip-fil som du just laddade ner.

För att slutföra installationen, klicka på ‘Install Now’ och sedan ‘Activate’. Se vår guide om hur man installerar ett WordPress-plugin om du behöver hjälp med den här delen.

Därefter behöver du aktivera din licens för att låsa upp pluginets premiumfunktioner.

Från din WordPress-instrumentpanel, gå till WPForms » Settings, ange din licensnyckel i fältet ‘License Key’ och klicka på ‘Verify Key’.

När WPForms är aktivt behöver du också installera Quiz-tillägget.

Gå till WPForms » Addons, använd sökfältet för att hitta Quiz-tillägget och klicka på knappen ‘Install Addon’.

Det var allt. Du kommer inte att se några stora förändringar än eftersom tillägget bara låser upp quizfunktioner inuti formulärbyggaren, som du kommer att använda i nästa steg.

Steg 3: Bygg produktquizen med WPForms

Nu till den roliga delen: att bygga själva quizet.

Från ditt adminområde, gå till WPForms » Add New för att lägga till ett formulär.

För ett produktquiz kommer jag att visa dig hur du börjar med en tom formulärmall och bygger logiken och rekommendationerna från grunden med hjälp av Quiz-tillägget.

För att komma igång, ange ett namn för ditt formulär högst upp på skärmen, som "Hitta dina perfekta kaffebönor".

Hovra sedan över alternativet "Tomt formulär" och klicka på "Skapa tomt formulär" för att öppna formulärbyggaren.

Härifrån går du till Inställningar » Quiz inuti formulärbyggaren för att aktivera Quizläge.

Detta är vad som gör att WPForms kan spåra poäng och mappa svar till resultat.

Det är en bra idé att spara ditt formulär direkt efter att du har aktiverat Quizläge så att du inte förlorar några framsteg. Du hittar knappen "Spara" i det övre högra hörnet av formulärbyggaren.

Med Quizläge aktiverat kommer WPForms att be dig att välja en quiztyp.

Du kommer att se tre alternativ: Betygsatt quiz, Personlighetsquiz och Viktat quiz. För ett produktrekommendationsquiz som detta, välj "Personlighetsquiz", eftersom det grupperar användare baserat på deras preferenser snarare än poäng.

Därefter kan du lägga till en titel och beskrivning för ditt quiz:

• Titel – Detta visas högst upp i ditt quiz, så håll det tydligt och engagerande. Till exempel: "Hitta dina perfekta kaffebönor". Det är enkelt och talar om för besökarna exakt vad de kommer att få.
• Beskrivning – Valfritt, men hjälpsamt för att sätta förväntningar. Du kan skriva: "Svara på några snabba frågor för att upptäcka kaffebönorna som matchar din smak."

Du vill hålla beskrivningen kort: 1-2 meningar räcker för att väcka intresse utan att sakta ner folk.

Innan du lägger till frågor måste du ställa in de möjliga resultaten som användare kan få i slutet av quizet. Dessa bör matcha e-postlistorna du skapade tidigare i din e-postmarknadsföringstjänst eftersom varje resultat kommer att kopplas till en specifik lista.

För att göra detta, gå till avsnittet "Personlighetstyper" i Quizinställningarna.

För mitt kaffequiz kommer jag att använda:

• Len & Chokladig – för användare som föredrar rika, milda smaker
• Kraftfull Espresso – för användare som gillar starkt, intensivt kaffe
• Fruktig & Lätt – för användare som gillar ljusa, syrliga och komplexa toner

Jag rekommenderar att lägga till 3–5 resultat. Detta håller saker och ting tydliga, gör det lättare att mappa svar och hjälper dig att guida användare mot rätt produkt.

Du kan använda knapparna "–" eller "+" för att ta bort eller lägga till fler resultat vid behov.

När du är klar klickar du på "Spara" så att allt är redo när du börjar lägga till dina quizfrågor.

Nu går vi till fliken "Frågor" i WPForms-byggaren för att lägga till frågorna.

För att lägga till en fråga, dra helt enkelt ett fält från den vänstra panelen in i ditt formulär.

WPForms erbjuder flera format som fungerar bra för produktquiz:

• Flervalsfrågor – bäst för de flesta frågor eftersom användare kan välja ett tydligt svar
• Rullgardinsmeny – användbart om du har längre svarsalternativ
• Kryssrutor — perfekt när användare kan välja flera preferenser

När allt ser bra ut, klicka på ”Spara”.

Dra fältet från panelen till vänster till din quizformulär.

Klicka sedan på det för att lägga till din fråga och svarsalternativ med hjälp av inställningspanelen till vänster.

När dina frågor är på plats kan du koppla varje fråga till ett resultat (personlighetstyp).

Bredvid varje alternativ ser du en rullgardinsmeny där du kan tilldela det till det mest relevanta resultatet.

Till exempel, för min fråga ”Hur brukar du dricka ditt kaffe?”, kan min mappning se ut så här:

• ”Med mjölk eller grädde” → Krämig & Chokladig
• ”Svart, utan socker” → Kraftfull Espresso
• ”Svart men jag gillar ljusare brygder” → Fruktig & Lätt

Det här är det viktigaste steget att granska. Gå igenom varje fråga en gång till för att säkerställa att varje svar är korrekt mappat, eftersom detta säkerställer att användarna får korrekta produktrekommendationer.

Dubbelkolla också att varje svarsalternativ är tilldelat ett resultat. WPForms beräknar utfall baserat på dessa mappningar, så även en enda saknad koppling kan påverka den slutliga rekommendationen.

När allt ser bra ut, klicka på ‘Spara’.

Steg 4: Dela upp din produktquiz som ett flersidigt WPForms-formulär

Därefter organiserar du ditt quiz över flera sidor – förvandlar ditt quiz till ett steg-för-steg-flöde automatiskt, med en ”Nästa”-knapp mellan sidorna.

Börja med att lägga till en sidbrytning för att separera dina quizfrågor från resultatsteget. Dra bara fältet ”Sidbrytning” från den vänstra panelen till förhandsgranskningsområdet.

När det är på plats, klicka på fältet för att anpassa det.

För din produktquiz kan du använda ett meddelande som: ”Nästan klar! Vart ska vi skicka dina resultat?” Att rama in det som ett värdeutbyte — du ger oss din e-postadress, vi ger dig ditt resultat — gör stor skillnad för hur många som faktiskt fullföljer.

Du kommer också att se knappen ”Nästa” här. Du kan byta namn på den om du vill, men standardinställningen fungerar oftast bra som en tydlig övergång.

Om du vill ge användarna mer kontroll kan du aktivera en knapp ”Föregående” så att de kan gå tillbaka och ändra sina svar.

Klicka bara under fältet ”Sidbrytning” och slå på alternativet ”Visa föregående”.

Därefter drar vi ett ”E-post”-fält precis under sidbrytningen.

Klicka på det för att öppna anpassningspanelen.

Härifrån kan du anpassa fältets etikett, om det behövs.

Du bör också se till att aktivera alternativet ”Obligatoriskt” så att användarna måste ange sin e-postadress innan de kan se sina resultat.

För transparensens skull är det en bra idé att inkludera en samtyckesruta.

Du kan göra detta genom att dra in ett fält av typen 'Kryssrutor' under e-postfältet.

Sedan behöver du ta bort alla extra alternativ så att du bara har en enda kryssruta kvar.

Efter det, fortsätt och uppdatera texten för att förklara hur du kommer att använda deras e-post. Till exempel, för att skicka resultat eller tillfälliga uppdateringar via ditt e-postnyhetsbrev, kan du skriva "Jag samtycker till att ta emot mina quizresultat och tillfälliga kaffeuppdateringar via e-post."

Glöm inte att stänga av alternativet 'Inkludera i Quizpoäng' för detta fält. Annars kan det störa dina quizresultat. Se också till att aktivera alternativet 'Obligatoriskt' för denna kryssruta så att användare inte kan fortsätta utan att samtycka.

Om du föredrar ett renare utseende kan du dölja fältetiketten från fliken 'Avancerat' och bara visa samtyckestexten.

Aktivera helt enkelt alternativet 'Dölj etikett'.

Steg 5: Konfigurera produktquizresultat

Nu måste du se till att varje besökare faktiskt ser sitt resultat efter att ha skickat in det. Du gör detta med 'Resultat' — en per produktrekommendation.

I quizbyggaren, byt till fliken 'Resultat'.

WPForms skapar en standardbekräftelse åt dig. Du kommer att använda den som din första resultatbekräftelse och lägga till nya för resten.

Först, låt oss redigera titeln 'Standardresultat' till en av personlighetstyperna.

Sedan behöver du välja en resultattyp. För varje resultat har du två alternativ:

• Visa sida — välj en dedikerad sida du har byggt för det resultatet. Detta ger dig mest flexibilitet eftersom du kan inkludera produktbild och galleri, beskrivningar och en köpknapp.
• Gå till URL — ange en URL, som kan vara inom eller utanför din webbplats.

För den här handledningen, låt oss välja 'Visa sida' och välja den dedikerade resultatsidan från rullgardinsmenyn 'Sida'.

Därefter behöver du lägga till en regel för villkorlig logik till varje bekräftelse så att den bara visas när quizresultatet matchar.

Aktivera alternativet 'Aktivera villkorlig logik' för att öppna konfigurationsinställningarna. Sedan kan du skapa en regel, till exempel, 'Visa detta resultat om Quizpersonlighet är Smooth & Chocolatey.'

När det är klart kan du klicka på knappen 'Lägg till nytt resultat' för dina andra personlighetstyper.

En popup visas för att uppmana dig att ge det nya resultatet ett namn.

Fortsätt och skriv in en av dina personlighetstyper.

Härifrån kan du tilldela en sida och ställa in ett villkor som talar om för WPForms när detta resultat ska visas, precis som du gjorde med det första.

Steg 6: Anslut WPForms till din e-postmarknadsföringstjänst

När formuläret är byggt är det dags att koppla det till din e-posttjänst (som Constant Contact) så att varje quizresultat automatiskt lägger till prenumeranten i rätt lista.

Inne i formulärbyggaren, gå till Marknadsföring » Constant Contact och klicka på ‘Lägg till ny anslutning.

Därefter skapar du en anslutning per quizresultat.

För var och en måste du göra två saker:

• Tilldela den till motsvarande Constant Contact-lista (de du skapade i steg 1)
• Lägg till en villkorsstyrd logik-regel så att anslutningen bara aktiveras när quizresultatet matchar det utfallet

För ett quiz med tre utfall innebär det tre anslutningar totalt:

• Anslutning 1: Quizresultat = “Smooth & Chocolatey” → lägg till i “Smooth & Chocolatey”-listan
• Anslutning 2: Quizresultat = “Bold Espresso” → lägg till i “Bold Espresso”-listan
• Anslutning 3: Quizresultat = “Fruity & Light” → lägg till i “Fruity & Light”-listan

Här är hur konfigurationsinställningarna kan se ut på din skärm:

Det finns också villkorsstyrd logik som du kan ställa in.

Slå på växlingsknappen för att aktivera villkorsstyrd logik, ställ sedan in en villkorsregel, som till exempel “Bearbeta denna anslutning om Kryssrutor är Jag godkänner att ta emot mina quizresultat och tillfälliga kaffeuppdateringar via e-post.”

När någon skickar in formuläret kontrollerar WPForms varje anslutnings villkor och aktiverar endast den som matchar.

Prenumeranten hamnar i rätt lista automatiskt utan manuell sortering från din sida.

Steg 7: Bädda in quizen på din WordPress-webbplats

Ditt quiz är byggt och anslutet – nu ska vi göra det live på din WordPress-webbplats.

WPForms gör det enkelt att lägga till ditt quiz på din webbplats med den inbyggda inbäddningsguiden. För att komma igång, klicka bara på knappen ‘Bädda in’.

Du kommer nu att se en popup som frågar var du vill bädda in ditt quiz. Du kan lägga till det på en befintlig sida eller skapa en ny.

Om du väljer Välj befintlig sida kan du placera quizet på en sida du redan har, som din startsida eller en landningssida.

Om du väljer Skapa ny sida kommer WPForms automatiskt att skapa en ny sida och infoga quizet åt dig i blockredigeraren.

För den här handledningen, välj ‘Skapa ny sida’, eftersom en dedikerad sida hjälper till att hålla besökarna fokuserade på quizet.

Ange sedan ett namn för din produkttest-sida och klicka på ‘Låt oss köra!’

Detta öppnar WordPress blockredigerare med ditt quiz redan på plats.

Härifrån kan du använda panelen ‘Formulärinställningar’ till höger för att visa eller dölja quizets titel och beskrivning. Du hittar också stilinställningar nedan för att hjälpa ditt quiz att matcha din webbplats design.

När formuläret är inbäddat, förhandsgranska sidan för att se till att allt ser rätt ut — frågorna laddas, sidorna stegar igenom korrekt och det slutliga e-postfältet visas där det ska.

Det är också klokt att testa quizet från början till slut innan du publicerar.

Förhandsgranska din sida och skicka ett svar för varje möjligt utfall. Försök att ange en felskrivning, en ogiltig e-postadress eller hoppa över ett obligatoriskt fält för att säkerställa att din formulärvalidering fungerar korrekt.

Kontrollera efter inskickning att rätt bekräftelsemeddelande visas.

Var noga med att testa varje utfall individuellt så att du kan bekräfta att vart och ett visar rätt resultat.

Bekräfta slutligen att prenumeranten läggs till i rätt Constant Contact-lista.

Detta snabba test hjälper dig att upptäcka eventuella problem tidigt och säkerställer att allt fungerar smidigt när din quiz väl är live.

När allt stämmer, klicka på 'Publicera' (eller 'Uppdatera' om du redigerar en befintlig sida).

Nu, om du besöker din sida, kommer du att se din WPForms produktquiz i aktion:

För mer information, se vår guide om hur man bäddar in formulär i WordPress.

Steg 8 (Valfritt): Bygg uppföljande e-postsekvenser i Constant Contact

Din quiz är live och sorterar prenumeranter i rätt listor. Nu ska vi få dessa listor att faktiskt göra något genom att skicka uppföljningsmeddelanden som känns personliga för varje resultat.

I Constant Contact, gå till ‘Kampanjer’ och skapa en ny automatiserad e-postserie.

Härifrån kan du ställa in utlösaren att aktiveras när en ny kontakt ansluter sig till en specifik lista.

Du kommer att bygga en sekvens per quiz-utfall, så tre utfall innebär tre sekvenser. Var och en bör kännas som om den skrevs specifikt för det resultatet.

Här är några idéer om vad du kan inkludera:

• Ett välkomstmeddelande som nämner det specifika quiz-resultatet vid namn
• Produkttips eller användarguider som är relevanta för produktrekommendationen
• En rabattkod eller ett specialerbjudande för att uppmuntra till ett första köp
• Relaterade blogginlägg eller videor kopplade till deras resultat
• En påminnelse om påfyllning om din produkt är något som folk beställer igen

Välj helt enkelt alternativet 'Automatiseringar' i popup-fönstret 'Välj en kampanj' för att börja bygga din sekvens.

När dina sekvenser är live körs hela systemet av sig självt.

Någon tar quizet, får sitt resultat, ansluter sig till rätt lista och börjar omedelbart få uppföljningsmeddelanden som är skräddarsydda för dem – inget manuellt arbete krävs.

För detaljer, se vår guide om hur man ställer in automatiserade droppmeddelanden i WordPress.

Bonusteg: Ta det vidare med Uncanny Automator

Om ditt quiz behöver utlösa åtgärder utöver e-post, kan du utöka allt med Uncanny Automator (199 USD/år för Pro).

Det är ett kraftfullt automationsplugin som kopplar WPForms till dussintals andra verktyg.

Till exempel kan du använda det för att:

• Logga quizresultat till ett Google Sheet
• Skicka en Slack-notifikation till ditt team när någon slutför quizet
• Lägg till prenumeranten i ett WooCommerce kundsegment
• Skapa automatiskt ett WordPress-användarkonto

Om din quiz matar in i ett större system, gör Uncanny Automator det enkelt att koppla ihop alla delar utan att skriva någon kod. Du skulle ställa in utlösaren till "WPForms-formulär skickat med ett specifikt värde i ett specifikt fält", och sedan kedja ihop de åtgärder du behöver.

Se vår detaljerade Uncanny Automator-recension för fler insikter.

Metod 2: Thrive Quiz Builder (Interaktiv quiz med förgreningslogik)

🎖️ Bäst för: Ägare av onlinebutiker som vill ha en mer interaktiv, quiz-fokuserad upplevelse med inbyggda trattar, allt i ett plugin.

I den här metoden visar jag hur du använder Thrive Quiz Builder för att skapa en produktquiz från grunden. Det är ett kraftfullt plugin med funktioner som förgreningslogik, personliga resultat och en inbyggd opt-in-port, som låter dig samla e-postadresser innan du visar resultaten.

Det erbjuder också en mer polerad quizupplevelse direkt ur lådan. Du kan till exempel enkelt använda funktioner som bildbaserade svar, framstegsfält och en fråga per skärm-layout.

✅ Vad du behöver

• Thrive Quiz Builder fristående (99 USD/år) eller Thrive Suite (299 USD/år) — Sviten inkluderar hela Thrive Themes verktygslåda om du vill ha tillgång till deras andra plugins också.

Steg 1: Installera Thrive Quiz Builder på din WordPress-webbplats

Thrive Quiz Builder är ett premium-plugin och en del av Thrive Themes Suite, som är en samling verktyg utformade för att hjälpa dig att bygga högkonverterande webbplatser.

För att komma igång behöver du först ett konto på Thrive Themes webbplats. Klicka på knappen 'Start Now' och följ instruktionerna på skärmen för att slutföra registreringsprocessen.

När du har registrerat dig kommer du till din egen Thrive Themes-instrumentpanel.

Härifrån kan du ladda ner Thrive Product Manager-pluginet.

Därefter måste du ladda upp det till din WordPress-webbplats.

Navigera till Plugins » Lägg till Plugin i din WordPress admin-instrumentpanel.

Klicka sedan på 'Ladda upp plugin' högst upp, välj Thrive Product Manager .zip-filen och klicka på 'Installera nu'.

Glöm inte att klicka på knappen 'Aktivera' när den visas.

Se vår nybörjarguide om hur man installerar ett WordPress-plugin om du behöver hjälp med detta.

Efter aktivering, gå till den nya fliken 'Product Manager' i din WordPress-instrumentpanel. Detta fungerar som ett centralt nav där du enkelt kan hantera och installera alla dina Thrive Themes-verktyg.

Klicka på 'Logga in på mitt konto' och ange dina Thrive Themes-uppgifter.

När du är ansluten, leta efter Thrive Quiz Builder och markera rutan 'Installera produkt'.

När det är gjort, klicka på 'Installera valda produkter'.

När installationen är klar ser du ett meddelande 'Redo att använda'.

Klicka på 'Gå till Thrive Themes Dashboard' för nu.

Steg 2: Konfigurera en ny produktquiz

På nästa skärm ser du att du framgångsrikt har aktiverat Thrive Quiz Builder.

Fortsätt och klicka på knappen 'Quiz Builder Dashboard' för att öppna byggaren.

När byggaren öppnas kan du klicka på 'Lägg till ny' för att skapa din första quiz.

Till exempel, för mitt quiz om hudvårdsrutiner, guidar resultaten användarna till alternativ som:

Eftersom vi bygger en personlighets- eller resultatstil, mappar varje svar till en kategori snarare än att summeras till en poäng. Att börja från grunden är precis vad du behöver för ett quiz för produktrekommendationer.

I nästa popup kommer Thrive Quiz Builder att be dig namnge ditt quiz.

Se till att ge det ett tydligt namn. Om du till exempel driver en hudvårdsbutik kan du använda namnet “Hitta din perfekta hudvårdsrutin”.

Efter det måste du välja quizutvärderingstyp:

• Antal – Lägger ihop poäng för att ge användarna en slutlig numerisk poäng.
• Procent – Ger användarna en poäng baserad på procentandelen korrekta svar.
• Kategori – Sorterar användare i olika personlighetstyper eller produktkategorier baserat på deras svar.
• Rätt/Fel – Framhäver korrekta och inkorrekta svar omedelbart efter att en användare har valt ett alternativ.
• Undersökning – Samlar in svar utan att tilldela poäng, poäng eller rätt/fel-feedback.

För ett produktquiz, låt oss välja ‘Kategori’. Denna utvärderingstyp låter dig mappa specifika svar till specifika produktrekommendationer.

Nu kan du lägga till dina resultat genom att skriva in vart och ett i fältet ‘Lägg till en ny kategori’ och trycka på ‘Enter’.

Till exempel, för mitt hudvårdsrutin-quiz leder resultaten användare till alternativ som:

• Ett startpaket för återfuktning
• Ett set för aknebehandling
• Viktiga produkter mot åldrande

Sedan kan du lämna feedbackalternativet inställt på ‘Visa ingen feedback’ och klicka på ‘Spara’.

Detta omdirigerar dig tillbaka till Thrive Quiz Builder-instrumentpanelen.

Klicka sedan på ‘Välj en quizstil’ för att ställa in utseendet och känslan på ditt quiz.

Thrive Quiz Builder kommer med en rad färdiga mallar som hjälper dig att skapa ett visuellt tilltalande quiz.

Du kan välja en design som matchar ditt varumärke och klicka på ‘Välj stil’.

Steg 3: Lägg till dina produktquizfrågor

Nu är det dags att bygga ditt quiz.

Du kan börja med 3–5 enkla flervalsfrågor. Detta håller quizet snabbt och engagerande, så att fler personer slutför det och når dina produktrekommendationer.

För att börja, klicka på knappen ‘Hantera’ i Frågeavsnittet.

Detta öppnar quizhanteraren.

Härifrån kan du klicka på knappen ‘Lägg till fråga’.

Lägg nu till din första fråga i fältet ‘Frågetext’ och det första alternativet i fältet ‘Svar’. För att lägga till fler alternativ, klicka bara på ‘Nytt svar’ längst ner i popup-fönstret.

För varje svarsalternativ, se till att tilldela det till en av dina kategorier. Detta säkerställer att användarna matchas med rätt resultat baserat på deras svar.

Upprepa helt enkelt denna process för att lägga till resten av dina frågor.

När du har lagt till alla dina frågor, koppla ihop dem i frågehanteraren genom att klicka och dra från en fråga till nästa.

Det här steget är viktigt eftersom det definierar flödet i ditt quiz. Utan dessa kopplingar kommer användarna inte att gå från en fråga till en annan, och ditt quiz kommer inte att fungera som förväntat.

Du kan också använda grenlogik för att guida quizdeltagare längs olika vägar baserat på deras svar. Detta låter dig visa uppföljningsfrågor som hjälper till att förfina deras resultat.

För att ställa in detta, klicka på knappen ‘Lägg till fråga’ i quizhanteraren för att lägga till en uppföljningsfråga. När den är tillagd, glöm inte att mappa den till lämplig kategori.

Efter det, koppla ihop punkterna under varje svar med nästa fråga du vill att användarna ska se. Se också till att dina uppföljningsfrågor också är kopplade till nästa steg i ditt quiz.

Här är hur jag grenade mitt quiz:

När allt ser bra ut, klicka på ‘Spara och avsluta’.

Steg 4: Konfigurera opt-in-porten

Opt-in-grinden är det som gör Thrive Quiz Builder speciellt för listbyggande.

En opt-in-grind konverterar vanligtvis mycket bra. Eftersom besökare redan har investerat tid i att svara på frågor, är de nyfikna på att se sina resultat, vilket gör dem mer benägna att ange sin e-postadress.

För att slå på det, klicka på ‘+ Opt-in-grind’ i sektionen Quizstruktur.

När det är aktiverat infogar Thrive automatiskt ett steg för e-postinsamling i quizflödet direkt efter den sista frågan och precis före resultatsidan.

Du kan klicka på ‘Hantera’ för att öppna dess anpassningsalternativ.

På nästa skärm ser du en förgjord opt-in-grind.

Fortsätt och klicka på standardnamnet för att redigera det.

När det är gjort, klicka på pennikonen för att öppna redigeraren och börja anpassa ditt opt-in-formulär.

Här är var du kan hitta den:

I opt-in-grindredigeraren kan du:

• Lägga till element – som bilder, CTA-knappar, social delning, WooCommerce-block och mer.
• Ändra mallen – välj bland tillgängliga mallar baserat på den stil du valde.
• Konfigurera inställningar – som att lägga till anpassad CSS och HTML.

Var försiktig så att du inte behåller platshållartexten. Du kan klicka på textelementet för att redigera det.

I den här redigeraren kan du också lägga till en koppling för en e-postnyhetsbrevsinställning.

För att göra detta kan du klicka på e-postinsamlingsblocket för att öppna konfigurationspanelen till vänster och klicka på ‘Lägg till koppling’. Sedan måste du välja din e-postmarknadsföringstjänst och följa anvisningarna för att ansluta ditt konto.

Om du inte använder en e-postmarknadsföringstjänst, som ActiveCampaign eller SendGrid, har du två anslutningsalternativ att välja mellan:

• E-post – Detta skickar helt enkelt ett meddelande till din WordPress-administratörs e-postadress när någon har slutfört quizet.
• WordPress-konto – Detta registrerar automatiskt ett WordPress-användarkonto för personen som gör quizet och sparar deras uppgifter direkt i din webbplats databas.

För den här handledningen väljer vi 'WordPress-konto'.

Därefter kan du tilldela en användarroll, som Prenumerant. Detta gör att du säkert kan lagra deras kontaktinformation utan att ge dem administratörsåtkomst till din webbplats.

Glöm inte att klicka på knappen 'Verkställ' för att slutföra konfigurationen.

När du utforskar den här panelen hittar du ett alternativ för 'Spamskydd'. Att aktivera detta låter dig skydda din e-postlista från falska registreringar och botinlämningar.

Den goda nyheten är att Thrive har sitt inbyggda spamskydd, så du behöver inget separat konto för det. Klicka på det för att välja det.

Om allt ser bra ut för dig, klicka på knappen 'Spara arbete' längst ner till vänster, så att du inte förlorar dina framsteg.

Steg 5: Konfigurera quizens resultatsida

Nu när dina frågor och opt-in-grind är inställda är det dags att skicka användare till rätt resultatsida.

I quizstrukturen, välj alternativet 'URL-omdirigering' för resultatsidan.

Detta låter dig dirigera quizdeltagare till en specifik sida baserat på deras resultat – som en produkt- eller försäljningssida.

Du kommer då att se en skärm där du kan tilldela en URL till varje quizresultat:

• Om dina sidor finns på din WordPress-webbplats, välj 'Omdirigera till innehåll på webbplatsen' och sök efter sidan du vill använda.
• Om dina sidor finns någon annanstans, klistra bara in hela URL:en för var och en.

Se till att varje kategori har en motsvarande sida inställd så att alla användare omdirigeras korrekt. Här är vad du ser på din skärm:

Thrive Quiz Builder sparar automatiskt dina uppdateringar, så du kan säkert gå tillbaka till föregående sida.

Steg 5 (Alternativ): Skapa en resultatsida med en social delningsbricka

Du kan också skapa ett socialt delningsmärke för att uppmuntra användare att dela sina resultat. Detta lägger till ett interaktivt element på din resultatsida och kan hjälpa till att driva mer trafik till ditt quiz.

För att bygga ett, klicka på rutan 'Skapa ett socialt delningsmärke'.

I popup-fönstret, välj en mall för att komma igång.

Du kommer att kunna anpassa den helt, så välj bara en som ligger nära det du behöver.

Detta öppnar Thrive Visual Editor igen.

Här kan du klicka för att redigera alla element. Du kan till exempel redigera platshållartexten och bakgrunden för att matcha ditt quiz.

För kategorifrågesporter, se till att använda den dynamiska taggen [tqb_quiz_result].

En dynamisk tagg hämtar automatiskt varje användares frågesportsresultat, så att rätt utfall visas i märket utan att du behöver ställa in det manuellt.

När du är klar, klicka på ‘Spara & Avsluta’ för att slutföra.

Detta tar dig tillbaka till Thrive Quiz Builder-instrumentpanelen.

Härifrån behöver du lägga till ditt sociala delningsmärke på din resultatsida. Klicka på ‘Resultatsida’ i rullgardinsmenyn.

På nästa skärm kan du ge din resultatsida ett namn.

Klicka på standardnamnet för att uppdatera det.

Därefter är det dags att anpassa din resultatsida.

Klicka på pennikonen för att öppna redigeraren.

Detta tar dig tillbaka till Thrive Visual Editor.

För att tillämpa ditt sociala delningsmärke, klicka på ‘Ändra mall.’

I popup-fönstret som visas, välj alternativet ‘Resultat Social.’

Detta låter Thrive hämta ditt anpassade sociala delningsmärke.

I förhandsgranskningen kan du se ditt sociala delningsmärke inbäddat på resultatsidan.

Härifrån kan du justera hur det ser ut.

Du kanske till exempel vill ändra texten eller flytta runt sociala ikoner. Klicka helt enkelt på elementen för att redigera dem, så hittar du anpassningsalternativen i panelen till vänster.

När du är klar, klicka på ‘Spara arbete.’

Steg 6: Skapa en startsida för din produktquiz

För att göra ditt quiz mer engagerande kan du också lägga till en startsida.

En startsida är den första skärmen användare ser innan quizet börjar. Den introducerar ditt quiz och uppmuntrar folk att delta, istället för att släppa dem rakt in i den första frågan.

För att ställa in detta, gå tillbaka till din Quizstruktur och välj alternativet ‘+ Startsida.’

Detta lägger till ett nytt flöde före quizet i din Quizstruktursektion.

Låt oss klicka på ‘Hantera.’

På nästa skärm kan du ge din startsida ett namn.

Klicka på standardnamnet för att redigera det.

Därefter är det dags att anpassa din startsida.

Klicka på pennikonen för att öppna redigeraren.

Detta tar dig till Thrive Visual Editor.

Härifrån kan du lägga till text, bilder eller till och med en video, tillsammans med en stark uppmaning till handling för att uppmuntra användare att starta quizet.

För att till exempel lägga till en bakgrundsbild, expandera alternativet ‘Bakgrund’, klicka på bildikonen, välj din fil och klicka på ‘Verkställ.’

Uppdatera sedan platshållartexten så att den matchar ditt quiz.

Du kan också byta typsnitt, lägga till lite stil eller markera viktig text så att den framträder bättre mot bakgrunden.

Här är vad jag fick för min första testkörning:

Steg 7: Bädda in quizen på din WordPress-webbplats

Nu är det dags att göra ditt quiz live på din webbplats.

För att bädda in ditt quiz måste du kopiera dess kortkod och lägga till den på en sida med hjälp av Kortkodsblocket i WordPress-redigeraren.

Kopiera helt enkelt kortkoden från din Thrive Quiz Builder-instrumentpanel.

Skapa sedan en ny sida i WordPress (eller öppna en befintlig där du vill att quizet ska visas).

I blockredigeraren klickar du på ”+”-knappen för att lägga till ett ”Kortkod”-block.

Klistra sedan in din quiz-kortkod i blocket.

När quizet är inbäddat, förhandsgranska sidan för att säkerställa att allt fungerar som förväntat.

I förhandsgranskningsfliken kan du fylla i ditt formulär som en quizdeltagare skulle göra.

Kontrollera att dina frågor laddas korrekt och att opt-in-porten visas vid rätt steg. Du kanske också vill försöka ange en felskrivning i ditt e-postinsamlingsformulär för att se om valideringen fungerar.

När du klickar på skicka, bekräfta att ”URL-omdirigering” visar rätt resultat.

Här är vad jag fick för min första testkörning:

Och om du har ”Resultatsida” aktiverad för din omdirigering, kontrollera även det.

Här är vad du kan se på din skärm:

Förutom det, kontrollera om kontakter tilldelas rollen ”Prenumerant” i dina användarlistor.

Gå till Användare » Alla användare i ditt WordPress-adminområde för att bekräfta att de lades till i din databas.

Om du någonsin märker spam eller botinlämningar som slinker igenom, kan du enkelt ta bort dem genom att föra muspekaren över deras användarnamn och klicka på ”Ta bort”.

När allt ser bra ut klickar du på knappen ”Publicera”.

Nu kan du kontrollera din webbplats för att se hur den ser ut i praktiken:

Och det var allt – du har framgångsrikt skapat och bäddat in ett produktquiz med Thrive Quiz Builder.

Vanliga frågor om hur man bygger en produktquiz i WordPress

Har du fortfarande några frågor? Här är några snabba svar som hjälper dig att komma igång:

Behöver jag kodningskunskaper för att ställa in ett produktquiz i WordPress?

Nej. Verktyg som WPForms och Thrive Quiz Builder är nybörjarvänliga och fungerar med visuella byggare, så du behöver ingen kod alls.

Vilken metod är bättre för en WooCommerce-butik – WPForms eller Thrive Quiz Builder?

Det beror på dina behov. WPForms är utmärkt om du vill ha ett enkelt quiz som också samlar in leads och fungerar som ett formulär. Thrive Quiz Builder är bättre om du vill ha mer avancerade quiz-flöden och detaljerad förgreningslogik.

Kan jag bädda in quizet på vilken WordPress-sida som helst?

Ja. Du kan lägga till ditt quiz på vilken sida eller inlägg som helst med hjälp av blockredigeraren, eller skapa en dedikerad sida för det.

Kan jag använda en annan e-postmarknadsföringstjänst istället för Constant Contact?

Ja. Om du planerar att använda WPForms, så är de goda nyheterna att det stöder alla populära e-postmarknadsföringsverktyg, så du kan ansluta tjänster som Brevo eller andra istället.

Hur många quizresultat kan jag skapa?

Det finns ingen strikt gräns, men 3–5 resultat brukar fungera bäst. Det håller ditt quiz enkelt och gör att resultaten känns mer exakta.

Fler guider för att använda quiz i WordPress.

Jag hoppas att den här guiden har hjälpt dig att skapa ett produktquiz i WordPress.

Härnäst kanske du vill se våra andra hjälpsamma guider om:

• Bästa Quiz Plugins för WordPress
• Hur man enkelt skapar en quiz i WordPress
• Hur man skapar en webbplats för onlinequiz (steg-för-steg)
• Hur man förbättrar användarupplevelsen i WordPress
• Hur man spårar användarresan på WordPress-formulär för leads

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.