It’s no secret that an interactive quiz can attract hundreds (or even thousands) of online users to your business.
More leads, more email subscribers, and more sales? Yes, please!
But if you want to reach these goals, you have to first learn how to add a quiz to your website.
If you use WordPress, then you’re in the right place! You can embed your quiz on your WordPress site in just three steps.
Or, perhaps you’re still deciding if WordPress is the right platform for you. In this guide, I’ll cover what WordPress is, why business owners love it, whether it’s the right choice for you, and how to embed a quiz on your site.
Ready to dive in?
Table of contents
- Should you create your website with WordPress?
- 3 examples of WordPress sites
- WordPress vs. drag-and-drop builders
- How to embed a quiz into WordPress with Gutenberg
- How to embed a quiz into WordPress with the Classic Editor
Note: This tutorial covers WordPress.org NOT WordPress.com
Should you create your website with WordPress?
Here’s a fun fact: WordPress powers more than 40% of websites across the entire world. Whoa.
So what makes this platform so popular? Let’s dig deeper into how WordPress works and whether it’s right for you.
WordPress isn’t your typical drag-and-drop builder. It’s an open-source platform, and any developer or user can create themes, plugins, and widgets via WP.
Let’s go over some of these terms.
Themes: A website’s layout and overall appearance. WordPress offers free and paid themes, but you can also get themes through third parties, like WP Astra.
Plugins: A piece of software that adds functionality to your site, like…
- Contact forms
- SEO optimization
- Email opt-in forms
- Interact quizzes
The list goes on… seriously. There are thousands of plugins available for you to use on WordPress!
Widgets: Blocks of content you can add to your website. A widget might be a header, menu, signup form, etc.
Now that you know what all this WP jargon means, do you want to know the best part about it all?
You can create a WordPress site for free! Yup. There are hundreds of free themes, plugins, and widgets.
You just can’t beat WordPress’s customizability.
But here’s the catch: WordPress doesn’t have everything set up for you, like Weebly or Wix does—it requires a bit of a learning curve.
This can be a positive or a negative, depending on your goals. How much time do you want to spend building a website? Are you looking for customizability or a rigid structure?
And if you’re up to try WordPress?
I’ve got great news! WordPress helps you learn the ropes with countless resources! (We love WPbeginner.)
Before deciding what’s best for you, you might be wondering what a WordPress website even looks like. Check out how WP’s customization plays out with three real-life examples.
3 examples of WordPress sites
1. Ceremony Coffee Roasters, e-commerce
Let’s start with an e-commerce example. Take a look at the beautiful online shop Ceremony Coffee Roasters built with WordPress.
Using the WooCommerce plugin, Ceremony Coffee Roasters runs a seamless checkout experience via WordPress.
It looks great, but it feels like something is missing…
Oh, right! This website needs an interactive quiz.
Coffee Roasters could create a “What’s your coffee personality?” quiz and funnel quiz-takers straight to their customized coffee bag. Pretty neat, right?
And to take it to the next level, they could make their quiz shoppable, guiding users straight to their customized product!
Take a look at Mount Lai’s skincare quiz to see an example of a shoppable quiz on an e-commerce site.
Mount Lai helps quiz-takers find the perfect facial tool with a “What stone are you?” quiz, and then provides a list of products for them to buy.
But shoppable quizzes aren’t for everyone.
If they’re not your style, maybe you’ll like a product-recommendation quiz, instead. In that case, you’ll love Tonic Shop’s “What’s your brand cocktail?” quiz.
Tonic Shop sells customized web templates. Their fun cocktail-themed quiz finishes with a list of recommended web templates.
So… what’s it going to be? A shoppable or product-recommendation quiz? Either way, we’ve got you covered.
Take your pick.
2. Ana Pereira, health coach
You don’t have to be an e-commerce expert to use WordPress. Service-based businesses also thrive with WP sites.
Ana Pereira elevates her clients’ health with group and 1:1 coaching. Her minimalist website guides users straight to the source—her coaching services.
Ana could implement a wellness quiz to identify her audience’s pain points and generate more leads!
Here are some ideas:
- What’s your wellness personality?
- Why aren’t you reaching your health potential?
- Is health coaching right for you?
Are you a coach, too? Then you’ll love our guide: How to Grow Your Coaching Business With Quizzes.
3. Convertkit, software
WordPress is great for small businesses AND software companies.
Take a look at ConvertKit. They use WordPress to showcase their email marketing software for creators, like you.
ConvertKit uses WordPress plugins and widgets to implement customer-oriented features, like a chatbot and robust blog.
In case you were wondering: software companies can create lead-generating quizzes, too!
Some ideas for ConvertKit could be:
- What type of creator are you?
- What’s your newsletter style?
- What’s your email marketing funnel missing?
And there you have it—we’ve just covered three WordPress sites for different industries, PLUS ideas to take them to the next level with engaging, customer-oriented quizzes. But don’t stop reading! Now I’ll go over the differences between WordPress and drag-and-drop builders, then show you how to embed a quiz on your WordPress site.
WordPress vs. drag-and-drop website builders
WordPress is a sweet deal, isn’t it? But maybe you’re wondering how it measures up to other website platforms, like Squarespace, Weebly, and Wix.
The thing about these platforms is that they aren’t open-source builders, like WordPress. That means users can’t contribute plugins, themes, and widgets.
Squarespace, Weebly, and Wix use a drag-and-drop approach—users simply drag a feature and drop it into their webpage.
WordPress, itself, isn’t a drag-and-drop builder, but you can implement drag-and-drop on WordPress with third-party companies.
Elementor, Divi, and Genesis are a few drag-and-drop builders that integrate with WordPress.
You have to pay extra to use one of these builders, but Squarespace, Wix, and Weebly come with a price as well.
It all comes down to whether you prefer WordPress or another platform.
Sign up for WordPress for free and use the other platforms’ free trials. Get a feel for which one you prefer before deciding indefinitely.
With that out of the way, let’s get to the tutorial!
How to embed a quiz into WordPress with Gutenberg
You can edit your WordPress site with Gutenburg (also known as the “Block” editor) or the Classic Editor.
Keep reading for the Gutenburg tutorial, or head over to the Classic Editor tutorial.
Let’s get started!
Step #1 — Download the Interact plugin
On your quiz dashboard, head to Plugins > Add New and search for Interact.
Our plugin will create a shortcode and embed your quiz! Click Install Now to download Interact’s plugin.
Once it’s downloaded, hit Activate.
Step #2 — Head to Interact’s dashboard
On your dashboard, go to the quiz you want to add and hit Share & Embed.
Head to Embed Code > WordPress. Under WordPress, you’ll see a shortcode generator. Click Copy Shortcode.
While you’re here, take a look at the three WordPress options under Copy Shortcode.
Use custom embed size: Decide how big or small your quiz will be on your homepage.
Open quiz in new tab on mobile devices: If someone takes your quiz on their phone, your quiz will appear in a new tab.
Disable cover page on quiz: You can remove your quiz cover page and start with question one.
Toggle the features you want to activate and head over to step three.
Step #3 — Copy and paste your quiz shortcode into WordPress
On WordPress, go to the page or post you want to embed your quiz into. Then, add a shortcode block to the page.
Almost done! Paste the shortcode you copied from Interact into the block.
Now, preview your page and watch your quiz go live.
How to embed a quiz into WordPress with the Classic Editor
Do you use WordPress’s Classic Editor? We’ve got you covered.
Before you continue, download the Interact plugin.
Great! Now we can get started.
Step #1 — Copy the direct URL from Interact
On your dashboard, hit Share & Embed next to the quiz you want to post.
Under Share Link, copy the tail-end of the link presented.
All good? Let’s keep going!
Step #2 — Paste the direct link into Interact’s plugin
Now we’re going to paste the link you just copied into Interact’s plugin. On your WordPress dashboard, head to Settings > Interact.
Next, paste the link next to the Interact App URL.
See the button, Generate Shortcode, at the bottom of the page? Click on it to get a unique shortcode.
Now you’re going to copy the shortcode that Interact generated for you at the top.
Step #3 — Paste the shortcode to your page/post
You’re already at the last step!
Head to the page or post you’re adding your quiz to and paste the shortcode.
Finally, preview your page. Your quiz should appear in the post.
You did it! Your quiz is officially embedded on your site. That wasn’t too hard, was it?
Your next steps
Now that your quiz is on your site, you can move on to bigger and better things, like building a quiz marketing funnel.
You can get started with the following resources:
How to Build a Marketing Funnel With Your Quiz
Learn how to turn your quiz into a sales machine from top to bottom.
How to Make a Facebook Ad Quiz
Are paid ads part of your quiz strategy? Get all the deets about promoting your quiz via Facebook ads (including tips from a Facebook ad strategist).
Complete List Building Guide
Quizzes and email lists go together like peanut butter and jelly. This guide will take you through the most important email marketing practices.
We’ve done our part and equipped you with the tools. Now get out there and make some quiz magic!