Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
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.
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.
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 showsIllustrates 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 19What 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 showsIllustrates 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 19What 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.
Type
Name
Description
Quick Add > Questions
Single Choice
Many options visible, one selection.
Quick Add > Questions
Multiple Choice
Many options visible, multiple selections.
Quick Add > Questions
Yes / No
Yes or No, select one.
Quick Add > Questions
Short Answer
A small text entry field.
Quick Add > Questions
Long Answer
A large text entry field that scrolls.
Quick Add > Questions
Number
A field that allows only numbers (positive or negative) with up/down arrows to add or subtract 1.
Quick Add > Questions
Single Dropdown
Many options in dropdown, one selection.
Quick Add > Questions
Multi Dropdown
Many options in dropdown, multiple selection.
Quick Add > Personal Info
Full Name
Text field
Quick Add > Personal Info
First Name
Text field
Quick Add > Personal Info
Last Name
Text field
Quick Add > Personal Info
Date of birth
Date picker
Quick Add > Personal Info
Phone
Validated phone field
Quick Add > Personal Info
Email
Validated email field
Quick Add > Address
Address
Text field
Quick Add > Address
City
Text field
Quick Add > Address
State
Text field
Quick Add > Address
Country
Country dropdown search
Quick Add > Address
Postal Code
Text field
Quick Add > Address
Organization
Text field
Quick Add > Address
Website
Validated URL field
Quick Add > Rating
Rating
5 stars
Quick Add > Customized
Text
Not an input field, just a way to add text to the quiz without adding a question.
Quick Add > Customized
Html
Add a 3rd party html script to the quiz.
Quick Add > Customized
Captcha
I'm not a robot
Quick Add > Customized
Source
Add a custom value to be tracked as the source of the lead.
Quick Add > Customized
T & C
Checkbox with customizable "I agree..." field.
Quick Add > Customized
Score
Number field
Quick Add > Other
Image
Not an input field, just a way to add an image to the quiz.
Quick Add > Other
File Upload
File picker
Quick Add > Other
Monetary
Entry field
Quick Add > Other
Signature
Drawing 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).
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 showsIllustrates 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 19What this coversFor more information, see: How to Assign Categories and Scoring in Quizzes With Dynamic Result Messages - A Complete Guide!
Buttons and menus referencedCategoriesScoring
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
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).
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.
Results Page (image 4 of 19)What this shows For more information, see: Customizing Quiz Results PageWhat this showsIllustrates 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 19What this coversFor more information, see: Customizing Quiz Results PageNext 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
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.
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.
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 PageWhat this shows Step 1 of 3: From the quiz editor, go to Settings then select Edit Results Page.What this showsShows 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 19What to chooseFrom the quiz editor, go to Settings then select Edit Results Page.
Buttons and menus referencedSettingsConfigure Score Tiers
Next stepClick Configure Score TiersAll 3 steps in this procedure
From the quiz editor, go to Settings then select Edit Results Page. this image
Click Configure Score Tiers
Edit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones.
Click Configure Score Tiers
Step 2 of 3: Click Configure Score TiersWhat this shows Step 2 of 3: Click Configure Score TiersWhat this showsShows 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 19What to clickClick Configure Score Tiers
Buttons and menus referencedConfigure 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
From the quiz editor, go to Settings then select Edit Results Page.
Click Configure Score Tiers this image
Edit the names, colors and and ranges for each of the tiers. You can also removing existing tiers or add new ones.
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 showsShows 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 19What 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 referencedSettingsConfigure Score Tiers
All 3 steps in this procedure
From the quiz editor, go to Settings then select Edit Results Page.
Click Configure Score Tiers
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:
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.
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.
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 FieldsWhat this showsIllustrates 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 19What this coversFor more information on setting up CRM Mapping, see: Map Quiz Results to CRM Custom FieldsNext stepNavigate to Sites → Quizzes → + Add Quiz or select a quiz to edit.All 2 steps in this procedure
Segment Contacts: Filter or group contacts based on their quiz performance.
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 showsIllustrates 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 19Where to goNavigate to Sites → Quizzes → + Add Quiz or select a quiz to edit.
Buttons and menus referencedSites → 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 StartFrom 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 showsIllustrates 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 19What 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 referencedStartFrom 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 showsIllustrates 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 19What 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 showsIllustrates 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 19What 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 showsIllustrates 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 19What 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 showsIllustrates 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 19What 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 showsIllustrates 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 19What 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 showsIllustrates 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 19How 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 showsIllustrates 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 19Where 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 settingsNext 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 showsIllustrates 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 19What 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 PagesNext 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 showsIllustrates 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 19What 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 referencedEmbedLink
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
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.
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.