{"id":12082,"date":"2021-07-29T09:30:00","date_gmt":"2021-07-29T16:30:00","guid":{"rendered":"https:\/\/www.tryinteract.com\/blog\/?p=12082"},"modified":"2024-06-25T09:43:08","modified_gmt":"2024-06-25T16:43:08","slug":"how-to-add-a-quiz-to-your-unbounce-landing-page","status":"publish","type":"post","link":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/","title":{"rendered":"How to Add a Quiz to Your Unbounce Landing Page"},"content":{"rendered":"\n<p>A key part of building a quiz landing page is embedding the quiz itself. So, how do you add a quiz to your landing page?&nbsp;<\/p>\n\n\n\n<p>In this guide, I\u2019ll show you how to create a quiz and embed it with Unbounce, a landing page builder.&nbsp;<\/p>\n\n\n\n<p>I\u2019ll also go over other important landing page tips, like:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#why-make-a-quiz-landing-page\">Why make a quiz landing page?<\/a>&nbsp;<\/li><li><a href=\"#3-quiz-landing-page-examples\">3 quiz landing page examples<\/a>&nbsp;<\/li><li><a href=\"#best-landing-page-builder\">What\u2019s the best landing page builder?<\/a>&nbsp;<\/li><li><a href=\"#how-to-make-an-interactive-quiz\">How to make an interactive quiz<\/a>&nbsp;<\/li><li><a href=\"#how-to-make-an-interactive-quiz\">How to add your quiz to Unbounce<\/a><\/li><li><a href=\"#how-to-beautify-your-landing-page\">How to beautify your landing page on Unbounce<\/a>&nbsp;<\/li><\/ul>\n\n\n\n<p>You can either go straight to the <a href=\"#add-your-quiz-to-unbounce\">Unbounce tutorial<\/a> or start from the top!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-make-a-quiz-landing-page\">Why make a quiz landing page?&nbsp;<\/h2>\n\n\n\n<p>Sure, you know what a quiz landing page is, but <em>why<\/em> should you make one?&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. A landing page gets people excited&nbsp;<\/h3>\n\n\n\n<p>As an online user, which option leaves a long-lasting impression on you?&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>A standalone quiz&nbsp;<\/li><li>An entire page dedicated to a quiz. Think testimonials, descriptions, and videos.&nbsp;<\/li><\/ol>\n\n\n\n<p>Most would go for the latter. It\u2019s hard to say no to a <strong>free<\/strong> quiz when there are ten reasons why you should take it. Take a look at this section from Empower Bank\u2019s \u201cMoney Personality\u201d quiz landing page.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/mhf6y6x0CvyCaFY5MBFz5AX9oVX7KYgYs5pSi2tS39po_iLzak8K7XmdtuV_DVZJe-YiJ5HYrFtTAhn-SLqtDOI-HHzHOcoG6vmif0n2l8lZS4FHUoMW6p4-umwXCyK2lw\" alt=\"Empower quiz landing page\"\/><\/figure><\/div>\n\n\n<p>If someone came across Empower\u2019s money personality quiz, they might think, <em>Wait, what\u2019s a money quiz? Why should I take it?&nbsp;<\/em><\/p>\n\n\n\n<p>Empower bank tells users what a money personality quiz is and why they should take it with a landing page. Now users can get excited about this quiz and take it right away!&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. You can promote your quiz on multiple platforms&nbsp;<\/h3>\n\n\n\n<p>It\u2019s easy to link your landing page to your website, social media posts, and emails. Ashley Srokosz, for example, added her quiz landing page to her website menu.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/DZQekY9Hj-g7aBrawunmzsNr32dYj_aVGgLsntLHqhARO2qUnZ9ZLYxaZlN8SXhttcM329M0dwTwpDP1jrE6oiYSwVidFokf8bw9__T8yZ5vpRt0QSB0f92h8vpPGbYpIA\" alt=\"Ashley Srokosz header with quiz\"\/><\/figure><\/div>\n\n\n<p>All users have to do is click \u201cLight up your biz quiz\u201d to get the full deets on Ashley\u2019s quiz.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. A landing page drives traffic to your quiz funnel&nbsp;<\/h3>\n\n\n\n<p>With a landing page, your sales funnel will look similar to this:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Drive traffic to your landing page&nbsp;<\/strong><\/li><li><strong>Users take your quiz&nbsp;<\/strong><\/li><li><strong>Users are funneled into your email list&nbsp;<\/strong><\/li><li><strong>Users proceed with your call to action (buying your product, signing up for coaching, etc.)&nbsp;<\/strong><\/li><\/ol>\n\n\n\n<p>So, does a landing page actually drive traffic to your funnel?&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/grOmlvmKYIDpN1t6E6Dqwk09b1RxWAwQDmjJofx4DHw6aRJ13X4dM1JzkrXSwx9o6Y9LEK1iBWDYCkSB_RsnxB7ldBoDe3qhqeSaALzzdZrSTHQ2Ju5eM8tOq2jE3CNYVw\" alt=\"GIF of man saying &quot;Oh, yeah&quot;\"\/><figcaption><a href=\"https:\/\/media.giphy.com\/media\/l0HlFZ3c4NENSLQRi\/giphy.gif\" target=\"_blank\" rel=\"noreferrer noopener\">Source<\/a><\/figcaption><\/figure><\/div>\n\n\n<p>Sibila Ribeiro, a brand strategist, landed <a href=\"https:\/\/www.tryinteract.com\/blog\/sibela-ribeiro-case-study\/\">14,000 new leads in 18 months<\/a> from her quiz! She built a landing page to \u201cconvince readers to take the quiz and provide their email at the end of the PDF guide.\u201d&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/__te3zuNt-leBbA7k6I4TwgEvFnx2W_EYcZfxLR2yIFoaENDl0FlEm3psAMq-kcAd4Y46BUBzkqvzpC8-xjg6RlrAVgDCRxRQWezPKcRr-hhlKroKpzgCeNwHr1auq-sTg\" alt=\"do you know your visual style quiz header\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">4. Boost your search engine optimization (SEO)&nbsp;<\/h3>\n\n\n\n<p>Search engine optimization (SEO) means optimizing your website to rank on the first page of Google searches. When you have good SEO, more online users will find your business.&nbsp;<\/p>\n\n\n\n<p>So how can you boost SEO with a quiz landing page?&nbsp;<\/p>\n\n\n\n<p>A crucial part of SEO is using keywords people search for on Google. For example, someone who is interested in a \u201cleadership style quiz\u201d might search:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>What\u2019s my leadership style?&nbsp;<\/li><li>Leadership style quiz&nbsp;<\/li><li>Leadership quizzes&nbsp;<\/li><\/ul>\n\n\n\n<p>If you include high-ranking keywords on your landing page, it can rank on Google. Sibila Ribeiro did this with her brand style quiz. When you search for \u201cbrand style quiz,\u201d she is the #1 result.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/-tJkusAfNvRgZHrL2u0MDZB6zzsqDrxFFxeoi3U6kewX88n9os9R6u2zf8rZKi94t1PsJO5FCtguLQp50BA3gHqXfd1OjJdz4Obb3qrzAYlPmmL-6yjkKWoV9PrszdRZzA\" alt=\"\"\/><\/figure>\n\n\n\n<p>Some SEO tools you can use to rank your quiz landing page are:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Google analytics&nbsp;<\/li><li>Google search console&nbsp;<\/li><li>Ahrefs\/Moz\/SEMrush&nbsp;<\/li><li>Keywords everywhere&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-quiz-landing-page-examples\">3 Quiz landing page examples&nbsp;<\/h2>\n\n\n\n<p>You might be wondering what a quiz landing page even looks like. Below are three examples of quiz landing pages and why they\u2019re successful.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. What\u2019s your hair code?&nbsp;<\/h3>\n\n\n\n<p><a href=\"https:\/\/haircode.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hair Code sells personalized products for people with all types of hair, from straight to curly. They use a \u201chair type quiz\u201d to guide users to their products.&nbsp;<\/a><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/xUUzAZsyFg1DUpM4URIdm52F7lf8-ODeB94cVexPnzACxtKCm2FrDoo6jaqXGN4P1uUqcLMTpyr2cjcXnRzvRRlq8T5xRFaJRSot7G5fUcQ0zjxnAFJfZXQAAEm95wqKVw\" alt=\"HairCode quiz landing page cover\"\/><\/figure><\/div>\n\n\n<p><a href=\"https:\/\/haircode.com\/\"><\/a><\/p>\n\n\n\n<p>Once quiz-takers complete the quiz, Hair Code leads them to a list of customized products, which they explain on their landing page.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/lSDOypKxHqo-TffmYfddHjiV--N3sVQCTcfqYQRnGwonw9BmLi1eL-8H7_sEhpv-EXxPqNuVJJe7XB9C5odyBf6LQdicUHGDLTsFyJ0aMbDiF2JyUzOZaj9REC1cqYjnKQ\" alt=\"more information about quiz\"\/><\/figure><\/div>\n\n\n<p>Our e-commerce clients love building product-recommendation quizzes, which you can learn more about in our guide: <a href=\"https:\/\/www.tryinteract.com\/blog\/how-to-make-a-product-recommendation-quiz\/\">How to Make a Product Recommendation Quiz<\/a>.&nbsp;<\/p>\n\n\n\n<p><strong>Takeaway:<\/strong> Add a quiz landing page to your product recommendation quiz funnel. This way, users can:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Find your landing page&nbsp;<\/li><li>Take the quiz&nbsp;<\/li><li>Buy products&nbsp;<\/li><\/ol>\n\n\n\n<p>Not too hard, is it?&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. What\u2019s holding your business back?&nbsp;<\/h3>\n\n\n\n<p>Who says you can\u2019t build a short landing page? Business coaches, <a href=\"https:\/\/wanderingaimfully.com\/about\/\" target=\"_blank\" rel=\"noreferrer noopener\">Caroline and Jason<\/a>, promote their \u201cWhat\u2019s your business bottleneck?\u201d quiz with a short landing page.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/TRaR7fKNwEGuN4k1u_aKb-skOLLqNO60MlOwGieNixUxUGoa6ObOl94NrIdXEvV3ho2w-mMX5iK3UY-oXKgRymi2LUBkg-pfxlqnTXJDBjMgReggte-oTOKlv4teMKxViw\" alt=\"What's your business bottleneck quiz landing page header\"\/><\/figure><\/div>\n\n\n<p>Short landing pages are straightforward. Notice how Jason and Caroline touch on their audience\u2019s desires with, \u201cWhat if we told you it was possible to boost your revenue, gain free time, and have more fun in your business?\u201d&nbsp;<\/p>\n\n\n\n<p>They also highlight the length of the quiz with \u201c7 quick questions,\u201d and they added a large call-to-action button for easy access. Take note of the aesthetically pleasing color palette as well, which draws in users.&nbsp;&nbsp;<\/p>\n\n\n\n<p>If you\u2019re testing out the waters, consider a short landing page. But overall, we\u2019ve found more success with longer quiz landing pages\u2014mainly because you can add more incentives.&nbsp;<\/p>\n\n\n\n<p><strong>Takeaway:<\/strong> Target your audience\u2019s desires and pain points from the get-go. And use a color scheme to direct users to certain parts of the page. There\u2019s a reason why Caroline and Jason\u2019s landing page highlights their quiz in yellow\u2014to catch the reader\u2019s eye.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. What\u2019s your visual brand style?&nbsp;<\/h3>\n\n\n\n<p>We mentioned how Sibila Ribeiro generated 14,000 leads from her quiz. Now let\u2019s take a look at her landing page.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/-JATjcdwMzjsDU0jpARsQkcn5nbolhYebo2V1Ktw4o7M9Y5VPS0z2FjqlzC78pm78L5uH-o_ylyzNh69z20Z1XHQKIXxfY57vEq2U5bN_ZgVVbuFD72DoBJwLgyTZO4_SA\" alt=\"Do you know your visual brand style quiz cover\"\/><\/figure>\n\n\n\n<p>The best part of Sibila\u2019s quiz landing page isn\u2019t the happy aesthetic or color-rich images\u2014it\u2019s her freebie section.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/GezAG3wMZr0WhCO9wRvH1IZskVvCX6qKN09HVEpaAl52u7OqIKyR4b7W2LJZEuZ5UuQzfoZVEsy8IUn4bszo0jBw1S0jAf93Ffcn4TJYXHXY5lqBp4g7dVJbpSLy5ZMG6g\" alt=\"What you get as a freebie\"\/><\/figure><\/div>\n\n\n<p>Sibela tells users what they\u2019ll get in return for taking her a quiz\u2014a personalized visual brand guide. She shared with us how her quiz and freebie helped \u201cgenerate an additional $30,000 of revenue in one year!\u201d&nbsp;<\/p>\n\n\n\n<p><strong>Takeaway: <\/strong>How can you show users that your quiz adds value. An in-depth freebie? Raving testimonials? A video? Add as much value as you can to your landing page.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"best-landing-page-builder\">What\u2019s the best landing page builder?&nbsp;<\/h2>\n\n\n\n<p>Every landing page builder has its pros and cons. But the real question is which builder is best for you? We\u2019ll go over three different examples: Unbounce, Instapage, and Leadpages.&nbsp;<\/p>\n\n\n\n<p>All of these landing page builders offer:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>A\/B testing&nbsp;<\/li><li>Drag and drop builder&nbsp;<\/li><li>Conversion analytics&nbsp;<\/li><li>Templates<\/li><\/ul>\n\n\n\n<p>Below, I\u2019ll talk about each landing page builder\u2019s distinct features.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Unbounce&nbsp;<\/h3>\n\n\n\n<p>Unbounce is the landing page builder that I\u2019m using throughout this quiz tutorial.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/LHnSZF4JSZs9CT6yvAYSnoDOsGqp02xz83rwHyimC7M7k705EwGj2WB9-lzUmA-c8j5lVnofDUtUksA_uKmrb4imYcfyogYWx0QZIcGhLx1VjCg2REF_gVIqNcqYXoxhJA\" alt=\"Unbounce hero image\"\/><\/figure><\/div>\n\n\n<p>A few notable features about Unbounce include its dynamic landing page text and CSS\/Javascript feature.&nbsp;<\/p>\n\n\n\n<p>The word \u201cdynamic\u201d is another word for personalized. Dynamic landing page text means you can personalize the text on your landing page and target multiple customer personas.&nbsp;<\/p>\n\n\n\n<p>For example, one landing page could say, \u201cTake this quiz!\u201d while another says, \u201cFind out your brand archetype!\u201d&nbsp;<\/p>\n\n\n\n<p>As for the CSS\/Javascript, this feature sits well with developers. Unlike Instapage and Leadpages, you can add your own CSS or Javascript code for customization.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Instapage&nbsp;<\/h3>\n\n\n\n<p>Instapage calls itself a conversion tool. Along with landing pages, they offer five other tools targeted to increase conversions.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/ZEwW3LP5_z7NsCQn5pIUQ7kG_9fpoxlolUaQYxinxUQAXyg8GgHwhS6fd52DwGN1srfTRdYD6gNX8a2kRBeZdwJysWRIDLKVCAXvvOvSK6hNLk8lt0c1mtL7d6FodM3IgQ\" alt=\"Instapage hero image\"\/><\/figure><\/div>\n\n\n<p>You know how Unbounce has dynamic landing page text? Well, Instapage goes one step further and offers dynamic landing pages. So you can create different quiz landing pages for each persona.&nbsp;<\/p>\n\n\n\n<p>Instapage is also known for its detailed team collaboration tools. Similar to Google Docs, Instapage offers on-page comments, edits, and secure sharing.&nbsp;<\/p>\n\n\n\n<p>Out of the three builders, Instapage takes the most money out of your pocket. But if the extra features help you reach your goals, it might be worth it.&nbsp;<\/p>\n\n\n\n<p>Check out our tutorial: <a href=\"https:\/\/www.tryinteract.com\/blog\/how-to-put-a-quiz-on-your-instapage-landing-page\/\">How to Add a Quiz to Instapage.&nbsp;<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Leadpages&nbsp;<\/h3>\n\n\n\n<p>Leadpages are a bit different, as they focus on lead generation as a whole.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/mdrp6CEHnsG8OP_JhVL9ojU78RU15wP1nP5ZkJejsOT9--nv1yqX4rFGM4Iq6LMRbkaCXM3QWAZM3pKA8Fwkz0iUuRC4LqLZKMn9XvFNUwIYrbdOphEITluqTn5gPV38XA\" alt=\"Leadpages hero image\"\/><\/figure>\n\n\n\n<p><strong>Something to note:<\/strong> Leadpages\u2019 drag-and-drop tool isn\u2019t freeform. Unlike Instapage and Unbounce, where you can drag images and text wherever you want, Leadpages provides structured templates. You can only drag features to certain parts of the page.&nbsp;<\/p>\n\n\n\n<p>Three unique features Leadpages include are checkout integration, Facebook\/Instagram ad automation, and the option to build a website.&nbsp;<\/p>\n\n\n\n<p>With<strong> checkout integration,<\/strong> you can add payment processing software, like Stripe, directly on your landing page\u2014adding a <a href=\"https:\/\/www.convertcart.com\/blog\/how-do-i-increase-my-website-checkout-rate\" target=\"_blank\" rel=\"noreferrer noopener\">seamless checkout process<\/a>.\u00a0<\/p>\n\n\n\n<p>As for <strong>Facebook and Instagram ads<\/strong>, you can pre-populate your ads with landing page content. In other words, FB and IG will fill your ad copy with your landing page content.&nbsp;<\/p>\n\n\n\n<p>The last feature is the website templates. Similar to Squarespace, you can build an entire website on Leadpages!&nbsp;<\/p>\n\n\n\n<p>This landing page builder is the most affordable software out of the three. Check out our guide for more examples: <a href=\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-leadpages-landing-page-and-use-it-get-new-subscribers\/\">How to Add a Quiz to a Leadpages Landing Page<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-make-an-interactive-quiz\">How to make an interactive quiz<\/h2>\n\n\n\n<p>If you\u2019ve never created a quiz with Interact before, you\u2019ll find this tutorial helpful. Our software gives you everything you need to make a quiz, including:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Editing tools to design your quiz and results pages&nbsp;<\/li><li>Facebook Ad integration&nbsp;<\/li><li>Email opt-in designer and email marketing integration&nbsp;<\/li><li>Social sharing<\/li><li>Popup ad integration&nbsp;<\/li><li>Website integration (a link to embed your quiz to your site)&nbsp;<\/li><li>Quiz analytics&nbsp;<\/li><\/ul>\n\n\n\n<p>If you haven\u2019t signed up for Interact yet,<a href=\"https:\/\/www.tryinteract.com\/plans\/\"> you can do so here.<\/a> Then, follow me through this quiz tutorial!&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Choose a template&nbsp;<\/h3>\n\n\n\n<p>On your quiz dashboard, hit <strong>Create New Quiz <\/strong>to get started.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Q_lzsznPoIoJmzbVk1q49gcAU8X7CBLXUtapFWFRSx4yGgWThxD7EAsWky6NEjNoJlpCKVqGdMSjL0Al_gkX8UdbmmBFVxdCqB9-9nJRYlHCu60PmqkQiv3yPmWItqJ4og\" alt=\"Create a quiz button in Interact\"\/><\/figure><\/div>\n\n\n<p>Interact will take you to a list of the most popular templates. Choose your favorite, or head to <a href=\"https:\/\/www.tryinteract.com\/quizzes\/\">quiz templates<\/a> to find one you like.&nbsp;<\/p>\n\n\n\n<p>For this tutorial, I\u2019ll use, \u201cWhat\u2019s your love archetype?\u201d&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/bi3P6KhFpXzkLp2oZAPd3Jma0RYyCrkm3bHj3bU1tXAKxGcWfs3ekfaAAt_aA2WmsMCP03LO2wqNrMS6pKORXdAkwiqC8CWg9e4aDx5jWZRpyGaI-nRu4r_qwVDpI-kPDA\" alt=\"What's your love archetype quiz cover\"\/><\/figure><\/div>\n\n\n<p>What if you don\u2019t want to use a quiz template? You can always hit <strong>Start From Scratch <\/strong>and create your own quiz.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/W2iIO1K2Jr9uk17hCFrKk2519cTzRapnyA2w06945oj6JGT1xvHLCgNWD8gggni--oR6P0PffIAu2cGY790K18zPegAFejHQgzt-8aiL8jeOR46ft4M5usnm7EJFEybsAQ\" alt=\"Interact quiz templates\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">2. Design your quiz&nbsp;<\/h3>\n\n\n\n<p>Whether you\u2019re using a quiz template or starting from scratch, you\u2019ll see a \u201cquiz design\u201d menu at the top of your page.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/Rveg1FaYKxTkoJsMcQPGM9k1Eggf6RgsfouYO12Kjermxhm4iBx4V6lLGaLeD0PmeL_0wIAIzpYAA4JNXFkqAhkHuH2A8a1Oy-kbJWmD5MYbbTG-ZyqUNQn5V0DLHV8uyQ\" alt=\"editing font and colors in Interact\"\/><\/figure><\/div>\n\n\n<p>Here, you can change your quiz colors, font, and quiz logo.&nbsp;<\/p>\n\n\n\n<p>Choose a color scheme similar to your brand colors. If you don\u2019t have brand colors, <a href=\"https:\/\/www.tryinteract.com\/blog\/quiz-design\/\">check out our guide on quiz design<\/a> for ideas.&nbsp;<\/p>\n\n\n\n<p>Next is the<strong> font. <\/strong>Pick a readable font, so your quiz is easy to understand.&nbsp;<\/p>\n\n\n\n<p>You can also <strong>upload your business logo<\/strong>, which will appear at the bottom right corner of your quiz.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Build the cover page&nbsp;<\/h3>\n\n\n\n<p>Your quiz cover page is the first thing quiz-takers will see. Make it stand out.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/x9NSXBRSNJuWuW88D6nFcqUtNxNYwdA0CgkYlX9TBWYMrjo1u7qx_8t_kUY2_KyYz6kxzVQ6OQs1O0wmlui2o8Z-8iwEJpyRyUwIMKEPfzai4JrkJGMl1gtlZOD85Yjhdw\" alt=\"love archetype quiz cover\"\/><\/figure><\/div>\n\n\n<p>First, type in the<strong> title<\/strong> of your quiz. Then choose a relatable image with <strong>Edit Cover Image. <\/strong>You can either upload a photo or choose from our gallery.&nbsp;<\/p>\n\n\n\n<p>The <strong>quiz description<\/strong> doesn\u2019t need to be long, but it does need to be convincing. Tell your audience what your quiz is about and why it\u2019s worth taking. You can also add a timestamp like \u201cTake this four-minute quiz!\u201d so users know it won\u2019t take up too much of their time.&nbsp;<\/p>\n\n\n\n<p>And last is the call to action. You can leave it at \u201cTake the quiz\u201d or use something like:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Discover your archetype&nbsp;<\/li><li>Start your journey&nbsp;<\/li><li>Uplevel your love life&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Design your questions&nbsp;<\/h3>\n\n\n\n<p>Now let\u2019s talk about your questions. Your quiz questions should be relatable, easy to understand, and creative.&nbsp;<\/p>\n\n\n\n<p><strong>Relatable:<\/strong> Isn\u2019t it frustrating when someone asks you a question you can\u2019t relate to? Quizzes work the same way. Apply customer research to create relatable questions.&nbsp;<\/p>\n\n\n\n<p><strong>Easy to understand: <\/strong>If someone doesn\u2019t understand your questions, they\u2019ll probably exit out. Avoid jargon and opt for basic vocabulary instead.&nbsp;<\/p>\n\n\n\n<p><strong>Creative:<\/strong> Quizzes are supposed to be fun! This is your chance to create some fun scenarios. Don\u2019t be afraid to use slang (as long as your audience will understand it).&nbsp;<\/p>\n\n\n\n<p>Check out our <a href=\"https:\/\/www.tryinteract.com\/blog\/how-to-make-a-conditional-logic-quiz\/\">conditional logic<\/a> feature and personalize your journey even more.&nbsp;<\/p>\n\n\n\n<p>Or check out our guide: <a href=\"https:\/\/www.tryinteract.com\/blog\/how-to-ask-better-questions\/\">How to Ask Better Questions<\/a>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/sdTm4zT66NnqgJQsI93rNb3MM6dD-EIhdeD5xHR_ebouHLHORXfcIFnFAvUnejcfChAfhvMCirYN6dIv0mcDM8pm8yixrskXuV9_HMuzLI-OPoxBjOfGVYXzDzhSLj9rbw\" alt=\"quiz question about what a psychic would see in your dream life with image\"\/><\/figure><\/div>\n\n\n<p>Adding images to your questions can make them feel unique. You can add a main question image at the top, and you can also add <strong>image answers<\/strong>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/dzLFgP5PNXwdWQdDVZMwpRL1-oa6Oav0TkqbM9Uls28tG8SLvHZnXj8FO-bFb5O04y28z0ATgP3Hk7t-Tlm3xRhX_s2ON14Y2mKaTQ7Yt9DWBVWB7fsygAGa2Lkt7zQ-Fg\" alt=\"question answers with images\"\/><\/figure><\/div>\n\n\n<p>Image answers add spice to your quiz. Plus, users can visualize their answers more quickly.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Build your results&nbsp;<\/h3>\n\n\n\n<p>Your results pages lead users to your business and services, so give as much value as possible. I\u2019ll go over each section of a typical quiz results page.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/iSYamz5Qk22j8EvGb5uFYGYxU0MkmOq7w-zB7ZCAMsujEOo8IXK1Ka6Sba23JCFLmHpSz5vnxxHIuP0T-WrBmIREBsxyJOLFHZUrLd8MsLKLXuGnKQZi9N-uWJA6TggM8Q\" alt=\"bold-hearted romantic quiz result\"\/><\/figure><\/div>\n\n\n<p>At the top, state the results and add a relatable image.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/iZOfr7gY_xuR-VUn-2AZBfiIWkm2EaHqOSDdA_jAy1_5rgL0oJzlU5MK9ZhBd9_3UU6F2CQYMx7j0CT3O9EkYmYBTrc5uquwKYj11DbNGcvPADNbyYFEyj1oBjxdXepA_A\" alt=\"quiz result description\"\/><\/figure><\/div>\n\n\n<p>Next, describe your user\u2019s strengths. Tell them everything that\u2019s awesome about their result and why they\u2019ve got it going on.&nbsp;<\/p>\n\n\n\n<p>You can inch toward their weaknesses at the bottom. This makes it easy to transition to resources and tips.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/lBGsegO5Rc6DN41DhUcruaLuMDIGdzQgBMHUQTBQZD6GoSEnVQTFrmAGOD4jTdimI6VuDKJ_mnACTNz2XvLEcnT1h7WT9O4sVxeP2iNxsym4rLvyq8h_wb-CzhRTJXdQTw\" alt=\"tips for result\"\/><\/figure><\/div>\n\n\n<p>Give your user three tips to improve their type. Make sure they\u2019re actionable, so users can take away something from your quiz.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/8Nb0ejTY6bj-6nm-sIr6bTyWnouR_itMi4mA-ZR53osVH5RxKg0S4SsOjHO2rQzTvRx5Z0tzIfo6XzO2u1z98UAHeHNdYfrVoT9iWsfzAWrRzE8FjATZGFaR0ERiKl5WIg\" alt=\"quiz creator introduction\"\/><\/figure><\/div>\n\n\n<p>And don\u2019t forget to introduce yourself! Add a photo of yourself and describe who you are, what you do, and why you\u2019re going to help the quiz-taker.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/QZ0QilhU-F0mAFAEiLflDTuO1lVRatYA624WsQa1IYurd89MoCJe4bfVcagaEjrm8klZIQRMQ-9R_aNrgv3FwV2ICaM9sXPjz0GJKpcSDkDoAP0vYsNDW3hOJw_YH378cQ\" alt=\"steps they can take with resources\"\/><\/figure><\/div>\n\n\n<p>Read on for some additional tips. Rather than naming a few pieces of advice, tell users how they can continue learning about you. For example, can they listen to one of your podcast episodes, download an e-book, or book a consultation?&nbsp;<\/p>\n\n\n\n<p>You can also offer:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Blog posts&nbsp;<\/li><li>A downloadable video or audio file<\/li><li>An in-depth guide<\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/t5VjzHvLDcifYlUf5MMhf-Y601n8G-fRNOCrJPoHKjvAJibs6baJEdQ3ggstwji0Hg5tMX0A-yIf-7KlQo334yyGZiqKObE3RWKP-nQ_Dfzzh6-Jwk2DsVn0OPae22XuVw\" alt=\"CTA on quiz result\"\/><\/figure><\/div>\n\n\n<p>Your CTA can be a quick \u201cDon\u2019t forget to check your inbox!\u201d button. But you can also direct users to your products, services, or another piece of content.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Correlate your questions and results&nbsp;<\/h3>\n\n\n\n<p>There\u2019s one more thing to do before you log off: correlate your questions to each result so users get an accurate answer.&nbsp;<\/p>\n\n\n\n<p>On your questions page, click <strong>Edit Result Correlations.&nbsp;<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/im9EpYtK2-ap-ua0Sz0Cu9FeGZ90K2qm4gtcdGh6u91GoUVMBmw8Nno5Hncn-huPq0cE5ycy4cbiaKgOi8_hYQW2NqGv4vUIEue1buBtzVK9KeGIwznwMTAHQmbIQahkFg\" alt=\"answer correlations button\"\/><\/figure><\/div>\n\n\n<p>Next, correlate each answer to a result.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/k6Oid1ku7fIE4k1f-ypWldA6fpJFEdYs01jTky-Uz218jphFkxNZkmtoBjXxzYNxC1foDq25ClQA36_1MGazZ45lJ8nVJIpAq_vV6o-tMeJxsW-SYPDxVB3Fu4wV9UoNEQ\" alt=\"editing result correlations\"\/><\/figure><\/div>\n\n\n<p>All done? Click <strong>Preview <\/strong>and marvel at your work before hitting <strong>Publish!&nbsp;<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/SEj17X-h77xb5SZHEaBNwsozuhT70wrCTbK-Px5FPk_a8CxBP9cbGs6LiGdfQdNhcSFxwmQMAuTW5GYFKF0Pus6k8wzjY9ZhU568D72X9hBppbX6DtTGF_pFILRS6K2OFg\" alt=\"publish\"\/><\/figure><\/div>\n\n\n<p>And that\u2019s it! You\u2019ve officially created a quiz.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-your-quiz-to-unbounce\">How to add your quiz to Unbounce<\/h2>\n\n\n\n<p>Now we can add your quiz to an Unbounce landing page! The below steps shouldn\u2019t take longer than five minutes.&nbsp;<\/p>\n\n\n\n<p>If you\u2019ve never built a landing page with Unbounce before, <a href=\"https:\/\/unbounce.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">head to their website<\/a> and get started.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Copy and paste your quiz HTML code&nbsp;<\/h3>\n\n\n\n<p>To connect Interact with Unbounce, all you have to do is paste an HTML code. You can find this code on your quiz dashboard.&nbsp;<\/p>\n\n\n\n<p>To get started, hit <strong>Share &amp; Embed.&nbsp;<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/arRUEbHq0YoJQu5wKWYCUmD9aP9iRcn9YwJIeYnNV9KzviRGbFe1t3H5uMahmgESch2HFUsavzduX1vQFMvWAedtfy9wuJZXJvJIvhXJ0Evnu7ML6W8h7Rtq26xpkdphVw\" alt=\"share and embed button in Interact\"\/><\/figure><\/div>\n\n\n<p>Next, go to <strong>Embed Code <\/strong>and copy and paste the iFrame code.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/plZFjOVw5AKEqfmVL9H3pASkyTQ7yjREie25rxUAc75SziWfu5TNCCqwDPfIpyj03a3iHU_nEtKV74Mwh7OJsbpk_0bQyqv6PfwOi6p53i8ndVwj4fgoQ42A7IBe4T4yiA\" alt=\"copy code in Interact\"\/><\/figure><\/div>\n\n\n<p>If you scroll down, you\u2019ll see some embed settings.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/B5TIRGT7z5oCmwXPUGn-yDCU2weF6m1OKyWs1H7FuC1_Q49QJK9v49tyShsXyRec6Ab74eo0aS_478VlI2qPHe1ui8KG1EvYMVQqp8iAChbwSp_gsqzhflRlopeO2aenbg\" alt=\"embed settings in Interact\"\/><\/figure><\/div>\n\n\n<p><strong>Auto resize embed to fit quiz content:<\/strong> With Javascript embed, you can resize your quiz to work within your content.&nbsp;<\/p>\n\n\n\n<p><strong>Use custom embed size:<\/strong> Toggle this button to resize your quiz to something other than 800px by 800px.&nbsp;<\/p>\n\n\n\n<p><strong>Open quiz in a new tab on mobile devices<\/strong>: Landing pages and mobile devices can get messy. Use this setting to separate your quiz from the landing page.&nbsp;<\/p>\n\n\n\n<p><strong>Disable the quiz cover page:<\/strong> Your landing page will tell users all about your quiz, so the cover page isn\u2019t always necessary. You can disable it here.&nbsp;<\/p>\n\n\n\n<p>Now that you have your embedded code, head to your Unbounce account.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Past Interact\u2019s code in Unbounce&nbsp;<\/h3>\n\n\n\n<p>Go to your landing page editor and click the HTML code icon.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/tVVkSfckvwNn84ep0m5FYlW-Odb-fPmvXCKLY4NXmql8Pjm4aF9OqeJtS6N-lBBE5FwekZImRDwHFNe-2AGylZsZSC44oxJpOq0OpGFCYxGydWtWLJpzxNTkBr7Xp4kyzg\" alt=\"Paste code in Unbounce\"\/><\/figure><\/div>\n\n\n<p>Then, paste the code you copied from Interact and hit <strong>Save Code.&nbsp;<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/SnvHw7BYdtJ6em3IQLzZRccKCpevI_7TEmOjeiulnUFxzsPxULYc4bEw0V1PeJVi_7btMV-yRcbcpotTxQDYX-QcvEhmLgYKX04aTPbwCMjfpWs79RZmUb8DTRGForH0Hw\" alt=\"HTML code box \"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">3. Resize your quiz&nbsp;<\/h3>\n\n\n\n<p>When you embed your quiz, it\u2019ll appear on your landing page looking like below.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/PHqQnxoaHwBtoE9MXTwhGSTD0NJ6H4ATvGoxOyKAgsTQOZk3G6ySf1N6NSp41VLRAoKE2oUjKCO58vOF5scrYM8Rb5tFg2zwTTt1wcmW0vnf12zPm7uPU7CEesWx4rVd9g\" alt=\"box with code in preview\"\/><\/figure><\/div>\n\n\n<p>You can\u2019t see how your quiz looks until you preview it. But you can make your quiz bigger or smaller, depending on your landing page.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Save and Preview&nbsp;<\/h3>\n\n\n\n<p>After you click <strong>Save, <\/strong>hit <strong>Preview <\/strong>to see how it looks.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/N6eYx002A_pYWbfutUCHI_vkf-yh2RoJYd03A1bWR_mkRC61JlP6ILO4c6SVMXriBbWf9jagGcgFQZaOjW3ZiLy4pRFyyDfKQh_Qi7i0k9-dexKCMY2OZzoFFcJWkL7HCQ\" alt=\"saving page in Unbounce\"\/><\/figure><\/div>\n\n\n<p>And voila!&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/pGyHZD_NibtQ0s_rMVqG66KPQ2mX7sNlVQQkHOZ3FC7RF_Z6gKYoGQnjV_mfnbkJmbBUtxy_nU0vRAtF_sSz7KwlqXdx6nO0BWLJ_2nVg03auSIoHnL2bqvWheGLYEh2mQ\" alt=\"quiz on page\"\/><\/figure><\/div>\n\n\n<p>You can go back to your editing page and resize it until you\u2019re satisfied.&nbsp;<\/p>\n\n\n\n<p>But that\u2019s it! You\u2019ve officially added a quiz to your landing page. The tutorial below will go over the best practices to beautify your quiz landing page with Unbounce.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-beautify-your-landing-page\">How to beautify your landing page with Unbounce&nbsp;<\/h2>\n\n\n\n<p>It\u2019s one thing to embed your quiz on your landing page, but you\u2019ll also need web copy, images, and CTAs.&nbsp;<\/p>\n\n\n\n<p>In this quick tutorial, I\u2019ll show you a few tips to beautify your quiz landing page with Unbounce. Look at Ashley\u2019s landing page as a reference.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/RLdKxOQcHmeNwwcGh--sLakWgQIK8m8bqd1qVvN7dE6l7L9TmWbEfSikwvwlYMrpd-UkzGZlZ64NZZ9wy-vszznVheok2lAVGF8_2C3fO6ZQKzZ6NAHZ4PXZhBu4lTeVJA\" alt=\"quiz landing page from Light Up Your Biz\"\/><\/figure><\/div>\n\n\n<p>I am using <strong>Unbounce\u2019s simple building block template <\/strong>in this tutorial. Now let\u2019s get started!&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Add a headline + description&nbsp;<\/h3>\n\n\n\n<p>Like any landing page, you want to start off with a headline and description. When you click on the headline, a box will appear on the right. Here, you can customize your font, color, and style.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/SdqGo9HQtbtJYWA36ANvaqkOGi9Nu3-61ZJ9AsObOQ1AHHO4PWcOPXEN2DP-XyxGUiEQCmHzMOtVmupsJUT7x5Sovw9MTGmZBXvQ38R1iGDKGamrMfPkBoy-sr6eb_xYrg\" alt=\"landing page with Headline and description\"\/><\/figure><\/div>\n\n\n<p>Start your headline with the title of your quiz. Then add your description below it.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Decorate your background&nbsp;<\/h3>\n\n\n\n<p>This mountain background doesn\u2019t match our quiz. So we\u2019re going to change the background to a gradient color scheme. You can also upload an image or pattern or pick a solid color.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/lK8FqBRJOvigycKvFxeQG27uNneu_T_kQmngHQjsTjV3y9cIeKS0gK9RmgHTELIpDgAkAUkTtFEleNP3wDda0MNnqus8umpXGNWfeyl0CVu4Lp1US8jZRYAV0iow5A-7bQ\" alt=\"changing background\"\/><\/figure><\/div>\n\n\n<p>We also changed the font and description color to match our theme.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Create a call to action&nbsp;<\/h3>\n\n\n\n<p>Next is the call-to-action button. Make sure your button is big enough to view. And fill it with convert-worthy text. Some ideas are:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Find out your (blank)&nbsp;<\/li><li>Start your (blank) journey!&nbsp;<\/li><li>Learn about your (blank)&nbsp;<\/li><li>Take the quiz!&nbsp;<\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/CkZtQ5UGZ7D5qnmKRvHxroJ35YNi7-BN6ZQR3Yexhtc-WF6K9dbBZNpWTuhhIW6KGDeXyBidfjaRiH5xJtRpFW2dBHmJnluYftclMuKCHkUa986CkdvMrI1ufrkeUew0jw\" alt=\"new CTA\"\/><\/figure><\/div>\n\n\n<p>We kept the color purple to match the \u201clove archetype\u201d theme.&nbsp;<\/p>\n\n\n\n<p>You can also embed your quiz alongside your call to action. This way, eager users can get straight to your quiz.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/iLRHLZKfcuk_euTBdKYajdTOGNGG1OfGanFWcwYxC_sqHrstQE0VLCA1Tde2xzmV1eoYhy5KY6xoW4mHUFPiH8LAiX3xwu-6e1G6aaI4erglX08xamk7zhLy7dliWFEhjg\" alt=\"quiz on landing page\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">3. Add images&nbsp;<\/h3>\n\n\n\n<p>Let\u2019s take a quick break from the tutorial and talk about images.&nbsp;<\/p>\n\n\n\n<p><a href=\"https:\/\/bloggingwizard.com\/landing-page-statistics\/\" target=\"_blank\" rel=\"noreferrer noopener\">44% of SaaS landing pages<\/a> include images of people. We crave human connection, so this doesn\u2019t come as a surprise. Most of us look to buy products from real people, not robots.&nbsp;<\/p>\n\n\n\n<p>Try adding a few images of people within your landing page. Or better yet, add a photo of yourself!&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/Si6e675sFtHYdTEq_kUMOu61f_8YIJdBgH2AJPgSCceZM4Xt0AzTgk6vBMif8KZrUF7Wy1YPXjAakWHbi-2zJgTJnLIZIGtl3lOKE5lrxI8vl7qRbiZptlH2W3I0RamMDQ\" alt=\"quiz landing page with smiling woman\"\/><\/figure><\/div>\n\n\n<p>Ashley uploaded a fun-loving headshot. Now her clients can connect with her as directly as possible. But you can also upload:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Stock photos (Try Unsplash, Pexels, and Pixabay)&nbsp;<\/li><li>Illustrations&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Add benefits&nbsp;<\/h3>\n\n\n\n<p><em>You<\/em> know your quiz is off the charts, but does your audience?&nbsp;<\/p>\n\n\n\n<p>Explain why your quiz rules with a benefits section. Drag the \u201csection\u201d box over to your landing page to build a new section.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/vDP4B7317yZxD3Wu4aKglzgJtiM_b7w5exJqH5hA2JepEGftM6h3YqR9ApgGl9baDCz-SFc4Uz5uICFeeLQ99t7bGFpAox7XJcQCnciE_PKSCNYgXN7yO3uqMJNSEDFlhQ\" alt=\"adding a section in Unbounce\"\/><\/figure><\/div>\n\n\n<p>Now you can change the background of your section. I used an image from Unbounce\u2019s gallery, but you can use a solid color or pattern as well.&nbsp;<\/p>\n\n\n\n<p>Next, add text about your quiz benefits. We uploaded a small image to spruce up the page.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/qd6x9HRRr5YiAS5760Ab9hZX0Jkgf2WlOS085Vsx_ZT8vGmw5y5dIWtL3_JRXrykj5_OPai2BVFr-lgnbZHFW5a8M24aSuP5NdcG212JHNYDmEcFIFk4zIYoP5sSxfOGpw\" alt=\"quiz benefits\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">5. Target the pain point&nbsp;<\/h3>\n\n\n\n<p>The pain point is a crucial part of any landing page. Adding pain points tells your audience that you understand their struggle and know how to fix it.&nbsp;<\/p>\n\n\n\n<p>There are many ways to design the pain point section, but we\u2019ll use Unbounce\u2019s \u201cBox\u201d feature. Create a new section and drag the <strong>box<\/strong> icon over to your landing page.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/Cy6NGkIUrCshoUGUKXLfYT4eFISFd3MmMATLlMoLr9fGR4G2oe8XUXX6Wn7gyng_ukcqJr28AL7QNcQwnVYt7Ya3-EftIAqmqlntiXFxWPuO1ARpuUQ6v2B_TpdBAp_8lQ\" alt=\"adding a box to Unbounce landing page\"\/><\/figure><\/div>\n\n\n<p>Next, add the title of your pain point section in this box.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/34KJzVJDxWeNDaryQbjVME_okUbzYX-qyAVd524oxzTOyM7_NsHjRfqBXMxHW6CY1igGMiwfkjfEY7YayJbdXIUHmSHDZ6Zu8pf5Au8q6L3lVTdIC4SjtZyo2b8WyTijag\" alt=\"pain point in a box\"\/><\/figure><\/div>\n\n\n<p>Then drag ANOTHER box inside your first box to add emphasis to your pain point.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/fWiWvfE4gcFd6FqT6fmRfp7lsB1IdoZkdNunEHRAXQ-LGVktu4bKSqhpTbY63nZ61_pvHeLsz2pC1RNfQvnQKoFhslXUD4OoeXlB-nNmqYqGl9xJgGygo9NZmznAeJ8QhQ\" alt=\"more info\"\/><\/figure><\/div>\n\n\n<p>Feel free to add images. Play around with the font and colors!&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Introduce yourself&nbsp;<\/h3>\n\n\n\n<p>Now you can introduce yourself to your audience. Tell them who you are and what makes you an expert in your business.&nbsp;<\/p>\n\n\n\n<p>We\u2019ll show you two ways to decorate your introduction.&nbsp;<\/p>\n\n\n\n<p>The first is with an image and text. Drag an<strong> image to fit your entire section<\/strong>, then add your body of text over the image.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/O15MRiu9m4hL0ZyUySvDN0G0SKmyiV6LL1i5BMdmjmRaYwTgPxwOp1kBmwQxbvOAMCIYfl8qgRKQTthuZF7kHUBYJahvTT1AwGAPb-Fvyf5MTTb4Qhxg0ZukqirzaYSy9Q\" alt=\"introduction to quiz creator\"\/><\/figure><\/div>\n\n\n<p>Another way is with a boxed image.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/2y5VZ3AP5jfcRnsA9KiJVSgCIYNwagkuTr6dHOlmrJgjPkUCjAvKtlvAxd_ty7el_Y37KglQOUFr0Jl9_VTkqTq89ZFEsJ_KfeiodEIumGwjIKbThqqiJdORaoDdj4461g\" alt=\"introduction to quiz creator\"\/><\/figure>\n\n\n\n<p>Here, I added an image inside of a box and added a border color. Then I changed the background color to fit the theme.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Call to action&nbsp;<\/h3>\n\n\n\n<p>To finish a landing page, add a \u201cTake the quiz!\u201d call to action.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/GPnG__uVYriUO9crVepN7AqOLLQoKCIuZ1YK2JHsFRpfd0pznbjpY3fjHa3zwiYNTg9GzYQW39RKz3Tcwv368M6UK-R-vh1G3d1VW23w4EgOXinmSSU9eHPXiUbroLb9pQ\" alt=\"CTA for quiz\"\/><\/figure><\/div>\n\n\n<p>This section can be simple. All you need is a brief description and a link to your quiz.&nbsp;<\/p>\n\n\n\n<p>I kept this Unbounce landing page simple throughout this tutorial, but you can always get in the nitty-gritty and add more images and text, as well as sections with testimonials or reviews.&nbsp;<\/p>\n\n\n\n<p>We go over 20+ quiz landing page examples in our guide, <a href=\"https:\/\/www.tryinteract.com\/blog\/how-to-create-a-quiz-landing-page-that-works\/#how-to-create-a-quiz-landing-page\">How to Create a Quiz Landing Page That Works.&nbsp;<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Where to promote your landing page&nbsp;<\/h2>\n\n\n\n<p>At this point, you\u2019ve created your quiz and quiz landing page. The next step is to promote your page across your website and social media. Below are two ways you can get more traffic with landing page promotion.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Website&nbsp;<\/h3>\n\n\n\n<p>Your website is similar to an in-person shop. People expect to find everything about you on your website\u2026 including your quiz!&nbsp;<\/p>\n\n\n\n<p>There are a couple of ways to add your quiz to your site. We\u2019ll start with the <strong>homepage<\/strong>. Jason and Caroline added their \u201cWhich of these is your business bottleneck?\u201d quiz to their homepage.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Tl3I8o4x6fb1-hVQLLv6wzFn0-fzDFZuyKr924_qhoJNzZdWuWLP8gIks9ohA5JqJ_m5m6oDAAl0k29MNyhNRAXr8xOJ_vTUTPxB4usIx1GEaFF0gZjS9eHIVRjOkpP1UA\" alt=\"promoting quiz on website\"\/><\/figure><\/div>\n\n\n<p>If your quiz is a major part of your strategy, we recommend adding it to your homepage as well. But you can also add your landing page to your menu.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/YQFZBYsNw1YEdVDeOEQ_WV6pL7uWikBD3TrRRi7Q83VSQlcksz0jsTYDw1Z-xfSr3o5LqjG40rdIy8SWrwoZc80KPGPO_T_zoPGhITEPNihsNU9KFQASEBPJHYCB9zk1hg\" alt=\"quiz button in header\"\/><\/figure><\/div>\n\n\n<p>When users click on \u201cFree quiz,\u201d they\u2019re directed to Jason and Caroline\u2019s quiz landing page.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Facebook ads&nbsp;<\/h3>\n\n\n\n<p>Another way to promote your quiz landing page is with PPC ads. Repurpose your landing page copy and switch it to a Facebook ad.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/1_5IADKE1b7wKSV36DjKExoCheXlu6TrofK29k0YhR7ctRpRXPD0PG2RfKxUBMJpFwyQ9C3j8x_GaZUimmK8fvV-u2U9AXJBkaV2JWXaLWc4i7Gvl9V1gFVeIT1_QS0QVQ\" alt=\"Facebook ad of quiz\"\/><\/figure><\/div>\n\n\n<p>Take sections of your landing page copy and add them to your Facebook ad caption, and that\u2019s it! Our software can integrate your quiz into Facebook ads. Learn more about making a <strong>Facebook ad quiz here<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Are you ready to build your first landing page?&nbsp;<\/h2>\n\n\n\n<p>After reading this article, you know:&nbsp;<\/p>\n\n\n\n<p><strong>Why quiz landing pages work:<\/strong> More traffic, leads, and sales!&nbsp;<\/p>\n\n\n\n<p><strong>How to create an Interactive quiz:<\/strong> You can make a quiz in a day (or less) with our software. <a href=\"https:\/\/www.tryinteract.com\/plans\/\">Sign up for an account here<\/a>.&nbsp;<\/p>\n\n\n\n<p><strong>How to add your quiz to an Unbounce landing page:<\/strong> It only takes four steps!&nbsp;<\/p>\n\n\n\n<p><strong>How to beautify your landing page on Unbounce:<\/strong> Remember to check out our guide for more design-worthy examples: <a href=\"https:\/\/www.tryinteract.com\/blog\/how-to-create-a-quiz-landing-page-that-works\/\">How to Build a Quiz Landing Page That Works<\/a>.&nbsp;<\/p>\n\n\n\n<p><strong>Where to promote your landing page: <\/strong>Your website and Facebook ads should be your go-to\u2019s.&nbsp;<\/p>\n\n\n\n<p>With a quiz landing page, you\u2019ll need a seamless email funnel to generate sales on autopilot. Check out our <a href=\"https:\/\/www.tryinteract.com\/blog\/list-building\/\">complete list-building guide<\/a> to get started!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to add a quiz to your Unbounce landing page, here are the step-by-step directions that you need to get it done today.<\/p>\n","protected":false},"author":43,"featured_media":10599,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-12082","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.3.1 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add a Quiz to Your Unbounce Landing Page | Interact Blog<\/title>\n<meta name=\"description\" content=\"If you want to add a quiz to your Unbounce landing page, here are the step-by-step directions that you need to get it done today.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Quiz to Your Unbounce Landing Page\" \/>\n<meta property=\"og:description\" content=\"If you want to add a quiz to your Unbounce landing page, here are the step-by-step directions that you need to get it done today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Interact Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/tryinteract\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-29T16:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-25T16:43:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tryinteract-blog.s3-us-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2015\/02\/rei-kim-YJ9wcT3pfrU-unsplash-e1577716576737.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jessica Pereira\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tryinteract\" \/>\n<meta name=\"twitter:site\" content=\"@tryinteract\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jessica Pereira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"27 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/\",\"url\":\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/\",\"name\":\"How to Add a Quiz to Your Unbounce Landing Page | Interact Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.tryinteract.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/tryinteract-blog.s3-us-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2015\/02\/rei-kim-YJ9wcT3pfrU-unsplash-e1577716576737.jpg\",\"datePublished\":\"2021-07-29T16:30:00+00:00\",\"dateModified\":\"2024-06-25T16:43:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.tryinteract.com\/blog\/#\/schema\/person\/2172f355d38324575f946ae505dd0bab\"},\"description\":\"If you want to add a quiz to your Unbounce landing page, here are the step-by-step directions that you need to get it done today.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#primaryimage\",\"url\":\"https:\/\/tryinteract-blog.s3-us-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2015\/02\/rei-kim-YJ9wcT3pfrU-unsplash-e1577716576737.jpg\",\"contentUrl\":\"https:\/\/tryinteract-blog.s3-us-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2015\/02\/rei-kim-YJ9wcT3pfrU-unsplash-e1577716576737.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"silhouette of people against blue sky\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.tryinteract.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Quiz to Your Unbounce Landing Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.tryinteract.com\/blog\/#website\",\"url\":\"https:\/\/www.tryinteract.com\/blog\/\",\"name\":\"Interact Blog\",\"description\":\"Learn list building with quizzes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.tryinteract.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.tryinteract.com\/blog\/#\/schema\/person\/2172f355d38324575f946ae505dd0bab\",\"name\":\"Jessica Pereira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.tryinteract.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c471a37d628e50a814ae61c069f7bc73?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c471a37d628e50a814ae61c069f7bc73?s=96&d=mm&r=g\",\"caption\":\"Jessica Pereira\"},\"description\":\"Jessica Pereira is a B2B digital marketing and SaaS writer. She helps businesses build long-lasting customer relationships with meaningful content. When she's not writing for clients, she's helping other freelance writers reach their income goals on Freelance to Fortune.\",\"sameAs\":[\"https:\/\/jesspereirawrites.com\/\"],\"url\":\"https:\/\/www.tryinteract.com\/blog\/author\/jessica-pereira\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add a Quiz to Your Unbounce Landing Page | Interact Blog","description":"If you want to add a quiz to your Unbounce landing page, here are the step-by-step directions that you need to get it done today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/","og_locale":"en_US","og_type":"article","og_title":"How to Add a Quiz to Your Unbounce Landing Page","og_description":"If you want to add a quiz to your Unbounce landing page, here are the step-by-step directions that you need to get it done today.","og_url":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/","og_site_name":"Interact Blog","article_publisher":"https:\/\/www.facebook.com\/tryinteract","article_published_time":"2021-07-29T16:30:00+00:00","article_modified_time":"2024-06-25T16:43:08+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/tryinteract-blog.s3-us-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2015\/02\/rei-kim-YJ9wcT3pfrU-unsplash-e1577716576737.jpg","type":"image\/jpeg"}],"author":"Jessica Pereira","twitter_card":"summary_large_image","twitter_creator":"@tryinteract","twitter_site":"@tryinteract","twitter_misc":{"Written by":"Jessica Pereira","Est. reading time":"27 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/","url":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/","name":"How to Add a Quiz to Your Unbounce Landing Page | Interact Blog","isPartOf":{"@id":"https:\/\/www.tryinteract.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#primaryimage"},"image":{"@id":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/tryinteract-blog.s3-us-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2015\/02\/rei-kim-YJ9wcT3pfrU-unsplash-e1577716576737.jpg","datePublished":"2021-07-29T16:30:00+00:00","dateModified":"2024-06-25T16:43:08+00:00","author":{"@id":"https:\/\/www.tryinteract.com\/blog\/#\/schema\/person\/2172f355d38324575f946ae505dd0bab"},"description":"If you want to add a quiz to your Unbounce landing page, here are the step-by-step directions that you need to get it done today.","breadcrumb":{"@id":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#primaryimage","url":"https:\/\/tryinteract-blog.s3-us-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2015\/02\/rei-kim-YJ9wcT3pfrU-unsplash-e1577716576737.jpg","contentUrl":"https:\/\/tryinteract-blog.s3-us-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2015\/02\/rei-kim-YJ9wcT3pfrU-unsplash-e1577716576737.jpg","width":1600,"height":1200,"caption":"silhouette of people against blue sky"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tryinteract.com\/blog\/how-to-add-a-quiz-to-your-unbounce-landing-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.tryinteract.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add a Quiz to Your Unbounce Landing Page"}]},{"@type":"WebSite","@id":"https:\/\/www.tryinteract.com\/blog\/#website","url":"https:\/\/www.tryinteract.com\/blog\/","name":"Interact Blog","description":"Learn list building with quizzes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tryinteract.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.tryinteract.com\/blog\/#\/schema\/person\/2172f355d38324575f946ae505dd0bab","name":"Jessica Pereira","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tryinteract.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c471a37d628e50a814ae61c069f7bc73?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c471a37d628e50a814ae61c069f7bc73?s=96&d=mm&r=g","caption":"Jessica Pereira"},"description":"Jessica Pereira is a B2B digital marketing and SaaS writer. She helps businesses build long-lasting customer relationships with meaningful content. When she's not writing for clients, she's helping other freelance writers reach their income goals on Freelance to Fortune.","sameAs":["https:\/\/jesspereirawrites.com\/"],"url":"https:\/\/www.tryinteract.com\/blog\/author\/jessica-pereira\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/posts\/12082"}],"collection":[{"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/comments?post=12082"}],"version-history":[{"count":3,"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/posts\/12082\/revisions"}],"predecessor-version":[{"id":22777,"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/posts\/12082\/revisions\/22777"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/media\/10599"}],"wp:attachment":[{"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/media?parent=12082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/categories?post=12082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tryinteract.com\/blog\/wp-json\/wp\/v2\/tags?post=12082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}