Your retailer would possibly have precisely what a customer wishes. But when they may be able to’t in finding it simply, then they’ll depart with out purchasing.

A product quiz fixes that by way of asking a couple of quick questions, returning a adapted advice, and shooting their e-mail cope with in the similar step. It’s one of the vital absolute best tactics to make product suggestions really feel extra non-public.

Plus, quizzes are interactive and amusing to take, which helps to keep customers engaged. Reasonably than pushing merchandise, you’re serving to shoppers uncover what suits them best possible.

On this information, I’ll display you learn how to create a product quiz in WordPress that no longer handiest recommends the best merchandise to get extra gross sales but additionally is helping develop your e-mail checklist. 📨

How to Build a Product Quiz in WordPress That Recommends & Converts

🧑‍💻 Fast Resolution: Tips on how to Construct a Product Quiz in WordPress

  • Manner 1: The use of WPForms – Permit Quiz Mode, use the conditional good judgment to direct customers to express product final results pages, and connect with e-mail services and products like Consistent Touch to ship computerized follow-ups.
  • Manner 2: The use of Thrive Quiz Builder – Use complicated, integrated options like customized splash pages, product class sorting, and lead-generating opt-in gates to seize e-mail addresses appropriate ahead of revealing customers’ effects.

Why Create a Product Quiz in WordPress?

A product quiz isn’t only a amusing additional on your on-line retailer. It is helping guests temporarily in finding what they want with out feeling crushed.

Right here’s why it really works so neatly:

  • Helps to keep other folks engaged – Quizzes are interactive, so guests are much more likely to stay round and whole them.
  • Makes possible choices more straightforward – As an alternative of surfing dozens of goods, customers get a couple of choices that if truth be told have compatibility their wishes.
  • Boosts gross sales – Customized suggestions really feel extra related, which is helping other folks really feel assured about purchasing.
  • Captures leads naturally – You’ll be able to ask for an e-mail on the result in a useful, low-pressure approach.
  • Improves your advertising and marketing – Staff customers according to their solutions and ship extra centered emails or SMS later.
  • Finds what shoppers need – Be told key main points like funds, targets, or personal tastes.

As an example, let’s say you promote espresso beans for your on-line retailer.

It’s good to create a quiz like “To find Your Absolute best Espresso Beans” the place the effects information shoppers to choices like Easy & Chocolatey, Daring Coffee, or Fruity & Mild blends.

After somebody finishes the quiz, you’ll ship useful guidelines according to their outcome, proportion product hyperlinks that fit their wishes, or even be offering a small coupon code to inspire their first acquire.

Checking outcomes

Then later, you’ll keep on with up with fill up reminders when their merchandise would possibly run out, or recommend upsells like espresso clear out paper and different add-ons that have compatibility their regimen.

Listed here are a couple of extra quiz concepts to get you impressed:

Trade Sort Quiz Thought Put up Submission
🛍️ Boutiques “Construct Your Tablet Cloth wardrobe” Display outfit choices, hyperlink to pieces, and be offering a mode information or bargain code.
🎓 On-line Lessons “Which Direction Must You Take First?” Counsel a direction, proportion a studying trail, and ship a welcome e-mail series.
💼 Products and services “Which Plan Suits Your Trade?” Counsel the most efficient plan, come with pricing main points, and be offering a unfastened session.

Total, a product quiz acts like a pleasant information. It is helping guests make choices quicker whilst quietly transferring them nearer to a purchase order.

Now, let’s take a look at learn how to construct one in WordPress:

🛑 Prerequisite: Quiz End result Pages

End result / effects pages are customized touchdown pages in your site the place customers are despatched after completing the quiz.

They’re extremely necessary as a result of they display the overall personalised product advice and information customers towards making a purchase order in an instant.

So, ahead of you get started with one of the vital strategies on this instructional, you’ll want to design your final results pages.

Design Your Effects Pages

Right here’s a easy rule of thumb: you’ll want one effects web page for every quiz final results. So in case your quiz has 3 conceivable effects, then you definitely’ll create 3 separate pages.

The method is easy—it’s identical to growing a brand new web page in WordPress.

Head over to Pages » Upload New Web page and provides it a reputation that fits the end result, like “Easy & Chocolatey Effects.”

Every effects web page will have to come with:

  • A headline that confirms the end result.
  • A brief description — two or 3 sentences explaining why it fits the quiz taker’s solutions.
  • A CTA button linking immediately to the product web page so they may be able to purchase or be informed extra in a single click on.

You’ll need to stay every effects web page excited by a unmarried advice. The customer simply instructed you precisely what they’re on the lookout for via their solutions, so that is your likelihood to fulfill that want obviously, with out distractions.

For more info, see our information on learn how to create a touchdown web page in WordPress.

Manner 1: WPForms (Easy Shape-Primarily based Quiz)

🎖️ Absolute best for: On-line retailer house owners who need a dependable option to create a product quiz and construct centered e-mail lists the usage of the most efficient quiz builder and e-mail advertising and marketing carrier.

On this manner, I’ll display you learn how to construct a product quiz the usage of WPForms. It’s the best possible WordPress shape builder plugin, and its integrated Quiz addon makes growing product advice quizzes easy.

This plugin additionally integrates with fashionable e-mail advertising and marketing services and products like Consistent Touch, making it simple to develop your e-mail checklist as customers whole your quiz.

At WPBeginner, we use WPForms for our touch bureaucracy, annual reader surveys, and extra, so we’ve observed how versatile it’s in actual use. You’ll be able to be informed extra in our complete WPForms overview.

What You’ll Want

📌 Necessary: Consistent Touch’s unfastened plan doesn’t come with e-mail automation. You’ll want a Usual plan or upper if you wish to have follow-up sequences to run mechanically after the quiz. Test your plan ahead of you get to Step 6 so that you’re no longer stuck off guard.

Step 1: Set Up Your Consistent Touch Account

Ahead of you contact WordPress, you wish to have to just remember to have an e-mail advertising and marketing carrier waiting. This protects you from having to leap between tabs later.

When you don’t have an account but, cross to the Consistent Touch site and join. The unfastened plan is ok to begin, and you’ll improve later if you wish to have automations.

Constant Contact Website

If you’re in, create a separate e-mail checklist for every quiz final results you’re making plans.

For context, Consistent Touch makes use of lists (no longer tags), so every outcome wishes its personal checklist. As an example, I’ll make a listing for quiz takers whose effects are “Easy & Chocolatey,” “Daring Coffee,” and “Fruity & Mild.”

To create a listing, merely cross to Target audience » Record and segments and click on ‘Create new’ for your Consistent Touch account.

Notice:

Create a new list in Constant Contact

My tip is to make use of transparent, descriptive names from the beginning as a result of WPForms will use those lists to mechanically type subscribers according to their quiz effects. Having them waiting now allows you to plug the entirety in temporarily in your next step.

Step 2: Set up WPForms Professional and the Quiz Addon

Now let’s arrange WPForms in WordPress in an effort to get started growing your product advice quiz.

To get WPForms Professional, you’ll cross to the WPForms site to enroll. Click on the ‘Get WPForms Now’ button, select a plan, and whole the take a look at procedure.

WPForms homepage

📝 Notice: To create quizzes, you’ll want the WPForms Professional plan or upper, because the Quiz Addon is integrated in the ones licenses. When you’d love to discover the fundamentals first, you’ll get started with the unfastened model of WPForms ahead of upgrading.

Upon signup, you’ll obtain your WPForms .zip document and replica your license key.

Subsequent, head over to Plugins » Upload Plugin for your WordPress admin dashboard.

The Add Plugin submenu under Plugins in the WordPress admin area

Then, you’ll click on on ‘Add Plugin’ up height.

Within the document uploader, click on ‘Make a choice Report’ to add your WPForms .zip document you simply downloaded.

Choose File button to upload a plugin's zip file

To finish set up, click on ‘Set up Now’ after which ‘Turn on.’ See our information on learn how to set up a WordPress plugin if you wish to have assist with this section.

Subsequent, you’ll want to turn on your license to release the plugin’s top rate options.

Out of your WordPress dashboard, cross to WPForms » Settings, input your license key within the ‘License Key’ box, and click on ‘Examine Key’.

Activating license key to WPForms

As soon as WPForms is lively, you’ll additionally want to set up the Quiz addon.

Move to WPForms » Addons, use the hunt field to seek out the Quiz addon, and click on the ‘Set up Addon’ button.

Installing the Quiz addon in WPForms

That’s it. You received’t see any large adjustments but since the addon simply unlocks quiz options within the shape builder, which you’ll use in your next step.

Step 3: Construct the Product Quiz The use of WPForms

Now for the thrill section: development the true quiz.

Out of your admin space, head over to WPForms » Upload New so as to add a sort.

The + Add New button on WPForms' Forms Overview

For a product quiz, I’ll display you ways first of all the clean shape template and construct the good judgment and suggestions from the bottom up the usage of the Quiz addon.

📝 Notice: WPForms Professional comes with an AI shape builder that allows you to create a sort in seconds the usage of a advised. You’ll be able to additionally choose from 2,100+ ready-made templates and customise one on your quiz.

To get began, input a reputation on your shape on the height of the display screen, like “To find Your Absolute best Espresso Beans.”

Then, hover over the ‘Clean Shape’ choice and click on ‘Create Clean Shape’ to open the shape builder.

Choosing a blank canvas to build a product quiz in WPForms

From right here, head over to Settings » Quiz within the shape builder to allow Quiz Mode.

That is what permits WPForms to trace rankings and map solutions to results.

Enabling the Quiz Mode

It’s a good suggestion to avoid wasting your shape appropriate after turning on Quiz Mode so that you don’t lose any development. You’ll be able to in finding the ‘Save’ button within the top-right nook of the shape builder.

With Quiz Mode enabled, WPForms will ask you to select a quiz kind.

You’ll see 3 choices: Graded Quiz, Character Quiz, and Weighted Quiz. For a product advice quiz like this, cross forward and choose ‘Character Quiz’, because it teams customers according to their personal tastes fairly than rankings.

Choosing the Personality quiz type

Subsequent, you’ll upload a identify and outline on your quiz:

  • Name – This seems on the height of your quiz, so stay it transparent and attractive. As an example: “To find Your Absolute best Espresso Beans”. It’s easy and tells guests precisely what they’ll get.
  • Description – Non-compulsory, however useful for environment expectancies. It’s possible you’ll write: “Resolution a couple of fast questions to find the espresso beans that fit your style.”

You’ll need to stay the outline quick: 1-2 sentences is sufficient to spark hobby with out slowing other folks down.

Adding the Product Quiz title and description

Ahead of including questions, you’ll want to arrange the conceivable effects customers can get on the finish of the quiz. Those will have to fit the e-mail lists you created previous for your e-mail advertising and marketing carrier since every outcome might be attached to a particular checklist.

To do that, cross to the ‘Character Varieties’ segment within the Quiz settings.

For my espresso quiz, I’ll use:

  • Easy & Chocolatey – for customers preferring wealthy, mellow flavors
  • Daring Coffee – for customers who experience robust, intense espresso
  • Fruity & Mild – for customers who like shiny, acidic, and sophisticated notes

I like to recommend including 3–5 effects. This helps to keep issues transparent, makes it more straightforward to map solutions, and is helping you information customers towards the best product.

You’ll be able to use the ‘–’ or ‘+’ buttons to take away or upload extra effects as wanted.

Adding personality types to the product quiz

If you’re accomplished, click on ‘Save’ so the entirety is waiting while you get started including your quiz questions.

Now, we’ll head over to the ‘Questions’ tab within the WPForms builder so as to add the questions.

Moving to the Questions tab

So as to add a query, merely drag a box from the left-hand panel into your shape.

WPForms provides a number of codecs that paintings neatly for product quizzes:

  • A couple of Selection — best possible for many questions since customers can select one transparent solution
  • Dropdown — helpful if in case you have longer solution choices
  • Checkboxes — nice when customers can choose a number of personal tastes

For the most efficient revel in, I like to recommend the usage of ‘A couple of Selection’.

Adding the multiple choice field in WPForms

Drag the sphere from the left-hand panel into your quiz shape.

Then, click on on it so as to add your query and solution possible choices the usage of the settings panel at the left.

Adding a multiple choice question

🧑‍💻 Professional Tip: When you’re no longer positive what choices to incorporate, you’ll use the integrated AI Alternatives function. Simply click on ‘Generate Alternatives,’ input a quick advised, and WPForms will recommend related solutions. You’ll be able to tweak those to higher fit your target audience.

As soon as your questions are in, you’ll attach every one to a outcome (the persona kind).

Subsequent to every choice, you’ll see a dropdown the place you’ll assign it to essentially the most related outcome.

As an example, for my “How do you in most cases take your espresso?” query, my mapping would possibly seem like this:

  • “With milk or cream” → Easy & Chocolatey
  • “Black, no sugar” → Daring Coffee
  • “Black however I experience lighter brews” → Fruity & Mild

That is an important step to study. Undergo every query yet another time to verify each and every solution is accurately mapped as a result of this guarantees customers get correct product suggestions.

Mapping answers to personality types

Additionally, double-check that each and every solution preference is assigned to a outcome. WPForms calculates results according to those mappings, so even one lacking hyperlink can throw off the overall advice.

As soon as the entirety appears excellent, click on ‘Save’.

Step 4: Destroy Your Product Quiz as a Multi-Web page WPForms Shape

Subsequent, you’ll arrange your quiz throughout a number of pages – turning your quiz right into a step by step glide mechanically, with a “Subsequent” button between pages.

Get started by way of including a web page wreck to split your quiz questions from the effects step. Simply drag the ‘Web page Destroy’ box from the left panel into the preview space.

Adding a page break

As soon as it’s in position, click on at the box to customise it.

To your product quiz, it’s essential use a message like: “Virtually accomplished! The place will have to we ship your effects?” Framing it as a price change — you give us your e-mail, we provide you with your outcome — makes an actual distinction in what number of people if truth be told keep on with via.

You’ll additionally see the ‘Subsequent’ button right here. You’ll be able to rename it if you happen to like, however the default in most cases works neatly as a transparent transition.

Adding the page break a title

If you wish to give customers extra keep watch over, you’ll allow a ‘Earlier’ button so they may be able to return and alter their solutions.

Simply click on underneath the ‘Web page Destroy’ box and switch at the ‘Show Earlier’ choice.

Displaying the Previous button

Subsequent, let’s drag an ‘E-mail’ box appropriate underneath the web page wreck.

Click on on it to open the customization panel.

Adding the Email field

From right here, you’ll customise the sphere’s label, if wanted.

You will have to additionally make sure you toggle at the ‘Required’ choice so customers should input their e-mail ahead of viewing their effects.

Customizing field's label and make it required

For transparency, it’s a good suggestion to incorporate a consent checkbox.

📌 Necessary: Including a consent checkbox is helping you keep on with privateness best possible practices like GDPR. That stated, we’re no longer criminal specialists, and you will need to overview your native necessities if you happen to’re gathering non-public knowledge.

You’ll be able to do that by way of dragging in a ‘Checkboxes’ box below the e-mail box.

Adding the Checkboxes field

Then, you’ll want to take away any additional choices so that you’re left with a unmarried checkbox.

After that, cross forward and replace the textual content to give an explanation for the way you’ll use their e-mail. As an example, to ship effects or occasional updates via your e-mail e-newsletter, you’ll write “I comply with obtain my quiz effects and coffee espresso updates by way of e-mail.

Don’t omit to show off the ‘Come with in Quiz Scoring’ choice for this box. Another way, it may possibly intrude together with your quiz effects. Additionally, make sure you toggle at the ‘Required’ choice for this checkbox so customers can not continue with out agreeing.

Configuring the Checkboxes field

When you desire a cleaner glance, you’ll cover the sphere label from the ‘Complicated’ tab and simply show the consent textual content.

Merely flip at the ‘Conceal Label’ choice.

Hiding the Checkboxes label
Step 5: Set Up Product Quiz End results

Now you wish to have to verify every customer if truth be told sees their outcome after filing. You’ll do that with ‘Results’ — one consistent with product suggestions.

Within the quiz builder, transfer to the ‘Results’ tab.

Accessing the Outcomes tab

WPForms creates one default affirmation for you. You’ll use that as your first final results’s affirmation and upload new ones for the remaining.

First, let’s edit the ‘Default End result’ identify to one of the vital persona sorts.

Then, you’ll want to select an final results kind. For every final results, you might have two choices:

  • Display Web page — make a selection a devoted web page you’ve constructed for that final results. This provides you with essentially the most flexibility since you’ll come with product picture and gallery, descriptions, and a purchase button.
  • Move to URL — input a URL, which can also be inside of or outdoor your site.

For this instructional, let’s cross with ‘Display Web page‘ and make a selection the devoted final results web page from the ‘Web page’ dropdown.

Choose Show Page for setting up outcomes

Subsequent, you’ll want to upload a conditional good judgment rule to every affirmation so it handiest displays when the quiz outcome suits.

Flip at the ‘Permit Conditional Common sense’ solution to open configuration settings. Then, you’ll create a rule, for instance, ‘Display this final results if Quiz Character is Easy & Chocolatey.’

Setting up conditional logic for outcomes

🔗 Comparable: Conditional good judgment is what makes the quiz really feel sensible and personalised. When you’d like to be told extra about it, see our information on tactics to make use of conditional good judgment in WordPress bureaucracy.

With that accomplished, you’ll click on the ‘Upload New End result’ button on your different persona sorts.

Adding a new outcome for other personality types

A popup will seem to advised you to provide the brand new final results a reputation.

Move forward and kind in one in all your persona sorts.

Naming new outcome

From right here, you’ll assign a web page and set a situation that tells WPForms when this outcome will have to be proven, as you probably did with the primary one.

Step 6: Attach WPForms to Your E-mail Advertising and marketing Carrier

Along with your shape constructed, it’s time to attach it in your e-mail carrier (like Consistent Touch) so every quiz outcome mechanically drops the subscriber into the best checklist.

Within the shape builder, cross to Advertising and marketing » Consistent Touch and click on ‘Upload New Connection.

Connect constant contact with WPForms

Subsequent, you’ll create one connection consistent with quiz final results.

For every one, you wish to have to do two issues:

  • Assign it to the matching Consistent Touch checklist (those you created in Step 1)
  • Upload a conditional good judgment rule so the relationship handiest fires when the quiz outcome suits that final results

For a three-outcome quiz, that implies 3 connections general:

  • Connection 1: Quiz outcome = “Easy & Chocolatey” → upload to “Easy & Chocolatey” checklist
  • Connection 2: Quiz outcome = “Daring Coffee” → upload to “Daring Coffee” checklist
  • Connection 3: Quiz outcome = “Fruity & Mild” → upload to “Fruity & Mild” checklist

Right here’s what the configuration settings would possibly seem like in your display screen:

Adding Constant Contact details for mapping

There’s additionally conditional good judgment you’ll arrange.

Flip at the toggle to allow conditional good judgment, then arrange a situation rule, reminiscent of “Procedure this connection if Checkboxes is I comply with obtain my quiz effects and coffee espresso updates by way of e-mail.”

Setting up conditional logic for Constant Contact connection

When somebody submits the shape, WPForms assessments every connection’s prerequisites and fires handiest the one who suits.

The subscriber lands in the best checklist mechanically with out a guide sorting wanted in your finish.

Step 7: Embed the Quiz on Your WordPress Web site

Your quiz is constructed and attached — now let’s make it continue to exist your WordPress website online.

WPForms makes it simple so as to add your quiz in your website online the usage of the integrated embed wizard. To get began, simply click on the ‘Embed’ button.

Embedding product quiz from WPForms builder

You’ll now see a popup asking the place you wish to have to embed your quiz. You’ll be able to upload it to an present web page or create a brand new one.

If you select Make a selection Current Web page, you’ll position the quiz on a web page you have already got, like your homepage or a touchdown web page.

If you select Create New Web page, WPForms will mechanically create a brand new web page on and insert the quiz for you at the block editor.

The Embed in a Page popup

For this instructional, choose ‘Create New Web page’, since a devoted web page is helping stay guests targeted at the quiz.

Subsequent, input a reputation on your product quiz web page and click on ‘Let’s Move!’

Naming the new product quiz page

This will likely open the WordPress block editor together with your quiz already in position.

From right here, you’ll use the ‘Shape Settings’ panel at the appropriate to turn or cover the quiz identify and outline. You’ll additionally in finding styling choices underneath to assist your quiz fit your website online’s design.

Applying a theme to the product quiz

📝 Notice: When you desire, you’ll additionally use the shortcode manner. Move to WPForms » All Paperwork, replica the shortcode subsequent in your quiz, and paste it into any web page or submit the usage of a Shortcode block.

As soon as the shape is embedded, preview the web page to verify the entirety appears appropriate — the questions load, the pages step via accurately, and the overall e-mail box is appearing up the place it will have to.

It’s additionally sensible to check the quiz end-to-end ahead of you post.

Preview your web page and put up a reaction for every conceivable final results. Take a look at coming into a typo, an invalid e-mail cope with, or skipping a required box to verify your shape validation works accurately.

Testing the product quiz

After filing, examine that the right kind affirmation message seems.

Make sure you check each and every final results personally so you’ll ascertain every one presentations the best outcome.

Checking outcomes

In spite of everything, ascertain that the subscriber is added to the best Consistent Touch checklist.

This fast check is helping you catch any problems early and guarantees the entirety runs easily as soon as your quiz is are living.

Email list in Constant Contact based on outcome

As soon as the entirety assessments out, cross forward and hit ‘Put up’ (or ‘Replace’ if you happen to’re modifying an present web page).

Now if you happen to seek advice from your web page, you’ll see your WPForms product quiz in motion:

Product quiz on a live site

For more info, see our information on learn how to embed bureaucracy in WordPress.

Step 8 (Non-compulsory): Construct Apply-Up E-mail Sequences in Consistent Touch

📌 Necessary: Be mindful, automation calls for a Consistent Touch Usual plan or upper. When you’re at the unfastened plan, you’ll want to improve ahead of this step.

Your quiz is are living and sorting subscribers into the best lists. Now let’s make the ones lists if truth be told do one thing by way of sending follow-up emails that really feel non-public to every outcome.

In Consistent Touch, cross to ‘Campaigns’ and create a brand new computerized e-mail collection.

Create campaign in Constant Contact

From right here, you’ll set the cause to fireplace when a brand new touch joins a particular checklist.

You’ll construct one series consistent with quiz final results, so 3 results approach 3 sequences. Every one will have to really feel find it irresistible was once written particularly for that outcome.

Listed here are some concepts for what to incorporate:

  • A welcome e-mail that mentions the particular quiz outcome by way of title
  • Product guidelines or utilization guides related to the product advice
  • A bargain code or particular be offering to inspire a first acquire
  • Comparable weblog posts or movies attached to their outcome
  • A replenishment reminder in case your product is one thing other folks reorder

Merely make a selection the ‘Automations’ choice within the ‘Make a choice a marketing campaign’ popup to begin development your series.

Choose the Automation campaign type

As soon as your sequences are are living, the entire thing runs by itself.

Somebody takes the quiz, will get their outcome, joins the best checklist, and straight away begins receiving follow-up emails constructed only for them — no guide paintings required.

For main points, see our information on learn how to arrange computerized drip notifications in WordPress.

Bonus Step: Take It Additional with Uncanny Automator

In case your quiz must cause movements past e-mail, then you’ll prolong the entirety with Uncanny Automator ($199/year for Professional).

It’s a formidable automation plugin that connects WPForms to dozens of alternative gear.

Creating an automation workflow for WPForms and Google Sheets

As an example, it’s essential use it to:

  • Log quiz effects to a Google Sheet
  • Ship a Slack notification in your group when somebody completes the quiz
  • Upload the subscriber to a WooCommerce buyer phase
  • Mechanically create a WordPress person account

In case your quiz feeds into a larger machine, Uncanny Automator makes it simple to attach all of the items with out writing any code. You’d set the cause to “WPForms shape submitted with a particular worth in a particular box,” then chain no matter movements you wish to have.

See our detailed Uncanny Automator overview for extra insights.

Manner 2: Thrive Quiz Builder (Interactive Quiz with Branching Common sense)

🎖️ Absolute best for: On-line retailer house owners who need a extra interactive, quiz-focused revel in with integrated funnels, multi functional plugin.

On this manner, I’ll display you learn how to use Thrive Quiz Builder to create a product quiz from scratch. It’s a formidable plugin with options like branching good judgment, personalised effects, and a integrated opt-in gate, which helps you to gather emails ahead of appearing effects.

It additionally provides a extra polished quiz revel in out of the field. As an example, you’ll simply use options like image-based solutions, development bars, and a one-question-per-screen format.

What You’ll Want

  • Thrive Quiz Builder standalone ($99/year) or Thrive Suite ($299/year) — Suite contains the whole Thrive Subject matters toolkit if you wish to have get right of entry to to their different plugins, too.
Step 1: Set up Thrive Quiz Builder in Your WordPress Web site

Thrive Quiz Builder is a top rate plugin and a part of the Thrive Subject matters Suite, which is a selection of gear designed that will help you construct high-converting internet sites.

To get began, you’ll first want an account at the Thrive Subject matters site. Click on the ‘Get started Now’ button and keep on with the on-screen directions to finish the sign-up procedure.

ThriveThemes homepage

If you’ve signed up, you’ll arrive for your personal Thrive Subject matters dashboard.

From right here, you’ll obtain the Thrive Product Supervisor plugin.

Install Thrive Product Manager

Subsequent, you’ll want to add it in your WordPress website online.

Navigate to Plugins » Upload Plugin for your WordPress admin dashboard.

The Add Plugin submenu under Plugins in the WordPress admin area

Then, click on ‘Add Plugin’ on the height, make a selection the Thrive Product Supervisor .zip document, and click on ‘Set up Now.’

Don’t omit to click on the ‘Turn on’ button when it sounds as if.

Choose File button to upload a plugin's zip file

See our newbie’s information on learn how to set up a WordPress plugin if you wish to have assist with this.

After activation, head to the brand new ‘Product Supervisor’ tab for your WordPress dashboard. This acts as a central hub the place you’ll simply arrange and set up all of your Thrive Subject matters gear.

Click on ‘Log into my account’ and input your Thrive Subject matters credentials.

Log into Thrive Product manager dashboard

As soon as attached, search for Thrive Quiz Builder and examine the ‘Set up Product’ field.

With that accomplished, click on ‘Set up decided on merchandise’.

Install the Thrive Quiz Builder plugin

When the set up is whole, you’ll see a ‘Able to Use’ message.

Click on ‘Move to the Thrive Subject matters Dashboard’ for now.

Thrive Quiz Builder installed
Step 2: Set Up a New Product Quiz

At the subsequent display screen, you’ll see that you’ve effectively activated Thrive Quiz Builder.

Move forward and click on the ‘Quiz Builder Dashboard’ button to open the builder.

Accessing Thrive Quiz Builder inside Thrive Dashboard

As soon as the builder opens, you’ll click on ‘Upload New’ to create your first quiz.

📝 Notice: You may also understand the ‘Import Quiz’ button. It allows you to add a up to now exported Thrive quiz .zip document and reuse it in your website online. That is particularly useful if you wish to reproduction a high-performing quiz with out rebuilding it from scratch.

Add New button in Thrive Quiz Builder

When it asks you to select a quiz kind, choose ‘Construct from scratch.’

Since we’re development a character or final results taste, every solution maps to a class fairly than including as much as a rating. Ranging from scratch is strictly what you wish to have for a product advice quiz.

Choosing the Build from Scratch option

Within the subsequent popup, Thrive Quiz Builder will ask you to call your quiz.

You’ll want to give it a transparent title. As an example, if you happen to’re working a skin care retailer, it’s essential use the “To find Your Absolute best Skin care Regimen” title.

Adding the product quiz name

After that, you’ll want to select the quiz analysis kind:

  • Quantity – Provides up issues to provide customers a last numerical rating.
  • Proportion – Provides customers a rating according to the proportion of right kind solutions.
  • Class – Types customers into other persona sorts or product buckets according to their solutions.
  • Proper/Flawed – Highlights right kind and fallacious solutions straight away after a person selects an choice.
  • Survey Collects solutions with out assigning rankings, issues, or appropriate/unsuitable comments.

For a product quiz, let’s make a selection ‘Class.’ This analysis kind lets you map particular solutions to express product suggestions.

Choosing the category evaluation type

Now, you’ll upload your effects by way of typing every one into the ‘Upload a brand new class’ box and urgent ‘Input.’

As an example, for my skin care regimen quiz, the effects information customers to choices like:

  • A Hydration Starter Equipment
  • An Zits Keep watch over Set
  • Anti-Getting older Necessities

Then, you’ll depart the comments choice set to ‘Don’t show comments’ and click on ‘Save.’

Adding quiz categories

This will likely redirect you again to the Thrive Quiz Builder dashboard.

Subsequent, click on ‘Make a choice a Quiz Taste’ to set the feel and appear of your quiz.

Click to choose a quiz style

Thrive Quiz Builder comes with a spread of ready-made templates that will help you create a visually interesting quiz.

You’ll be able to select a design that fits your emblem and click on ‘Make a choice Taste.’

Choose a quiz style
Step 3: Upload Your Product Quiz Questions

Now it’s time to construct your quiz.

You’ll be able to get started with 3–5 easy multiple-choice questions. This helps to keep the quiz fast and attractive, so extra other folks end it and succeed in your product suggestions.

To begin, click on the ‘Set up’ button within the Query segment.

Clicking Manage in Quiz Structure's Questions

This will likely open the quiz supervisor.

From right here, you’ll click on the ‘Upload Query’ button.

Click to Add Question in the quiz manager

Now, upload your first query within the ‘Query textual content’ box and the primary choice within the ‘Resolution’ box. So as to add extra choices, simply click on ‘New Resolution’ on the backside of the popup.

For every solution preference, make sure you assign it to one in all your classes. This guarantees customers are matched with the best outcome according to their responses.

Adding questions, answers, and mapping

Merely repeat this procedure so as to add the remainder of your questions.

If you’ve added all of your questions, attach them within the query supervisor by way of clicking and dragging from one query to the following.

This step is necessary as it defines the glide of your quiz. With out those connections, customers received’t transfer from one query to some other, and your quiz received’t paintings as anticipated.

Connecting all questions in the quiz manager

You’ll be able to additionally use branching good judgment to steer quiz takers down other paths according to their solutions. This permits you to display follow-up questions that assist refine their effects.

To set this up, click on the ‘Upload Query’ button within the quiz supervisor so as to add a follow-up query. As soon as added, don’t omit to map it to the fitting class.

Adding a branch question

🧑‍💻 Professional Tip: You’ll be able to map choices to other classes in case your person has overlapping issues. This is helping refine effects, but it surely additionally makes the quiz good judgment extra advanced.

After that, attach the dots below every solution to the following query you wish to have customers to look. Additionally, be sure your follow-up questions also are attached to your next step for your quiz.

Right here’s how I branched my quiz:

Branched quiz in the quiz manager

When the entirety appears excellent, click on ‘Save and Go out.’

Step 4: Configure the Choose-In Gate

The opt-in gate is what makes Thrive Quiz Builder stand out for checklist development.

An opt-in gate in most cases converts really well. Since guests have already invested time answering questions, they’re curious to look their effects, making them much more likely to supply their e-mail cope with.

🧑‍💻 Professional Tip: You’ll be able to make a selection to make this e-mail box required or not obligatory. Making it not obligatory would possibly gather quite fewer emails, but it surely builds unbelievable emblem agree with by way of no longer forcing customers right into a e-newsletter simply to look a outcome.

To show it on, click on ‘+ Choose-in Gate’ within the Quiz Construction segment.

Add an opt-in gate

As soon as it’s enabled, Thrive mechanically inserts an e-mail seize step into the quiz glide appropriate after the ultimate query and simply ahead of the effects web page.

You’ll be able to click on ‘Set up’ to open its customization choices.

Managing the optin gate

At the subsequent display screen, you’ll see a premade optin gate.

Move forward and click on at the default title to edit it.

Editing the optin gate name

As soon as that’s accomplished, click on the pencil icon to open the editor and get started customizing your opt-in shape.

Right here’s the place you’ll in finding it:

The pencil edit icon to customize optin gate

Within the opt-in gate editor, you’ll:

  • Upload parts – like photographs, CTA buttons, social proportion, WooCommerce blocks, and extra.
  • Exchange the template – make a choice from the to be had templates according to the manner you selected.
  • Configure settings – like including customized CSS and HTML.

Watch out to not stay the placeholder replica in. You’ll be able to click on at the textual content component to edit it.

Thrive Quiz Builder's optin gate editor

On this editor, you’ll additionally upload a connection for an e-mail e-newsletter setup.

To do that, you’ll click on the e-mail seize block to open the configuration panel at the left and click on ‘Upload Connection.’ Then, it is important to make a selection your e-mail advertising and marketing carrier and keep on with the activates to attach your account.

Adding connection in the optin gate

When you’re no longer the usage of an e-mail advertising and marketing carrier, like ActiveCampaign or SendGrid, then you might have two connection choices to choose between:

  • E-mail – This merely sends a notification in your WordPress admin e-mail every time somebody completes the quiz.
  • WordPress account – This mechanically registers a WordPress person account for the individual taking the quiz, saving their main points immediately for your website online’s database.

For this instructional, let’s make a selection ‘WordPress account.’

Subsequent, you’ll assign a person function, like Subscriber. This lets you safely retailer their touch knowledge with out giving them admin get right of entry to in your website online.

Assigning the Subscriber role

Don’t omit to click on the ‘Practice’ button to complete configuring.

As you discover this panel, you’ll discover a ‘Junk mail Prevention’ choice. Enabling this allows you to offer protection to your e-mail checklist from faux signups and bot submissions.

The excellent news is that Thrive has its integrated unsolicited mail coverage, so that you don’t want a separate account for that. Move forward and click on on it to make a choice it.

Enabling Thrive spam prevention

If the entirety appears excellent for you, click on the ‘Save Paintings’ button on the backside left nook, so that you don’t lose your development.

Step 5: Set Up the Quiz Effects Web page

Now that your questions and opt-in gate are arrange, it’s time to ship customers to the best effects web page.

Within the quiz construction, make a selection the ‘URL Redirect’ choice for the effects web page.

Choosing URL Redirect for product quiz results

This permits you to direct quiz takers to a particular web page according to their outcome—like a product or gross sales web page.

You’ll then see a display screen the place you’ll assign a URL to every quiz final results:

  • In case your pages are in your WordPress website online, choose ‘Redirect to content material at the website online’ and seek for the web page you wish to have to make use of.
  • In case your pages are hosted somewhere else, merely paste the whole URL for every one.

Be sure each and every class has a corresponding web page arrange so all customers are redirected accurately. Right here’s what you spot in your display screen:

Mapping results pages for each category

Thrive Quiz Builder will mechanically save your updates, so that you’re protected to return to the former web page.

Step 5 (Selection): Create a Effects Web page with a Social Percentage Badge

📌 Necessary: This feature is a little more restricted. Because the canvas is smaller, you received’t have as a lot flexibility in comparison to growing your personal effects web page, the place you’ll upload transparent CTAs, guidelines, and product suggestions.

On account of this, social proportion badges paintings best possible for graded quizzes, the place the focal point is on sharing rankings fairly than recommending merchandise.

You’ll be able to additionally create a social proportion badge to inspire customers to proportion their effects. This provides an interactive component in your effects web page and will assist pressure extra site visitors in your quiz.

To construct one, click on the ‘Create a Social Percentage Badge’ field.

Create a social share badge

Within the popup, make a selection a template to get began.

You’ll be capable to totally customise it, so simply select one who’s just about what you wish to have.

Choose a social share badge template

This will likely open the Thrive Visible Editor once more.

Right here, you’ll click on to edit any parts. As an example, you’ll edit the placeholder textual content and background to compare your quiz.

🧑‍💻 Professional Tip: On every occasion you upload photographs, be sure they’re compressed and optimized for the internet. Massive, heavy picture recordsdata can decelerate your website online, which would possibly motive guests to go away ahead of the quiz even a lot.

For class quizzes, make sure you use the [tqb_quiz_result]dynamic tag.

A dynamic tag mechanically pulls in every person’s quiz outcome, so the right kind final results is displayed within the badge with out you desiring to set it manually.

Dynamic result for social share badge

If you’re accomplished, click on ‘Save & Go out’ to complete.

This will likely take you again to the Thrive Quiz Builder dashboard.

From right here, you’ll want to upload your social proportion badge in your effects web page. Move forward and click on ‘Effects Web page’ from the dropdown.

Choosing to show a results page with social share badge

At the subsequent display screen, you’ll give your effects web page a reputation.

Click on at the default title to replace it.

Naming the results page

Subsequent, it’s time to customise your effects web page.

Click on the pencil icon to open the editor.

Editing the results page

This will likely take you again to the Thrive Visible Editor.

To use your social proportion badge, click on on ‘Exchange Template.’

Changing the results page template

At the popup that looks, choose the ‘Effects Social’ choice.

This will likely let Thrive to drag your custom designed social proportion badge.

Choosing the Results Social template

Within the preview, you’ll see your social proportion badge embedded into the effects web page.

From right here, you’ll alter the way it appears.

As an example, it’s possible you’ll need to alternate the replica or transfer across the social icons. Merely click on at the parts to edit them, and also you’ll in finding the customization choices at the left-hand panel.

Adjusting the social share icons

Whilst you’re accomplished, cross forward and click on ‘Save Paintings.’

Step 6: Create a Splash Web page for Your Product Quiz

To make your quiz extra attractive, you’ll additionally upload a touch web page.

A touch web page is the primary display screen customers see ahead of the quiz begins. It introduces your quiz and encourages other folks to take part, as a substitute of losing them immediately into the primary query.

To set this up, return in your Quiz Construction and choose the ‘+ Splash Web page’ choice.

Adding Splash Page in Thrive Quiz Builder

This will likely upload a brand new pre-quiz glide for your Quiz Construction segment.

Let’s click on ‘Set up.’

Click to manage the new splash page

At the subsequent display screen, you’ll give your splash web page a reputation.

Click on at the default title to edit it.

Naming the new splash page

Subsequent, it’s time to customise your splash web page.

Click on the pencil icon to open the editor.

Click the pencil icon to edit the splash page

This will likely take you to the Thrive Visible Editor.

From right here, you’ll upload textual content, photographs, or perhaps a video, in conjunction with a robust call-to-action to inspire customers to begin the quiz.

To upload a background picture, for instance, extend the ‘Background’ choice, click on the picture icon, make a selection your document, and click on ‘Practice.’

Applying a background image to the splash page

Subsequent, replace the placeholder textual content to compare your quiz.

You’ll be able to additionally substitute the font, upload some styling, or spotlight key textual content so it sticks out higher in opposition to the background.

Editing splash page's premade copy

Whilst you’re accomplished, click on ‘Save Paintings.’

Step 7: Embed the Quiz on Your WordPress Web site

Now it’s time to make your quiz continue to exist your website online.

To embed your quiz, you’ll want to replica its shortcode and upload it to a web page the usage of the Shortcode block within the WordPress editor.

Merely replica the shortcode out of your Thrive Quiz Builder dashboard.

Copying shortcode in Thrive Quiz Builder

📝 Notice: When you’re the usage of Thrive Theme Builder, you’ll additionally upload the quiz immediately as a Thrive component with out the usage of a shortcode.

Subsequent, create a brand new web page in WordPress (or open an present one the place you wish to have the quiz to look).

Within the block editor, click on the ‘+’ button so as to add a ‘Shortcode’ block.

Adding the Shortcode block in block editor

Then, paste your quiz shortcode into the block.

As soon as the quiz is embedded, preview the web page to verify the entirety is operating as anticipated.

Thrive Quiz Builder's shortcode embedded

Within the preview tab, you’ll fill out your shape as a quiz taker would.

Test that your questions load correctly and the opt-in gate seems on the appropriate step. You may also need to take a look at coming into a typo for your e-mail seize shape to look if validation works.

Testing the product quiz

If you hit put up, ascertain that the ‘URL Redirect’ presentations the right kind outcome.

Right here’s what I were given for my first check run:

URL Redirect quiz result

And if in case you have ‘Effects Web page’ enabled on your redirect, examine that as neatly.

Right here’s what it’s possible you’ll see in your display screen:

Result page with a social share badge

Rather than that, examine if contacts are being assigned to the ‘Subsciber’ function in your person lists.

Move to Customers » All Customers for your WordPress admin space to verify they have been effectively added in your database.

When you ever understand unsolicited mail or bot submissions slipping via, then you’ll simply take away them by way of soaring over their username and clicking ‘Delete’.

The Unapprove link for automatically assigned subscriber

When the entirety appears excellent, click on the ‘Put up’ button.

Now, you’ll examine your site, to look the way it seems like in motion:

Thrive Quiz Builder's product quiz on a live site

And that’s it—you’ve effectively created and embedded a product quiz the usage of Thrive Quiz Builder.

FAQs About Tips on how to Construct a Product Quiz in WordPress

Nonetheless have a couple of questions? Listed here are some fast solutions that will help you get began:

Do I want coding talents to arrange a product quiz in WordPress?

Nope. Equipment like WPForms and Thrive Quiz Builder are beginner-friendly and paintings with visible developers, so that you don’t want any coding in any respect.

Which manner is best for a WooCommerce retailer — WPForms or Thrive Quiz Builder?

It is dependent upon your wishes. WPForms is superb if you wish to have a easy quiz that still collects leads and works like a sort. Thrive Quiz Builder is best if you wish to have extra complicated quiz funnels and detailed branching good judgment.

Can I embed the quiz on any WordPress web page?

Sure. You’ll be able to upload your quiz to any web page or submit the usage of the block editor, or create a devoted web page for it.

Can I take advantage of a distinct e-mail advertising and marketing carrier as a substitute of Consistent Touch?

Sure. When you’re making plans to make use of WPForms, then the excellent news is that it helps all fashionable e-mail advertising and marketing gear, so you’ll attach services and products like Brevo or others as a substitute.

What number of quiz results can I create?

There’s no strict restrict, however 3–5 results in most cases paintings best possible. It helps to keep your quiz easy and makes the effects really feel extra correct.

I’m hoping this information has helped you create a product quiz in WordPress.

Subsequent, it’s possible you’ll need to see our different useful guides on:

When you appreciated this newsletter, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll be able to additionally in finding us on Twitter and Fb.

The submit Tips on how to Construct a Product Quiz in WordPress That Recommends & Converts first gave the impression on WPBeginner.

WordPress Maintenance

[ continue ]