---
title: "Building and Editing a Quiz"
description: "Step-by-step guide to building quizzes in Aesthetix CRM: pages, questions, rating elements, branching, scoring, mobile styling, and follow-up automation."
url: https://help.aesthetixcrm.com/en/articles/2136-building-and-editing-a-quiz
collection: "Quiz Builder"
updated: 2026-09-15
language: en
---

# Building and Editing a Quiz

Step-by-step guide to building quizzes in Aesthetix CRM: pages, questions, rating elements, branching, scoring, mobile styling, and follow-up automation.

Quizzes in Aesthetix CRM let you capture leads, segment prospective patients, score intent, and trigger automated follow-up based on how someone answers. They live under **Web Tools → Quizzes** and can be embedded on your website or funnel pages, or shared as a direct link.

## Create a Quiz

1.  Navigate to **Web Tools → Quizzes**.
    

![](https://staticfiles.us.gleap.ai/ghelparticle/Td1g5HELrMvuEw0dHBf01QWCLlodBE8ss3TBr1If1Qad73lrvzulwsT0EK17eHo4LbmtLc3sdUQ.png)

2.  Click **\+ Add Quiz**.
    
3.  Choose one of the following:
    
    -   **Start From Scratch** to build a blank quiz.
        
    -   **Use a Template** to start from a prebuilt layout.
        

![](https://staticfiles.us.gleap.ai/ghelparticle/ssWnt3FZjoGPv6MAzXmYn7t4nGsV13jRHWilsSxuvqz2agwrvTgzJjYPpvnnheXhAxDreTsQjZT.png)

4.  Enter a **Quiz Name** (used later for automation and reporting).
    
5.  Click **Save**. You will now enter the Quiz Builder.
    

### Using the Template Library

If you choose **Use a Template**, you'll land in the Template Library, a collection of pre-built quiz layouts organized by goal (lead generation, scoring, assessments, and more). Browse the available templates and click one to preview its structure before committing.

![](https://staticfiles.us.gleap.ai/g/npW3AJ6lsJVGMvlJCL9TIWO3HpsT6nbEWYotO9itGxi2UG6TE4x8GSfl18ErelDL3bsfGuRRkXW.gif)

Once you find a layout you like, click **Continue** to open the quiz editor with that template already loaded. Every part of a template, questions, answers, outcomes, design, and logic, can still be edited, so it's a starting point, not a final draft. Using a template always starts a new quiz; it will never overwrite an existing one.

## Understand the Quiz Builder Layout

-   **Top Bar:** Back, Quiz Name, Preview, Integrate, Save
    
-   **Center Canvas:** Quiz pages and the Result Template
    
-   **Left Panel:** Quiz elements (questions, fields, content blocks)
    
-   **Right Panel:** Settings for the selected page or element
    

## Build Quiz Pages

Quizzes are built using pages, and each page can hold multiple questions or fields. A recommended structure for a practice-facing quiz:

-   **Page 1:** Introductory questions (low friction, e.g. "What brings you in today?")
    
-   **Page 2:** Qualification questions (treatment interest, budget range, timeline)
    
-   **Page 3:** Contact information
    
-   **Result Page:** Recommendation and next steps
    

To add or manage pages:

1.  Use the page controls in the builder to **Add Page**.
    
2.  Drag pages to reorder them as needed.
    
3.  Click a page to begin adding elements to it.
    

## Add Questions and Fields

With a page selected in the canvas:

1.  Click **Add Element** and choose a question or field type.
    

![](https://staticfiles.us.gleap.ai/ghelparticle/gSEqaKTXxsHolRHtRZfeOUAHLuiLxM2Y8uPi6fbvfU6OTIriYMKPPiU10C1bskECUwErH8QbGCJ.png)

**Common question types**

-   Single Choice
    
-   Multiple Choice
    
-   Yes / No
    
-   Short Answer
    
-   Long Answer
    
-   Number
    
-   Dropdown (single or multiple)
    

**Contact and compliance fields**

-   First Name / Last Name
    
-   Email
    
-   Phone Number
    
-   Captcha
    
-   Terms & Conditions Checkbox
    

**Configure each element**

With an element selected, use the right panel to:

-   Edit the **Label**
    
-   Enable **Required**
    
-   Set a **Query Key** (optional, used to prefill the field from a URL parameter)
    

### Add a Rating Element

The Rating Element lets patients give visual feedback, star, heart, thumbs-up, flag, or light bulb icons, instead of typing an answer. It's a good fit for questions like "How would you rate your current skincare routine?"

1.  Open the quiz in the builder.
    

![](https://staticfiles.us.gleap.ai/g/bveoAvhQUendrlRzWg1bHmLo67eCfSoCrsRUYUFdKPpVcVWLlN4gjusV7uCrs8MA9kfBbbF1xzm.png)

2.  Click **Add Element**, scroll to locate the **Rating Element**, and drag it into place on the page.
    

![](https://staticfiles.us.gleap.ai/g/3sbxd2ZAIbG6bBoA6oXwdXhAwhCuyQuKtYcI577KB42dHGonBDsPe5yP3rzNSSaYWjzUeT2nnZs.png)

3.  Click the placed element to open its settings on the right side of the screen, grouped into three sections:
    

![](https://staticfiles.us.gleap.ai/g/iO2PYPvpX3HDgyUdyIyH3KTefoy3nT6VuwNLLfgxjGdTnYfFsea1xON2ycvTRleALcasH4JEi2m.png)

-   **General Settings:** label, field width, and whether it's required.
    
-   **Rating Settings:** icon type (stars, hearts, thumbs-up, flags, light bulbs), icon alignment, number of steps (1 to 10), lowest/highest labels (e.g. "Poor" to "Excellent"), icon colors, and data storage format: **Absolute Value** (raw score, e.g. 4), **Percentage** (e.g. 80%), or **Fraction** (e.g. 4/5).
    
-   **Advanced Settings:** map the rating to a custom field on the contact record.
    

4.  Click **Preview** to test the element. Hovering the icons highlights them in your chosen color, confirming the interaction works before you publish.
    

**Custom field mapping**

Mapping a Rating Element to a custom field stores the response on the contact record, which lets you use it to trigger automations, apply conditional logic, personalize follow-up, or segment your list.

![](https://staticfiles.us.gleap.ai/g/S0mcRKQGeiMnHoY2rwjuW05Zecw6Y0pJVDk687bDg0jWhocdjKNfPUu8vh0zHwVPWAb7nlsrNlV.png)

**Reviewing rating submissions**

You can review ratings in the quiz's submission table, on the individual contact record, or in a PDF export of the submission, where the rating is also logged to the contact's timeline.

## Inline Editing

Instead of opening the right-hand settings panel for every small change, you can click directly on most text inside the builder preview and edit it in place: labels, placeholders, multiple-choice options, and button text all update instantly as you type.

![](https://staticfiles.us.gleap.ai/g/Vz4pj8XH7FV2ZcFaH6zYFhJUx4jpwogNLGRl8wFJR4ybgurnYCFzqXfRxtADZC9pFu1Ybuv2rc8.png)

Text elements, headings, and the Terms & Conditions block also support richer inline formatting, bold, italic, underline, size, and color, applied right where you're typing so you can preview the result immediately.

![](https://staticfiles.us.gleap.ai/g/El2QVejEI8clwJmSUbpmTHQMQnrYrvjdOZY1gMtAYHvKX34P4DUTp4mM0ygXFh4zpMakm1hitJN.gif)

To use inline editing:

1.  Open the quiz in the builder.
    
2.  Click directly on the label, placeholder, dropdown option, radio option, or button text you want to change.
    

![](https://staticfiles.us.gleap.ai/g/oT37yr447NP1gI5w8J5dv2AO72bBrObYKVvR13rw3cNG4KIGnDdrjOtGk1UwzN85rtEA9NvP929.png)

3.  Type to replace the text; changes appear immediately in the preview.
    
4.  Repeat for any other elements, then click **Save** to lock in your changes.
    

Inline editing is available by default, no setup required, and the full settings panel is still there for more advanced configuration whenever you need it.

**Mobile-specific text**

If you switch the builder to the mobile device view, you can enter separate copy for mobile, shorter headlines or alternate placeholders that fit a smaller screen, without touching your desktop text. Desktop and mobile content are stored independently so one never overwrites the other.

## Clone Elements and Slides

Cloning lets you duplicate a question, field, or entire slide you've already configured, styling, validation rules, and content included, so you can reuse it instead of rebuilding it.

**Clone an element**

1.  Open the quiz in the builder.
    
2.  Hover over the element you want to duplicate.
    
3.  Click **Clone** (the two-rectangle icon). The copy appears directly below the original.
    

![](https://staticfiles.us.gleap.ai/g/WVWZT96u9yPL17diW3SISkHrckj7UdbfSlTDa1h7LybCW0B7AZDllCNIedQKfIlmqUEBylTKNyg.png)

4.  Click the new element and adjust it as needed. Editing the clone never affects the original.
    

**Clone an entire slide**

1.  Move your cursor to the top-right corner of the slide.
    
2.  Click **Clone Slide**. A full duplicate, including layout, design blocks, and question elements, is created.
    

![](https://staticfiles.us.gleap.ai/g/Rbw1OjunO9tUWjb47LcK4xUFtIaqPENz45mwDczUQAPJk1Ek3j93hCGliAuPTGZ02UcG9QiZg7E.png)

3.  Make any changes needed to the new slide.
    

There's no limit to how many times you can clone an element or slide. To remove an accidental clone, hover it and click **Delete**.

## Add Branching Logic (Jump To Rules)

Branching logic lets the quiz adapt based on how someone answers.

1.  Select a multiple-choice or yes/no question.
    
2.  In the element settings, locate **Jump To** or the conditional navigation option.
    
3.  For each answer choice, select the page or step the quiz should jump to.
    
4.  Save and preview the quiz to confirm the logic routes correctly.
    

## Set Up Categories and Scoring

Categories and scoring let you evaluate patient intent and display a dynamic result.

![](https://staticfiles.us.gleap.ai/ghelparticle/7M1VWBiQAN2qK9b9TYCsrJJBclhBPET5HhZUFzbydHeyqft0Bjkn7OqntHe3M0gXjzDOyWmrOnS.png)

**Create categories**

1.  Open the **Categories / Scoring** section.
    
2.  Add categories (for example: High Intent, Medium Intent, Nurture).
    

**Assign scores**

![](https://staticfiles.us.gleap.ai/ghelparticle/NHqsjOU25zxBhqMLZINMn6fVwXeC4A351NXQXvTHnFP6OJaS8LWd8ISHx4H6VOn6zjBBBBQvMH8.png)

1.  Select a question.
    
2.  For each answer option, assign a **Category** and a **Score Value**.
    
3.  Repeat for every scored question, then save the quiz.
    

## Configure the Results Page

After submitting, the patient sees the Result Page. Scroll to the **Result Template** section in the builder and click **Edit Template** to open it.

**Configure score tiers**

![](https://staticfiles.us.gleap.ai/ghelparticle/ZFF8nt7uZpxcyfDyPwUyi0N860jqfJqzxuIPWUwioAPxlFAm9hTcAM3uZwzSAbrGaApVf4LfN9z.png)

1.  Open **Score Tier Settings**.
    
2.  Define ranges, for example:
    
    -   Low: 0-39
        
    -   Medium: 40-79
        
    -   High: 80-100
        
3.  Save your changes.
    

**Add result content**

For each tier, you can include:

-   A headline or summary message
    
-   Recommendation text
    
-   A call-to-action button (e.g. Book Consultation)
    
-   Optional disclaimers or next steps
    

**Add a call to action**

1.  Insert a CTA button on the result template.
    
2.  Link it to a booking calendar, funnel step, or webpage.
    
3.  Save the result template.
    

## Add the Mobile Progress Bar

On multi-step quizzes, a mobile-only progress bar shows respondents how far along they are, which helps reduce drop-off before the last page. It stays hidden on desktop and on single-step quizzes, since there's nothing to show progress toward.

![](https://staticfiles.us.gleap.ai/g/uvnNgnmqf00jUkGqxvyihLaIP7mjb1OqsL9VOUIJIrObsVNIE30vRzywoDXILSbja1GsnnD8UBq.png)

1.  Navigate to **Web Tools → Quizzes**.
    

![](https://staticfiles.us.gleap.ai/g/N1gS4xFCHR6N7YIhBCGyjWAnseNv3J2ARgaewPqBWWEzaL471fLEQtRbZ71EKD4Ftk9aCOOWKrU.png)

2.  Open the quiz you want to edit (or create a new one).
    

![](https://staticfiles.us.gleap.ai/g/X86C4q7HlCifmpq7UootQIYMSzQF5qtReMGKlZXplDHUiE1nSF8SmQjmKZQh3aJ2EkVbPofxAeu.png)

3.  Click **Styles & Options** at the top-right of the builder.
    

![](https://staticfiles.us.gleap.ai/g/jQREYyPDZ3xd78EJC5aORXjmnyL72CnavtGTm2lOWygS6HHbmSfsLJL6ELPDYfPdOf5lo4BrVCL.png)

4.  Scroll to the **Footer** section and expand it.
    
5.  Use the device selector next to Footer to switch to **Phone**. The Progress Bar toggle is only selectable in this mobile view, not in desktop mode.
    
6.  Toggle **Enable Progress Bar** on.
    

![](https://staticfiles.us.gleap.ai/g/hJNAQrWK6qun74gDvxuOr8wGbhMdA63xMhFFiRTJ6w7TX4dHKVpwEZvDtLxLzdaAI0aT16O9PWo.png)

7.  Set the **Step Text Color** (controls the step label, e.g. "1 of 3"), **Progress Bar Fill** (the filled portion), and **Progress Bar Inactive** color (the unfilled portion) to match your practice's branding, using HEX values for precision. Click **Save**.
    

![](https://staticfiles.us.gleap.ai/g/I8y2UlQ47NLiTJ5sNp7MzIRO3bX3A4am8nRqgCpTd57zDVJBfm5i0YFTPOibZSieacpP4F9lxSM.png)

The progress bar works with both "Stick to Card" and "Stick to Page" footer styles, and it's off by default, so you'll need to enable it individually on each multi-step quiz you want it to appear on.

## Use the Mobile Editor

The Mobile Editor lets you style how a quiz looks on phones independently of its desktop design, so you're never forced to compromise between the two.

1.  Open the quiz from your builder dashboard.
    

![](https://staticfiles.us.gleap.ai/g/877OaC2D47TgVCCYaAg00fdlcbWAFOsIMyF8ToyrJoSb9hGFE7DDkIoX86BiTA0BsQ1iAlV4BVx.png)

2.  Click the device toggle at the top of the screen to switch to **Mobile View**.
    

![](https://staticfiles.us.gleap.ai/g/g4N9B0bFabvjGTuXM62K5oBOQILvEfoNCG6iSmnsQfjwyxnlFiE6vqY6tQpIXo7LxDB2UqoxBZZ.png)

3.  In Mobile View, the right-hand panel offers mobile-specific settings:
    
    -   **Layout Style:** choose your preferred mobile layout.
        
    -   **Mobile Header Image:** upload an image specifically for mobile headers.
        
    -   **Mobile Background Image:** upload a mobile-specific background image.
        
    -   **Font Settings:** adjust font family, size, and weight independently for **Labels**, **Short Labels**, and **Placeholder Text**.
        
4.  Once you're satisfied, click **Save**, then **Preview** to test the mobile design before publishing.
    

Styles set in Mobile View never overwrite Desktop, and vice versa, each device has its own style panel for properties like background color, padding, border, and font weight. You can even set top and bottom padding to a true 0px on mobile without affecting the desktop layout.

![](https://staticfiles.us.gleap.ai/g/eRD3mgTBXrdk9pbKQZFN5Of9nXqv0mxTtU7DKpcUM6c3pwweIhAIF17uajApKrQeMcb8geHZSqB.gif)

**Mobile header and background images**

Because mobile users scroll vertically, tighter, portrait-style images tend to look cleaner than a desktop image simply scaled down (which often crops or distorts). Upload separate header and background images sized for small screens.

**Mobile font styling**

Text sized well for desktop can feel cramped or oversized on a phone. Adjust font family, size, and weight independently for Labels, Short Labels, and Placeholders so the quiz stays easy to read on any screen.

## Set Quiz Notifications

1.  In the Quiz Builder, open **Notifications**.
    
2.  Configure:
    
    -   **Internal Notification:** an email sent to your team when a quiz is submitted.
        
    -   **Auto-Responder Email:** sent to the person who took the quiz.
        
3.  Customize the sender details and message content for each.
    
4.  Save your notification settings.
    

## Publish and Integrate the Quiz

1.  Click **Save**.
    
2.  Click **Integrate**.
    
3.  Choose one of the following:
    
    -   **Embed Code:** paste it into a website or funnel page (see the Funnels & Websites collection for embedding steps).
        
    -   **Direct Link:** share it via email, SMS, ads, or social media.
        

## Automate Follow-Up with Workflows

Once a quiz is live, use Workflows to act on the responses automatically. Create a new workflow with the **Quiz Submitted** trigger, filter by quiz name, score, or category if needed, and add actions such as sending an SMS or email, creating or updating an opportunity, assigning a team member, or creating a task. Full detail on trigger and action configuration lives in the Workflows collection.

## HIPAA Note

If your quiz asks about symptoms, conditions, or treatment history, that information becomes part of the patient's record once it's tied to their contact. Only route it into workflows, notifications, or team members who need it for care or follow-up, and avoid pasting quiz responses into channels outside Aesthetix CRM.

## Testing Checklist

Before sending a quiz live, confirm:

-   All pages and questions display correctly
    
-   Branching logic routes to the right pages
    
-   Scores and categories calculate as expected
    
-   Contact information saves to the contact record
    
-   Workflows trigger correctly on submission
    
-   The result page CTA link works
    

## Frequently Asked Questions

**Can I customize a quiz after starting from a template?** Yes. Once you click Continue on a template, everything is editable, including questions, answers, styles, logic, and the result page.

**Will using a template affect my existing quizzes?** No. Starting from a template always creates a new quiz and never overwrites one you've already built.

**Is inline editing available for every element type?** It works across text fields, dropdowns, checkboxes, radio buttons, buttons, headers, and paragraphs. More advanced settings still require the right-hand settings panel.

**Do I need to turn on inline editing?** No. It's available by default; just click any editable text in the builder preview.

**Does cloning work for both single elements and full slides?** Yes, elements can be cloned in quizzes, forms, and surveys, but full slide cloning is only available in quizzes and surveys, not standalone forms.

**Will the mobile progress bar show up on desktop?** No. It's mobile-only. Desktop visitors see the standard quiz layout without a progress bar.

**What happens if my quiz only has one step?** The progress bar stays hidden automatically, since there's no multi-step progress to display.

**Can I use different images on mobile than on desktop?** Yes. Upload separate header and background images through the Mobile Editor; they apply only to the mobile view and leave your desktop design untouched.

**Can the Rating Element feed into automations?** Yes, once it's mapped to a custom field, the rating value can be used as a trigger or condition inside a workflow.

**What if I change a score tier or rating scale after people have already responded?** Existing responses were recorded under the old ranges, so changing tiers or scales afterward may make earlier results interpret differently. It's best to finalize scoring before you publish.