> ## Documentation Index
> Fetch the complete documentation index at: https://fillout.com/help/llms.txt
> Use this file to discover all available pages before exploring further.

# Scheduling page

> Let respondents book a time slot on your calendar using Fillout Scheduling, Calendly, or Cal.com, directly from your Fillout form. Optionally pre-fill fields and save booking data to your integrations.

export const SupportBanner = () => {
  const titleId = React.useId();
  return <div className="support-banner" role="region" aria-labelledby={titleId}>
      <span className="support-banner__ring support-banner__ring--outer" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--middle" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--inner" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--center" aria-hidden="true" />

      <div className="support-banner__content">
        <div className="support-banner__title" id={titleId} role="heading" aria-level="2">Still have questions?</div>

        <div className="support-banner__copy">
          <span className="support-banner__line">Our team is happy to help. Start a live chat using the</span>
          <span className="support-banner__line">
            chat bubble <span className="support-banner__chat-icon" aria-hidden="true" /> in the bottom right, or email us at
          </span>
          <span className="support-banner__line">
            <a href="mailto:support@fillout.com">support{'@'}fillout.com</a>
          </span>
        </div>

        <a className="support-banner__cta" href="mailto:support@fillout.com">Contact us</a>
      </div>
    </div>;
};

<Note>
  To collect one or more dates without requiring respondents to schedule on your calendar, add [date fields](https://www.fillout.com/help/date-range) instead.
</Note>

## How to add a scheduling page

Click `+ Add page` and choose **Scheduling**.

<img src="https://mintcdn.com/fillout-005a867b/l_7jXsLqwgRsLAv4/images/Screenshot2025-10-02at2.46.29PM.png?fit=max&auto=format&n=l_7jXsLqwgRsLAv4&q=85&s=548bc2189565b477eadf8a5720fa05cf" alt="Screenshot 2025-10-02 at 2.46.29 PM.png" width="2653" height="1436" data-path="images/Screenshot2025-10-02at2.46.29PM.png" />

Choose your scheduler.

<img src="https://mintcdn.com/fillout-005a867b/l_7jXsLqwgRsLAv4/images/Screenshot2025-10-02at2.48.12PM.png?fit=max&auto=format&n=l_7jXsLqwgRsLAv4&q=85&s=67660c7b9834e3028d1dc19f59961dc9" alt="Screenshot 2025-10-02 at 2.48.12 PM.png" title="Screenshot 2025-10-02 at 2.48.12 PM.png" style={{ width:"64%" }} width="1454" height="546" data-path="images/Screenshot2025-10-02at2.48.12PM.png" />

## Schedulers

Fillout has its own native scheduler (supported by Google and Outlook Calendars) and currently supports [Calendly](https://calendly.com/) and [Cal.com](https://cal.com/). If you prefer to use another scheduler, you can [request it here](https://forms.fillout.com/t/c85QiJrD7Vus).

<Info>
  Calendly and Cal.com are available on the **Starter** plan and above. Learn more about our pricing plans and advanced features [**here**](https://www.fillout.com/pricing).
</Info>

### Fillout Scheduling

Select `Scheduling` to grant Fillout access to your Google, Zoom, or Teams calendar. Check out this [guide](/help/fillout-scheduling-intro) to learn more. Then, select a meeting type.

<img src="https://mintcdn.com/fillout-005a867b/l_7jXsLqwgRsLAv4/images/Screenshot2025-10-02at2.49.59PM.png?fit=max&auto=format&n=l_7jXsLqwgRsLAv4&q=85&s=28054d42e67b8ac9270a529cc1e15622" alt="Screenshot 2025-10-02 at 2.49.59 PM.png" title="Screenshot 2025-10-02 at 2.49.59 PM.png" style={{ width:"78%" }} width="1454" height="530" data-path="images/Screenshot2025-10-02at2.49.59PM.png" />

### **Calendly setup**

`Connect to Calendly` and grant Fillout access, and **Choose event**.

<img src="https://mintcdn.com/fillout-005a867b/CKiuqsV2M8JgNFaD/images/image-4.webp?fit=max&auto=format&n=CKiuqsV2M8JgNFaD&q=85&s=7769da12f50c2f79ceb437bdfebcdcb4" alt="Fillout Scheduling" style={{ width:"78%" }} width="1285" height="1105" data-path="images/image-4.webp" />

### [Cal.com](http://cal.com/) setup

For `Cal.com`, copy and paste the link of your scheduling event. You can provide either the unique event or the full scheduling link.

<img src="https://mintcdn.com/fillout-005a867b/CKiuqsV2M8JgNFaD/images/image-5.webp?fit=max&auto=format&n=CKiuqsV2M8JgNFaD&q=85&s=c8551416c08ca6d42bf998ff013dd5df" alt="Fillout Scheduling" style={{ width:"81%" }} width="1637" height="1089" data-path="images/image-5.webp" />

That’s it! Go to `Preview` mode in the top right corner to try it out. You can always change which event your scheduling page is linked to in the right-hand panel by clicking your calendar's <Icon icon="gear-complex" iconType="solid" /> icon.

On the Fillout `Results` page, you’ll see a **direct link** to the new scheduling event, tied to every submission.

## Pre-fill information

You can pass in information to the Scheduling question type using **Calendly/Cal.com prefills** in the right-hand panel. Click your calendar's <Icon icon="gear-complex" iconType="solid" /> icon to make the panel appear.

This is useful if you’ve already asked your respondent for their email or name, or if you’d like to pre-fill the calendar to a particular date.

<img src="https://mintcdn.com/fillout-005a867b/l_7jXsLqwgRsLAv4/images/Screenshot2025-10-02at2.56.17PM.png?fit=max&auto=format&n=l_7jXsLqwgRsLAv4&q=85&s=58e14524551411bac51a334760eaebad" alt="Screenshot 2025-10-02 at 2.56.17 PM.png" title="Screenshot 2025-10-02 at 2.56.17 PM.png" style={{ width:"44%" }} width="504" height="512" data-path="images/Screenshot2025-10-02at2.56.17PM.png" />

Click <Icon icon="square-plus" iconType="solid" /> to select the value you would like to reference. In this example, we'll pre-fill their email.

## Save the booked time to an integration

You can save the Stripe payment ID to the integration of your choice by referencing it. Go to `Integrate` from the top menu and choose a platform.

Under **Mappings**, click `+ Add new` and look for the **Event URL** or other event fields.

<img src="https://mintcdn.com/fillout-005a867b/l_7jXsLqwgRsLAv4/images/Screenshot2025-10-02at3.05.43PM.png?fit=max&auto=format&n=l_7jXsLqwgRsLAv4&q=85&s=1a7bb4bfbef50f0a68e3dc44c20ec320" alt="Screenshot 2025-10-02 at 3.05.43 PM.png" title="Screenshot 2025-10-02 at 3.05.43 PM.png" style={{ width:"62%" }} width="762" height="580" data-path="images/Screenshot2025-10-02at3.05.43PM.png" />

## Related articles

<CardGroup cols={3}>
  <Card color="#FFC738" icon="calendar-circle-plus" iconType="regular" href="fillout-scheduling-intro" title="Scheduling Form">
    Make a scheduling form with Fillout Scheduling for free.
  </Card>

  <Card color="#FFC738" icon="link" iconType="regular" href="/help/integrations" title="Integrations">
    Connect with dozens of native, 3rd party apps, and REST API services.
  </Card>

  <Card color="#FFC738" icon="chart-user" iconType="regular" href="/help/make-forms-that-convert" title="Conversion Kit">
    Enrich and validate emails, route leads, and more.
  </Card>
</CardGroup>

<SupportBanner />
