How to Add an Interact Quiz to Your Showit Website - Tonic Site Shop

How to Add Your Interact Quiz to Showit


In this post, we’re not just going to show you how to add a quiz to your Showit website; we’re also going to teach you how to create a quiz that actually converts. We’re giving you ALL the secrets we’ve learned over the years, so you can have a successful quiz *overnight*.

How to add an Interact quiz to Showit

Having an Interact quiz on your Showit website is a great idea for many reasons. Not only is it one of the best ways to build your email list quickly, but it’s also a great way to keep your website visitors engaged on your website, introduce your products in a not-so-pushy way, and make your website visitors feel taken care of.

You know that feeling when you walk into a store, restaurant, or resort and it’s like they were just waiting for you and can anticipate your needs? A quiz provides that same feeling of being known. It’s like the not-pressured, but perfectly-personalized experience we all want in every consumer interaction. And you can check that box for your dream clients just by implementing an Interact quiz.

At TONIC, we generated over 7,000 subscribers in just one year by using one simple Interact quiz called “What’s Your Brand Cocktail?”! Our quiz asks you a few fun questions in order to pair you up with one of TONIC’s Showit website templates. And the results are also super fun for the quiz-taker because they tell you about yourself in a way that makes you feel known. That’s the goal.

Whether you’re a photographer, business coach, podcaster, or anyone using a Showit website, if you want more leads, an Interact quiz is something we really want you to try because we’ve seen so much success – not just us – but for TONS of our customer who have added Interact quizzes to their Showit websites. Sold yet? 

If you’re ready to get started, you’re in the right place.

Grab a drink and get ready to give your website visitors a curated experience by adding an Interact quiz to your Showit website. We’re going to show you how, step by step.

Use this guide to jump to the information you’re looking for

Step 1: Develop the Perfect On-Brand Website Quiz

KT Merry Interact Quiz - Tonic Site Shop

Before you jump head first into creating your Interact quiz, let’s go over a few important things. 

The best results will come from a well thought-out quiz strategy. This doesn’t have to be a super complicated process, but thinking about WHY you’re creating the quiz before you start will help you deliver better results and keep your audience engaged. It’s like working backwards. Decide what your goal is – what the results will mean – and then develop your quiz to reach that goal.

Check out some of our best practices for developing the perfect website quiz for your business and client conversion goals:

Start With the End in Mind

When developing your quiz, keep the results at the forefront of your mind and drafting process. You want the questions to clearly point back to those results. This may seem obvious, but it’s easy to get carried away in the fun question-asking and kind of lose sight of the end goal, because really, that’s what the results mean; the results point to a pain point you and your business can solve.

Offer Value in Return

This begins by providing people insight into who they are. Everyone loves to know more about themselves – their personality, strengths, weaknesses, etc. This is why tests like the Enneagram have become so popular. So think about it like giving someone a little portal into self-discovery. This is the first layer of value. Each question should be fun, engaging, and specific. And the results should be clear, defined, and provide the quiz-taker with a unique perspective and insight about themselves – who they are, what they want, and what they need.

The next layer is the actual product or service their results point to. This is how you can give them what they want to provide what they need. This isn’t complicated, but because of the super-tailored experience your customers now have, it can be straightforward in a way that isn’t pushy.

Stay on Brand

You and your business have a very specific, strategic brand. Your quiz should use the same brand voice and emulate who you are and what your business is all about. The quiz should make sense in the context of you and your brand. And it should feel both intriguing and natural for someone to click to start. This is all about diction, humor, style, and imagery.

Short and Sweet and to the Point

Keep your results options limited (maybe 3-5) and your questions clickable (10 or less). This is important because you won’t get lost in the web of questions and answers and results as you develop the quiz, and the results will be super clear and specific. Those engaging with your quiz will also be more likely to complete the quiz if it doesn’t take them too long. That instant gratification and “hey, we know you” feels really good to your customer. 

Ok. So now you know how to gather the ingredients for a great quiz, and you’re pretty much ready to make one on your own! We promise it’s easier than you think. We’ll even walk you through it.

Step 2: Create Your Website Quiz Using the Interact Quiz Maker

The first step is to create your quiz. If you haven’t noticed already, our favorite quiz maker is Interact. We are not sponsored by Interact in any way, we just love how easy it is to create a quiz with them.

The first step is to create an account with Interact. It’s free and really easy to set up. Navigate to Interact and you’ll see a button in the top right that says “Make Your Own Quiz for Free”.

sign up for interact quiz - Tonic Site Shop

From there, Interact will guide you through the process of creating an account and getting your first quiz set up!

Remember to keep in mind what we’ve talked about above. Put some time and effort into creating your quiz questions and results.

Embedding your quiz into your Showit website is a breeze, so don’t worry about that and focus your energy on creating the best quiz you can!

Step 3: Create a Quiz Page in Showit

How does all this work? Do I need custom pages to have a quiz on my Showit website?

Interact Quiz on a Showit website - Tonic Site Shop

You can embed an interact quiz on any page of your Showit website but it’s nice to have a dedicated ‘quiz’ page as well. That way you can do fun things like this and this.

So you’ll need a quiz landing page and if you really want to wow your audience you can send them to a custom ‘quiz results’ page.

That may sound like a lot BUT we’ve already done the hard work for you. We’ve designed a bunch of beautiful quiz templates which includes a super sexy quiz results page.

When you purchase the quiz templates we’ll even send you a tutorial on how to set up an Interact quiz on your Showit website in under 30 minutes.

You can get our pre-designed Showit quiz templates here.

Step 4: Add an Interact Quiz to Showit

Watch the video tutorial!

Get the Interact quiz code

First, congratulations on creating a quiz! You’re well on your way to getting more leads and engaging with your website visitors. Now for the fun part!

Embedding your Interact quiz on your Showit template is easy and can be done in just a few steps.

The first step is to click on “Share & Embed”. This will pop up a window where you can select how you’d like to share your quiz.

Next, select your embed type. I prefer to use the javascript code type but iFrame will work the same!

*if you choose to use javascript,  make sure you toggle on “Auto resize embed to fit quiz content”, “Use custom embed size”, and check “Fit embed to container”.

Now it’s time to head over to Showit where we can embed the Interact quiz code.

Embed your quiz code into Showit

If you haven’t already, you’ll need to create a canvas where your quiz will be embedded. If you’re not into designing your own quiz page you’re in luck. We’ve created beautiful, pre-designed Showit quiz canvases that you can find in our shop!

Once you have the space ready on your website, we’ll use Showit’s “embed code” box to add our interact quiz code.

Add your quiz code to the embed code box and click save.

Simply adjust the embed code box size to fit perfectly on your site and you’re ready to test your quiz out!

By now, you probably have a super sexy quiz on your website, but if you need a bit of inspiration here’s our top quiz picks (all on Showit websites).

Top 5 Showit Websites with Interact Quizzes

If you’re anything like me, you probably want to see Interact quiz examples out in the wild. We’ve compiled some of our favorite Showit websites that have great Interact quizzes.

Jenna Kutcher’s “What’s Your Secret Sauce” Quiz

Besides having a fun and engaging title, this quiz is really good because it also clearly states what you will get out of clicking through a few questions.

She also straight-up tells you it will take 45 seconds (it does – we took it!), which makes it convenient and hard to pass up.

She asks ten, carefully crafted, interesting questions that feel more like a conversation than a quiz. On brand? Value offer? Short and sweet? check, check, check.

Copy Uncorked’s “Wine Quiz”

Who doesn’t want to take a quiz about wine? And at least as importantly, who doesn’t want to discover the key to determining and refining their brand, messaging, and voice?

This quiz is really great because it offers the taker valuable information through a tailored experience. With just a handful of questions, the quiz determines something you need to know AND provides engagement, builds the email list, and collects data.

This quiz is also fun because it promises access to all of the answers, just to satisfy your curiosity (another “we totally get you” moment).

KT Merry’s “What’s Your Creative Superpower” Quiz

Everyone wants to find purpose and lead from their strengths, and this quiz is a perfect example of one made specifically for photographers who want success and freedom.

As an educator who has a specific client type in mind, this quiz is tailored to answer the questions of that specific person. The questions point to things like purpose and meaning in one’s work, seeing creativity as a power, and honing specific skills and strengths (something she can ultimately help people discover) as the keys to finding those things.

So in the end, this quiz isn’t just fun, it helps a specific audience that has big picture goals, meet the person who can help them. Win-win. 

These are just a few of many, many examples we could have chosen to show you. We promise it’s not hard to make your own effective and engaging quiz.  And we promise an Interact Quiz will generate subscribers while giving them something awesome, too.

Like this post? Share it to Pinterest!

Do not delte - Ryan
Do not delte - Ryan

Leave a Comment

Ready for a little TONIC in your inbox? We send occasional, moderately witty emails with exclusive deals, design tips, recent blog favorites, cocktail recipes, and more.

Friends Don't Let Friends Get Boring Emails


Get on the VIP List

featured post

The Best Showit Templates for Coaches

Welcome to Summer, friends! Sadly, we can’t offer you a lawn chair or clink celebratory cheers over a summer cocktail in person. But we *can* give you our secrets to level-up your cookout… Read on for three of our all-time favorite recipes for your Summer festivities.

learn more

featured post

Why a Big-Name Designer Chose a TONIC Template Instead of Designing Her Website from Scratch

Meet Emmy - a skilled designer, inspiring educator, and imaginative creative whose talent and passion have led her to dream clients and brands. She’s passionate about “bringing visual life to the art of storytelling,” and this vision has truly come to life in her design work. And her work is STUNNING.

learn more

featured posts

She Almost Walked Away From Her Company. How a TONIC Template Turned Burnout Into Reignited Passion.

Elena is the brains (and beauty) behind Modern Market, a marketplace for creative entrepreneurs, providing content and resources that are ready to go for brands, so they can easily personalize it to their passion, purpose, and style and start connecting with their ideal clients right away. 

learn more

So, you need a website. Your current choices are: a ) a boring, big box template that does nothing to showcase your particular brand of awesome, and that you’d need to be some sort of code wizard to change, or b ) plunking down your life savings and your firstborn to hire a designer and a cranky developer, who will spend months and months of precious time cranking out something arguably “custom” you may or may not love in the end.

We’ve redefined the website template. And not only what it can be, but how it can look, what it can do, and what it can do for your brand.


Right? Nope. Enter option c ) Tonic Site Shop. Throw out everything you know about templates: these are cocktail-inspired, completely customizable websites designed for the kind of people that give a damn. Simply select your “cocktail,” download, customize anything −ANYTHING− you want, go live, grab the champagne and wait for the compliments ( and clients ) to roll in. They’re designer-made, and tailored just for you. Your old website is already jealous. 

What's Your Brand Cocktail?


take the quiz! (it only takes 60 seconds)

Find out the secret ingredients in your shaker, and what sets you apart from everyone else on the (top) shelf... Plus, get our specific strategies to ensure your ideal clients pick you off the menu every time.

what's your brand cocktail?

“If you know your website isn't as good as it SHOULD be and you're riding the struggle bus trying to figure out how everyone else seems to have gorgeous websites, buy a TONIC site. It's time you look just as good (if not better) than others in your industry and stand out in a way that's unique to you.”


- Jenna Kutcher

“If I could go back in time, I would purchase a Tonic site much earlier in my career. The high end feel of the template site combined with Jen and Jeff's creative direction and advice, instantly brought my work and brand to the next level. It allowed me to increase my prices and reach my dream client!”


- Annamarie Akins

“The creative geniuses behind Tonic Site Shop are the only people we trusted to help us build our brand, and you can trust their sites to build yours, too. 


 - Amy & Jordan Demos

“To think that something like this exists purely from the heart of helping small businesses fly and have access to this level of branding that was once reserved for only the most established and top of the top of the market…I just think this is going to change everything.”


- Mary Marantz

“If there is ONE thing in your business worth investing in (even more than your camera and lenses) it is your brand. TONIC is the only resource I recommend if you want to get it done right.” 


 - Ben Hartley

“Tonic is the PERFECT resource for anyone needing a quick and simple way to get an incredible, flawlessly designed website.”


- Hope Taylor

“Being able to create a creative, editorial, and professional website with TONIC has taken our brand to higher levels - more inquiries and bookings with our ideal clients! Cheers, indeed!”


 - Luke & Cat Neumeyer

“TONIC revolutionized my business, I never wanted to send people to my site before, then Jeff & Jen re-mixed my online presence, and wow, THEY ARE GOOD. They got to the core of my brand and built a hand-crafted site around it. Wouldn't want to work with anyone else."


- Joel Allegretto

“The idea that someone could take a gallery of their 50 best images, pair it with one of these incredible designs and have a brand and virtual storefront that will start going to WORK for them and allow them to hit the ground running by the weekend is mind-blowing. It’s game-changing.”


- Mary Marantz

“TONIC not only gave me a gorgeous, sleek (easy to use!) design that elevates my brand, but also regularly introduces me to new cocktails I've yet to try. Win, win!”


 - Abby Grace

Tired of boring, complicated SEO tutorials? So are we.3 Days to Better SEO

Hey friend, are you ready to actually understand what SEO is? We're not into complicating SEO. That's why we’ve made it our goal to break down SEO in an easily digestible 3 part series (with some extra bonuses) that’s sure to get you found online.