> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.quizell.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Integrate Calendly with Your Quiz

## **Introduction**

With **Quizell’s Calendly integration**, you can seamlessly schedule meetings, demos, or consultations **directly within your quiz**.

This feature allows you to:

* Capture and qualify leads in one step
* Automate meeting scheduling
* Ensure every interested user books a time before proceeding

When embedded, participants must complete the Calendly booking before moving to the next quiz page — helping you convert leads into confirmed meetings effortlessly.

## **Step-by-Step Setup Guide**

### **Step 1: Open the Quiz Editor**

1. Go to your **Quizell Dashboard**.
2. Select the quiz where you want to add Calendly.
3. Click **Editor** in the left-hand menu to open the quiz builder.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-1028-113931-am_1og3n2g.jpg =1000x556)

### **Step 2: Add the Calendly Block**

1. Navigate to a **Lead Page** in your quiz (Calendly can only be added on lead pages).
2. From the **left toolbar**, drag and drop the **Calendly block** into the quiz page.
3. The block will appear as a placeholder in the editor.

💡 *Note:* The actual Calendly scheduling interface will only appear in **Preview mode** — not inside the editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-1028-114103-am_1e2gyyv.jpg =1000x556)

### **Step 3: Configure Your Calendly Settings**

1. In the **Calendly Settings** panel, paste your Calendly URL — for example: `https://calendly.com/yourname/demo`
2. *(Optional)* Add **UTM parameters** (e.g., utm_source or utm_campaign) to track where bookings originate.
3. Adjust **height**, **padding**, and **layout** to match your quiz design.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-1028-114225-am_z6x27e.jpg =1000x556)

### **Step 4: Pass Name and Email Automatically**

If your quiz collects user details — such as **Full Name** and **Email** — *before* the Calendly step, Quizell will automatically send this information to Calendly.

💡 This means leads won’t need to re-enter their details during booking, creating a smoother experience and maintaining consistent data.

### **Step 5: Preview and Test Your Quiz**

1. Click **Preview** in the top-right corner of the editor.
2. Book a meeting using the Calendly embed to confirm everything works correctly.
3. You’ll notice that users **cannot move to the next page** until they schedule a meeting — ensuring every qualified lead completes the booking process.

## **Tips for Best Results**

* **Keep it simple:** Use clear instructions above the Calendly block (e.g., “Book your free demo below to continue”).
* **Pre-fill lead info:** Always include name and email fields before the Calendly step for a smoother experience.
* **Optimize for mobile:** Test your quiz preview on both desktop and mobile to ensure Calendly fits well on all screen sizes.

## **What’s Next?**

Continue building a seamless lead experience with these related guides:

* [How to Add Lead Input Fields to Your Quiz](https://help.quizell.com/en/article/how-to-add-a-lead-input-to-your-quiz-1rlahiu/)
* [How to Connect Quizell with Klaviyo](https://help.quizell.com/en/article/how-to-connect-klaviyo-to-your-quizell-account-1xcif1i/)
* [How to Use Custom JavaScript in Your Quiz](https://help.quizell.com/en/article/how-to-add-custom-javascript-to-your-quiz-1wb6nxo/)
* [How to Personalize Quiz Content Using User Data](https://help.quizell.com/en/article/how-to-personalize-quiz-content-using-user-data-in-quizell-15lev1j/)