How to Embed Quizzes in Your WordPress Site

WordPress user? Here’s what you need on how to embed your quizzes in your Wordpress site with the Gutenberg or Classic editor!

Create a Quiz for Your WordPress Site Today!

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 

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. 

Do you already use WordPress? If so, head straight to the embedding your Interact quiz tutorial

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

WordPress themes

Plugins: A piece of software that adds functionality to your site, like… 

  • Contact forms 
  • SEO optimization 
  • Email opt-in forms 
  • E-commerce 
  • 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? 

Don’t worry—if WordPress isn’t your style, you can still integrate your quiz with Weebly, SquareSpace, and Wix

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. 

Ecommerce coffee website

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 Stone quiz

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. 

quiz results with shoppable results

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. 

brand cocktail quiz questions

Tonic Shop sells customized web templates. Their fun cocktail-themed quiz finishes with a list of recommended web templates. 

product recommendation for 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 website

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. 

Let’s continue!

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. 

drag-and-drop builder page

WordPress, itself, isn’t a drag-and-drop builder, but you can implement drag-and-drop on WordPress with third-party companies. 

Elementor plug-in in WordPress

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. 

Our advice? 

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. 

Interact plug-in

Our plugin will create a shortcode and embed your quiz! Click Install Now to download Interact’s plugin. 

Once it’s downloaded, hit Activate. 

Activate Interact plug-in

Step #2 — Head to Interact’s dashboard 

On your dashboard, go to the quiz you want to add and hit Share & Embed. 

What's your interior design style share and embed in Interact

Head to Embed Code > WordPress. Under WordPress, you’ll see a shortcode generator. Click Copy Shortcode. 

Interact embed code for WordPress with shortcode

While you’re here, take a look at the three WordPress options under Copy Shortcode. 

settings in Interact

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. 

shortcode block in Gutenberg

Almost done! Paste the shortcode you copied from Interact into the block. 

Interact shortcode in Gutenberg

Now, preview your page and watch your quiz go live. 

What's your interior design style quiz

Nice work! 

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

All done? 

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. 

share and Embed button in Interact dashboard

Under Share Link, copy the tail-end of the link presented. 

interact quiz URL with ending number highlighted

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. 

Interact plugin

Next, paste the link next to the Interact App URL

paste code in Interact App URL

See the button, Generate Shortcode, at the bottom of the page? Click on it to get a unique shortcode. 

generate shortcode button

Now you’re going to copy the shortcode that Interact generated for you at the top. 

copy shortcode

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. 

paste shortcode into WordPress Classic Editor

Finally, preview your page. Your quiz should appear in the post. 

What's your interior design style quiz cover

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! 

Create a Quiz for Your WordPress Site Today!