Skip to content
Sites

Quiz Builder Guide

Learn how to use the Quiz Builder to create interactive quizzes, configure scoring, and publish across funnels and websites.

9 min read2,133 words19 explained imagesUpdated Wed, 2 Sep at 11:51 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of the Quiz Builder
  2. Quiz Builder Layout and Navigation
  3. Reordering Quiz Elements
  4. Quiz Elements
  5. Add Object Fields
  6. Scoring and Categories
  7. Results Page
  8. How to Configure Score Tiers on the Results Page
  9. Submissions and CRM Mapping
  10. How to Create a Quiz
  11. Frequently Asked Questions
  12. Related Articles

The Quiz Builder lets you create interactive quizzes that collect lead data and deliver personalized results. Use scoring, categories, automations, and CRM mapping to turn quiz responses into personalized experiences.

Video 1 Open in a new tab


TABLE OF CONTENTS


What is the Quiz Builder?

The Quiz Builder allows you to create interactive quizzes that collect lead details, qualify intent, and produce a personalized outcome at the end of the quiz. Quizzes can include multiple pages and question types, optional scoring and categories, and a customizable results page with messaging and calls-to-action.

You can build from scratch or use templates, and publish using an embed code or share link. Submissions can be mapped into CRM custom fields and used to trigger workflows for segmented follow-up.


Key Benefits of the Quiz Builder

  • Audience Segmentation: Use quiz responses and scoring to group contacts based on outcomes and intent.
  • Automation-Ready Follow-Up: Trigger workflows immediately when a quiz is submitted for real-time engagement.
  • Personalized Experience: Customize the results page with score tiers, sections, and CTAs to guide next steps.
  • CRM Mapping: Map quiz outcomes (scores, tiers, categories) into CRM custom fields for ongoing segmentation and reporting.

Quiz Builder Layout and Navigation

Use the builder tabs to move between the main quiz areas:

Edit: Add questions, pages, and design elements.

Settings: Configure quiz logic, results, and integrations.

Notifications: Configure internal email notifications and Auto Responder emails.

Submissions: Review quiz response data without leaving the builder.

Quiz Builder Layout and Navigation (image 1 of 19) What this shows Submissions: Review quiz response data without leaving the builder. What this shows Illustrates the "Quiz Builder Layout and Navigation" section of "Quiz Builder Guide". This screenshot appears in the "Quiz Builder Layout and Navigation" section of "Quiz Builder Guide". The text alongside this image reads: Submissions: Review quiz response data without leaving the builder. Immediately after, the guide continues: Reordering quiz elements helps you control the flow of questions and keep the quiz experience clear for respondents. Better drag feedback is especially useful in longer quizzes, where small layout changes can otherwise take more time. Image 1 of 19 What this coversSubmissions: Review quiz response data without leaving the builder. Next stepReordering quiz elements helps you control the flow of questions and keep the quiz experience clear for respondents. Better drag feedback is especially useful in longer quizzes, where small layout changes can otherwise take more time.

Reordering Quiz Elements

Reordering quiz elements helps you control the flow of questions and keep the quiz experience clear for respondents. Better drag feedback is especially useful in longer quizzes, where small layout changes can otherwise take more time.

To reorder quiz elements, click and drag an element to a new position in the builder. As you move the element, GHL Customer Care shows a subtle shadow for clearer feedback and automatically scrolls when you drag near the top or bottom of a longer quiz. This makes it easier to move elements across the page without dropping them just to scroll manually.

Reordering Quiz Elements (image 2 of 19) What this shows To reorder quiz elements, click and drag an element to a new position in the builder. What this shows Illustrates the "Reordering Quiz Elements" section of "Quiz Builder Guide". This animation appears in the "Reordering Quiz Elements" section of "Quiz Builder Guide". The text alongside this image reads: To reorder quiz elements, click and drag an element to a new position in the builder. As you move the element, GHL Customer Care shows a subtle shadow for clearer feedback and automatically scrolls when you drag near the top or bottom of a longer quiz. This makes it easier to move elements across…. Immediately after, the guide continues: There are many prebuilt quiz elements to drag & drop. In addition to the quick add elements, you can also add any Contact or Opportunity Custom Field to the quiz. Image 2 of 19 What to clickTo reorder quiz elements, click and drag an element to a new position in the builder. As you move the element, GHL Customer Care shows a subtle shadow for clearer feedback and automatically scrolls when you drag near the top or bottom of a longer quiz. This makes it easier to move elements across the page without dropping them just to scroll manually. Next stepThere are many prebuilt quiz elements to drag & drop. In addition to the quick add elements, you can also add any Contact or Opportunity Custom Field to the quiz.

Quiz Elements

There are many prebuilt quiz elements to drag & drop. In addition to the quick add elements, you can also add any Contact or Opportunity Custom Field to the quiz.

Add Object Fields

Use Add Object Fields in the Quiz Builder to browse or search fields from supported objects.
You can select multiple fields and add them together by clicking Add N fields or by dragging the selected group onto the quiz canvas.
Field rows display their type and query key to help you identify the correct field.
TypeNameDescription
Quick Add > QuestionsSingle ChoiceMany options visible, one selection.
Quick Add > QuestionsMultiple ChoiceMany options visible, multiple selections.
Quick Add > QuestionsYes / NoYes or No, select one.
Quick Add > QuestionsShort AnswerA small text entry field.
Quick Add > QuestionsLong AnswerA large text entry field that scrolls.
Quick Add > QuestionsNumberA field that allows only numbers (positive or negative) with up/down arrows to add or subtract 1.
Quick Add > QuestionsSingle DropdownMany options in dropdown, one selection.
Quick Add > QuestionsMulti DropdownMany options in dropdown, multiple selection.
Quick Add > Personal InfoFull NameText field
Quick Add > Personal InfoFirst NameText field
Quick Add > Personal InfoLast NameText field
Quick Add > Personal InfoDate of birthDate picker
Quick Add > Personal InfoPhoneValidated phone field
Quick Add > Personal InfoEmailValidated email field
Quick Add > AddressAddressText field
Quick Add > AddressCityText field
Quick Add > AddressStateText field
Quick Add > AddressCountryCountry dropdown search
Quick Add > AddressPostal CodeText field
Quick Add > AddressOrganizationText field
Quick Add > AddressWebsiteValidated URL field
Quick Add > RatingRating5 stars
Quick Add > CustomizedTextNot an input field, just a way to add text to the quiz without adding a question.
Quick Add > CustomizedHtmlAdd a 3rd party html script to the quiz.
Quick Add > CustomizedCaptchaI'm not a robot
Quick Add > CustomizedSourceAdd a custom value to be tracked as the source of the lead.
Quick Add > CustomizedT & CCheckbox with customizable "I agree..." field.
Quick Add > CustomizedScoreNumber field
Quick Add > OtherImageNot an input field, just a way to add an image to the quiz.
Quick Add > OtherFile UploadFile picker
Quick Add > OtherMonetaryEntry field
Quick Add > OtherSignatureDrawing pad

Scoring and Categories

Scoring and categories are the “logic layer” of a quiz. They help you translate answers into a clear result so the contact sees the right outcome on the results page

  • Categories are the possible outcome groups your quiz can return. Think of them as labels for results (for example: “Beginner,” “Intermediate,” “Advanced,” or “Service A vs Service B”). Answers can be tied to a category so the quiz knows which outcome the contact aligns with.
  • Scoring is the point system used to calculate a numeric result. Points are assigned to answer options, then totaled to determine a total score, category score or score tier (for example: 0–10 = Starter, 11–20 = Growth, 21–30 = Scale).
For more information, see: How to Assign Categories and Scoring in Quizzes With Dynamic Result Messages - A Complete Guide!
Scoring and Categories (image 3 of 19) What this shows For more information, see: How to Assign Categories and Scoring in Quizzes With Dynamic Result Messages - A Complete Guide! What this shows Illustrates the "Scoring and Categories" section of "Quiz Builder Guide". This screenshot appears in the "Scoring and Categories" section of "Quiz Builder Guide". The text alongside this image reads: For more information, see: How to Assign Categories and Scoring in Quizzes With Dynamic Result Messages - A Complete Guide! Immediately after, the guide continues: The results page is the final step contacts see after submitting your quiz. It’s where you present the outcome (such as a score, tier, or category), explain what that outcome means, and guide the contact to the next best action. Image 3 of 19 What this coversFor more information, see: How to Assign Categories and Scoring in Quizzes With Dynamic Result Messages - A Complete Guide!
Buttons and menus referenced CategoriesScoring
Next stepThe results page is the final step contacts see after submitting your quiz. It’s where you present the outcome (such as a score, tier, or category), explain what that outcome means, and guide the contact to the next best action.
All 2 steps in this procedure
  1. Categories are the possible outcome groups your quiz can return. Think of them as labels for results (for example: “Beginner,” “Intermediate,” “Advanced,” or “Service A vs Service B”). Answers can be tied to a category so the quiz knows which outcome the contact aligns with.
  2. Scoring is the point system used to calculate a numeric result. Points are assigned to answer options, then totaled to determine a total score, category score or score tier (for example: 0–10 = Starter, 11–20 = Growth, 21–30 = Scale).

Results Page

The results page is the final step contacts see after submitting your quiz. It’s where you present the outcome (such as a score, tier, or category), explain what that outcome means, and guide the contact to the next best action.

Using a strong results page increases conversions because it connects the quiz outcome to a clear recommendation (e.g. booking a call, choosing the right offer, or starting the right nurture path). You are able to customize the results page to match your use and branding:

  • Edit the Header: Add your logo, business name, and custom text. Adjust layout, padding, and background color.
  • Configure Scores: The results are based on dynamic content. You can edit the text displayed for each score tier (e.g., Low, Medium, High).
  • Adjust Tiers: You can set the percentage ranges that define each tier (e.g., Low = 0-39%, Medium = 40-79%, etc.). You can also change the color associated with each tier to visually represent the result (e.g., red for low scores, green for high scores).
  • Add a Call-to-Action (CTA): Edit the CTA section to encourage the next step. For example, "Want to talk about your results? Book a call!" You can then hyperlink the button to your calendar, a product page, or another resource.
  • Customize the Footer: Add a footer logo, social media links, and even make it sticky.
For more information, see: Customizing Quiz Results Page
Results Page (image 4 of 19) What this shows For more information, see: Customizing Quiz Results Page What this shows Illustrates the "Results Page" section of "Quiz Builder Guide". This screenshot appears in the "Results Page" section of "Quiz Builder Guide". The text alongside this image reads: For more information, see: Customizing Quiz Results Page. Immediately after, the guide continues: Score tiers let you display different results content based on the contact’s total score. This keeps results personalized without requiring separate quizzes. Image 4 of 19 What this coversFor more information, see: Customizing Quiz Results Page Next stepScore tiers let you display different results content based on the contact’s total score. This keeps results personalized without requiring separate quizzes.
All 5 steps in this procedure
  1. Edit the Header: Add your logo, business name, and custom text. Adjust layout, padding, and background color.
  2. Configure Scores: The results are based on dynamic content. You can edit the text displayed for each score tier (e.g., Low, Medium, High).
  3. Adjust Tiers: You can set the percentage ranges that define each tier (e.g., Low = 0-39%, Medium = 40-79%, etc.). You can also change the color associated with each tier to visually represent the result (e.g., red for low scores, green for high scores).
  4. Add a Call-to-Action (CTA): Edit the CTA section to encourage the next step. For example, "Want to talk about your results? Book a call!" You can then hyperlink the button to your calendar, a product page, or another resource.
  5. Customize the Footer: Add a footer logo, social media links, and even make it sticky.

How to Configure Score Tiers on the Results Page

Score tiers let you display different results content based on the contact’s total score. This keeps results personalized without requiring separate quizzes.

  1. From the quiz editor, go to Settings then select Edit Results Page.

    Step 1 of 3: From the quiz editor, go to Settings then select Edit Results Page What this shows Step 1 of 3: From the quiz editor, go to Settings then select Edit Results Page. What this shows Shows what to choose for step 1 of 3 in the "How to Configure Score Tiers on the Results Page" section of "Quiz Builder Guide". This screenshot accompanies step 1 of 3 in the "How to Configure Score Tiers on the Results Page" section of "Quiz Builder Guide". At this point in the walkthrough you from the quiz editor, go to Settings then select Edit Results Page. The next step is to click Configure Score Tiers. Step 1 of 3Image 5 of 19 What to chooseFrom the quiz editor, go to Settings then select Edit Results Page.
    Buttons and menus referenced SettingsConfigure Score Tiers
    Next stepClick Configure Score Tiers
    All 3 steps in this procedure
    1. From the quiz editor, go to Settings then select Edit Results Page. this image
    2. Click Configure Score Tiers
    3. Edit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones.
  2. Click Configure Score Tiers

    Step 2 of 3: Click Configure Score Tiers What this shows Step 2 of 3: Click Configure Score Tiers What this shows Shows what to click for step 2 of 3 in the "How to Configure Score Tiers on the Results Page" section of "Quiz Builder Guide". This screenshot accompanies step 2 of 3 in the "How to Configure Score Tiers on the Results Page" section of "Quiz Builder Guide". At this point in the walkthrough you click Configure Score Tiers. For context, this section explains: Score tiers let you display different results content based on the contact’s total score. This keeps results personalized without requiring separate quizzes. The next step is to edit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones. Step 2 of 3Image 6 of 19 What to clickClick Configure Score Tiers
    Buttons and menus referenced Configure Score TiersSettings
    Next stepEdit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones.
    All 3 steps in this procedure
    1. From the quiz editor, go to Settings then select Edit Results Page.
    2. Click Configure Score Tiers this image
    3. Edit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones.
  3. Edit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones.

    Step 3 of 3: Edit the names, colors and and ranges for each of the tiers. You can… What this shows Step 3 of 3: Edit the names, colors and and ranges for each of the tiers. What this shows Shows what this covers for step 3 of 3 in the "How to Configure Score Tiers on the Results Page" section of "Quiz Builder Guide". This screenshot accompanies step 3 of 3 in the "How to Configure Score Tiers on the Results Page" section of "Quiz Builder Guide". At this point in the walkthrough you edit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones. Step 3 of 3Image 7 of 19 What this coversEdit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones.
    Buttons and menus referenced SettingsConfigure Score Tiers
    All 3 steps in this procedure
    1. From the quiz editor, go to Settings then select Edit Results Page.
    2. Click Configure Score Tiers
    3. Edit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones. this image


Submissions and CRM Mapping

CRM Field Mapping writes a contact’s quiz outcomes, such as overall score and tier, per‑category scores and tiers, and highest/lowest category details, into contact custom fields.

Once quiz data is mapped into the CRM, you can use it in multiple ways:

  1. Segment Contacts: Filter or group contacts based on their quiz performance.
    • Create a Smart List of users with “Overall Score ≥ 80.”
    • Group users by “Fitness Tier = Beginner” for targeted messages.
  2. Personalize Automations: Use quiz results to tailor follow-up workflows.
    • Send different nurture emails depending on the highest or lowest category.
    • Trigger actions when a category score crosses a threshold.
For more information on setting up CRM Mapping, see: Map Quiz Results to CRM Custom Fields
Submissions and CRM Mapping (image 8 of 19) What this shows For more information on setting up CRM Mapping, see: Map Quiz Results to CRM Custom Fields What this shows Illustrates the "Submissions and CRM Mapping" section of "Quiz Builder Guide". This screenshot appears in the "Submissions and CRM Mapping" section of "Quiz Builder Guide". The text alongside this image reads: For more information on setting up CRM Mapping, see: Map Quiz Results to CRM Custom Fields. Immediately after, the guide continues: Navigate to Sites → Quizzes → + Add Quiz or select a quiz to edit. Image 8 of 19 What this coversFor more information on setting up CRM Mapping, see: Map Quiz Results to CRM Custom Fields Next stepNavigate to Sites → Quizzes → + Add Quiz or select a quiz to edit.
All 2 steps in this procedure
  1. Segment Contacts: Filter or group contacts based on their quiz performance.
  2. Personalize Automations: Use quiz results to tailor follow-up workflows.

How to Create a Quiz

Step 1: Open Quiz Editor

Navigate to Sites → Quizzes → + Add Quiz or select a quiz to edit.

Step 1: Open Quiz Editor (image 9 of 19) What this shows Navigate to Sites → Quizzes → + Add Quiz or select a quiz to edit. What this shows Illustrates the "Step 1: Open Quiz Editor" section of "Quiz Builder Guide". This screenshot appears in the "Step 1: Open Quiz Editor" section of "Quiz Builder Guide". The text alongside this image reads: Navigate to Sites → Quizzes → + Add Quiz or select a quiz to edit. Immediately after, the guide continues: Choose Start From Scratch or From Template. In the Template Library you can browse, filter, and search for a template. Preview and activate one to load it into the Quiz Builder. Image 9 of 19 Where to goNavigate to Sites → Quizzes → + Add Quiz or select a quiz to edit.
Buttons and menus referenced Sites → Quizzes → + Add Quiz
Next stepChoose Start From Scratch or From Template. In the Template Library you can browse, filter, and search for a template. Preview and activate one to load it into the Quiz Builder.

Step 2: Choose a Template

Choose Start From Scratch or From Template. In the Template Library you can browse, filter, and search for a template. Preview and activate one to load it into the Quiz Builder.

Step 2: Choose a Template (image 10 of 19) What this shows Choose Start From Scratch or From Template. What this shows Illustrates the "Step 2: Choose a Template" section of "Quiz Builder Guide". This screenshot appears in the "Step 2: Choose a Template" section of "Quiz Builder Guide". The text alongside this image reads: Choose Start From Scratch or From Template. In the Template Library you can browse, filter, and search for a template. Preview and activate one to load it into the Quiz Builder. Immediately after, the guide continues: Configure the quiz based on your needs. You can add as many questions and pages as needed! Image 10 of 19 What to chooseChoose Start From Scratch or From Template. In the Template Library you can browse, filter, and search for a template. Preview and activate one to load it into the Quiz Builder.
Buttons and menus referenced StartFrom ScratchFrom Template
Next stepConfigure the quiz based on your needs. You can add as many questions and pages as needed!

Step 3: Configure the Quiz

Configure the quiz based on your needs. You can add as many questions and pages as needed!

Add and Delete Pages: All pages will appear in the order listed (Page 1 first, Page 2 second, etc).

Step 3: Configure the Quiz (image 11 of 19) What this shows Add and Delete Pages: All pages will appear in the order listed (Page 1 first, Page 2 second, etc). What this shows Illustrates the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". This screenshot appears in the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". The text alongside this image reads: Add and Delete Pages: All pages will appear in the order listed (Page 1 first, Page 2 second, etc). Immediately after, the guide continues: Add and Delete Elements: Elements must be added to a Page. Elements can be dragged and dropped to reorder them inside a Page or to move them to a different Page. Image 11 of 19 What this coversAdd and Delete Pages: All pages will appear in the order listed (Page 1 first, Page 2 second, etc). Next stepAdd and Delete Elements: Elements must be added to a Page. Elements can be dragged and dropped to reorder them inside a Page or to move them to a different Page.

Add and Delete Elements: Elements must be added to a Page. Elements can be dragged and dropped to reorder them inside a Page or to move them to a different Page.

Step 3: Configure the Quiz (image 12 of 19) What this shows Add and Delete Elements: Elements must be added to a Page. What this shows Illustrates the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". This screenshot appears in the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". The text alongside this image reads: Add and Delete Elements: Elements must be added to a Page. Elements can be dragged and dropped to reorder them inside a Page or to move them to a different Page. Immediately after, the guide continues: Edit Element: Click an Element to highlight it and also open its settings in the Right Panel. Generally the Element will have a Question (the question shown to the Quiz user) and other standard settings like the Query Key (to pre-fill the…. Image 12 of 19 What this coversAdd and Delete Elements: Elements must be added to a Page. Elements can be dragged and dropped to reorder them inside a Page or to move them to a different Page. Next stepEdit Element: Click an Element to highlight it and also open its settings in the Right Panel. Generally the Element will have a Question (the question shown to the Quiz user) and other standard settings like the Query Key (to pre-fill the question from a URL parameter and Required or Hidden. Each Element also has unique settings (ex: choice questions have Options which also allow Jump To branching logic).

Edit Element: Click an Element to highlight it and also open its settings in the Right Panel. Generally the Element will have a Question (the question shown to the Quiz user) and other standard settings like the Query Key (to pre-fill the question from a URL parameter and Required or Hidden. Each Element also has unique settings (ex: choice questions have Options which also allow Jump To branching logic).

Step 3: Configure the Quiz (image 13 of 19) What this shows Edit Element: Click an Element to highlight it and also open its settings in the Right Panel. What this shows Illustrates the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". This screenshot appears in the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". The text alongside this image reads: Edit Element: Click an Element to highlight it and also open its settings in the Right Panel. Generally the Element will have a Question (the question shown to the Quiz user) and other standard settings like the Query Key (to pre-fill the question from a URL parameter and Required or Hidden. Each…. Immediately after, the guide continues: Notifications: Select the Notifications tab to configure quiz email settings. You can enable an internal Email Notification and an Auto Responder for the person who submits the quiz. Image 13 of 19 What to fill inEdit Element: Click an Element to highlight it and also open its settings in the Right Panel. Generally the Element will have a Question (the question shown to the Quiz user) and other standard settings like the Query Key (to pre-fill the question from a URL parameter and Required or Hidden. Each Element also has unique settings (ex: choice questions have Options which also allow Jump To branching logic). Next stepNotifications: Select the Notifications tab to configure quiz email settings. You can enable an internal Email Notification and an Auto Responder for the person who submits the quiz.

Notifications: Select the Notifications tab to configure quiz email settings. You can enable an internal Email Notification and an Auto Responder for the person who submits the quiz.

You can configure the subject, recipient email address, reply-to email address, and sender name.

Quiz email notifications can include:

Quiz Submission PDF: Contains the submitted responses.

Quiz Results Page PDF: Contains the evaluated or scored results page.

Enable Auto Responder when you want the quiz participant to receive the selected PDF automatically.

Step 3: Configure the Quiz (image 14 of 19) What this shows Enable Auto Responder when you want the quiz participant to receive the selected PDF automatically. What this shows Illustrates the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". This screenshot appears in the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". The text alongside this image reads: Enable Auto Responder when you want the quiz participant to receive the selected PDF automatically. Immediately after, the guide continues: Categories: Click the Grid icon to open the category popover. From here, you can add, rename, and delete categories, then assign categories and scores to answer options. The popover also explains how categories flow into the Result Page…. Image 14 of 19 What this coversEnable Auto Responder when you want the quiz participant to receive the selected PDF automatically. Next stepCategories: Click the Grid icon to open the category popover. From here, you can add, rename, and delete categories, then assign categories and scores to answer options. The popover also explains how categories flow into the Result Page, so you understand how category scores will display.

Categories: Click the Grid icon to open the category popover. From here, you can add, rename, and delete categories, then assign categories and scores to answer options. The popover also explains how categories flow into the Result Page, so you understand how category scores will display.

Step 3: Configure the Quiz (image 15 of 19) What this shows Categories: Click the Grid icon to open the category popover. What this shows Illustrates the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". This screenshot appears in the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". The text alongside this image reads: Categories: Click the Grid icon to open the category popover. From here, you can add, rename, and delete categories, then assign categories and scores to answer options. The popover also explains how categories flow into the Result Page, so you understand how category scores will display. Immediately after, the guide continues: Styles & Options: Click the lines & dots icon on the right side of the Top Panel. Under Styles you'll find Layout, Footer, Colors & Background, and Miscellaneous. Layout includes spacing controls such as the top margin so you can adjust…. Image 15 of 19 What to clickCategories: Click the Grid icon to open the category popover. From here, you can add, rename, and delete categories, then assign categories and scores to answer options. The popover also explains how categories flow into the Result Page, so you understand how category scores will display. Next stepStyles & Options: Click the lines & dots icon on the right side of the Top Panel. Under Styles you'll find Layout, Footer, Colors & Background, and Miscellaneous. Layout includes spacing controls such as the top margin so you can adjust the space above your quiz content without custom CSS. Under Options you'll find On Submit (what to do when the Quiz is done), Facebook Pixel ID, Facebook Pixel Events, Quiz Settings, and Footer HTML.

Styles & Options: Click the lines & dots icon on the right side of the Top Panel. Under Styles you'll find Layout, Footer, Colors & Background, and Miscellaneous. Layout includes spacing controls such as the top margin so you can adjust the space above your quiz content without custom CSS. Under Options you'll find On Submit (what to do when the Quiz is done), Facebook Pixel ID, Facebook Pixel Events, Quiz Settings, and Footer HTML.

Step 3: Configure the Quiz (image 16 of 19) What this shows Styles & Options: Click the lines & dots icon on the right side of the Top Panel. What this shows Illustrates the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". This screenshot appears in the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". The text alongside this image reads: Styles & Options: Click the lines & dots icon on the right side of the Top Panel. Under Styles you'll find Layout, Footer, Colors & Background, and Miscellaneous. Layout includes spacing controls such as the top margin so you can adjust the space above your quiz content without custom CSS. Under…. Immediately after, the guide continues: Element-Level Label Alignment: Element-level label alignment lets you set a different label position for each field, instead of applying one global alignment to the entire quiz. Use it to fine‑tune visual rhythm and spacing, especially in…. Image 16 of 19 How to confirmStyles & Options: Click the lines & dots icon on the right side of the Top Panel. Under Styles you'll find Layout, Footer, Colors & Background, and Miscellaneous. Layout includes spacing controls such as the top margin so you can adjust the space above your quiz content without custom CSS. Under Options you'll find On Submit (what to do when the Quiz is done), Facebook Pixel ID, Facebook Pixel Events, Quiz Settings, and Footer HTML. Next stepElement-Level Label Alignment: Element-level label alignment lets you set a different label position for each field, instead of applying one global alignment to the entire quiz. Use it to fine‑tune visual rhythm and spacing, especially in compact layouts. To set element-level label alignment, first select a question. In the right sidebar, use the selector Arrows under Label Alignment to define your choice. Keep in mind that on mobile, alignment automatically defaults to Top, ensuring a clear, user-friendly layout regardless of desktop settings

Element-Level Label Alignment: Element-level label alignment lets you set a different label position for each field, instead of applying one global alignment to the entire quiz. Use it to fine‑tune visual rhythm and spacing, especially in compact layouts. To set element-level label alignment, first select a question. In the right sidebar, use the selector Arrows under Label Alignment to define your choice. Keep in mind that on mobile, alignment automatically defaults to Top, ensuring a clear, user-friendly layout regardless of desktop settings

Step 3: Configure the Quiz (image 17 of 19) What this shows Element-Level Label Alignment: Element-level label alignment lets you set a different label position for each field, instead of applying… What this shows Illustrates the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". This screenshot appears in the "Step 3: Configure the Quiz" section of "Quiz Builder Guide". The text alongside this image reads: Element-Level Label Alignment: Element-level label alignment lets you set a different label position for each field, instead of applying one global alignment to the entire quiz. Use it to fine‑tune visual rhythm and spacing, especially in compact layouts. To set element-level label alignment…. Immediately after, the guide continues: You are able to customize the results page to match your use and branding. For more information on customizing the results page, see: Customizing Quiz Result Pages. Image 17 of 19 Where to goElement-Level Label Alignment: Element-level label alignment lets you set a different label position for each field, instead of applying one global alignment to the entire quiz. Use it to fine‑tune visual rhythm and spacing, especially in compact layouts. To set element-level label alignment, first select a question. In the right sidebar, use the selector Arrows under Label Alignment to define your choice. Keep in mind that on mobile, alignment automatically defaults to Top, ensuring a clear, user-friendly layout regardless of desktop settings Next stepYou are able to customize the results page to match your use and branding. For more information on customizing the results page, see: Customizing Quiz Result Pages

Step 4: Customize the Results Page

You are able to customize the results page to match your use and branding. For more information on customizing the results page, see: Customizing Quiz Result Pages

Step 4: Customize the Results Page (image 18 of 19) What this shows You are able to customize the results page to match your use and branding. What this shows Illustrates the "Step 4: Customize the Results Page" section of "Quiz Builder Guide". This screenshot appears in the "Step 4: Customize the Results Page" section of "Quiz Builder Guide". The text alongside this image reads: You are able to customize the results page to match your use and branding. For more information on customizing the results page, see: Customizing Quiz Result Pages. Immediately after, the guide continues: Once you've saved your quiz, click the Integrate button in the top-right corner. You have two options. Image 18 of 19 What this coversYou are able to customize the results page to match your use and branding. For more information on customizing the results page, see: Customizing Quiz Result Pages Next stepOnce you've saved your quiz, click the Integrate button in the top-right corner. You have two options:

Step 5: Integrate and Publish

Once you've saved your quiz, click the Integrate button in the top-right corner. You have two options:

  • Embed: Copy the iframe code to embed the quiz directly onto your website or funnel pages.
  • Link: Copy the direct link to share in emails, social media, or conversations.
Step 5: Integrate and Publish (image 19 of 19) What this shows Embed: Copy the iframe code to embed the quiz directly onto your website or funnel pages. What this shows Illustrates the "Step 5: Integrate and Publish" section of "Quiz Builder Guide". This screenshot appears in the "Step 5: Integrate and Publish" section of "Quiz Builder Guide". The text alongside this image reads: Embed: Copy the iframe code to embed the quiz directly onto your website or funnel pages. Link: Copy the direct link to share in emails, social media, or conversations. Immediately after, the guide continues: Q: Can I integrate Quiz Builder with my website? Yes, you can embed quizzes on your website using the provided embed code or share them via a direct link. Image 19 of 19 What to copyEmbed: Copy the iframe code to embed the quiz directly onto your website or funnel pages. Link: Copy the direct link to share in emails, social media, or conversations.
Buttons and menus referenced EmbedLink
Next stepQ: Can I integrate Quiz Builder with my website? Yes, you can embed quizzes on your website using the provided embed code or share them via a direct link.
All 2 steps in this procedure
  1. Embed: Copy the iframe code to embed the quiz directly onto your website or funnel pages.
  2. Link: Copy the direct link to share in emails, social media, or conversations.

Frequently Asked Questions

Q: Can I integrate Quiz Builder with my website?
Yes, you can embed quizzes on your website using the provided embed code or share them via a direct link.

Q: Can I customize the scoring system?
Yes, you can assign different points to each question and set up multiple score categories.

Q: Does Quiz Builder support branching logic?
Yes, you can create quizzes that adapt dynamically by setting up "Jump to" rules for different answers.

Q: How can I analyze quiz results?
You can view all submissions and analyze results from the Quiz dashboard by navigating to Sites > Quizzes and selecting Submissions from the dropdown.

Q: Can I automate follow-ups based on quiz scores?
Yes, use the Quiz Submitted Trigger in the Workflow Builder to create automated follow-up sequences based on the user's score or category.

Q: Is Quiz Builder suitable for certification exams?
Yes, you can create quizzes for certifications, assign pass/fail criteria, and then use workflows to deliver certificates accordingly.


Was this guide helpful?

Related guides