> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-socket-io-parser-4.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Page types

> Add different types of pages on your Fillout form or use a single page for all your questions.

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>;
};

## How to add a page

By default, new forms in Fillout have a single **Form** page that comes with an **Ending** page. You can see both at the bottom of the form.

To create **multi-page forms**, click `+ Add page` and select your [page type](/page-types).

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-socket-io-parser-4/hsMElHuTl8-g90me/images/Screenshot2025-10-01at4.25.42PM.png?fit=max&auto=format&n=hsMElHuTl8-g90me&q=85&s=8d75b23be85a2d6cb6fe1bc51d11b91a" alt="Screenshot 2025-10-01 at 4.25.42 PM.png" title="Screenshot 2025-10-01 at 4.25.42 PM.png" style={{ width:"51%" }} className="mr-auto" width="770" height="901" data-path="images/Screenshot2025-10-01at4.25.42PM.png" />

## List of page types

<CardGroup cols={2}>
  <Card title="Form Page" icon="page" iconType="regular" color="#FFC738" href="/form-page">
    Ask any type of question, collect signatures, display PDFs, and more.
  </Card>

  <Card title="Cover Page" icon="book" iconType="regular" color="#FFC738" href="/cover-page">
    Welcome users to your form and add a logo to match your brand.
  </Card>

  <Card title="Ending Page" icon="party-bell" iconType="regular" color="#FFC738" href="/ending-page">
    Show a thank you page, redirect, or allow repeat responses.
  </Card>

  <Card title="Review Page" icon="magnifying-glass" iconType="regular" color="#FFC738" href="/review-page">
    Let respondents review their answers before submitting your form.
  </Card>

  <Card title="Payment Page" icon="credit-card" iconType="regular" color="#FFC738" href="/payment-page">
    Make a page where the products and price automatically update.
  </Card>

  <Card title="Login Page" icon="key" iconType="regular" color="#FFC738" href="/login-page">
    Require respondents to verify their email, enter a password, or use SSO.
  </Card>

  <Card title="Scheduling Page" icon="calendar-day" iconType="regular" color="#FFC738" href="/scheduling-page">
    Allow respondents to book a time slot on your calendar.
  </Card>
</CardGroup>

## Copy and paste a page

Click <Icon icon="ellipsis-vertical" iconType="solid" /> next to the name of the page followed by `Copy`. Then, paste anywhere using `⌘ + V` or `Ctrl + V`.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-socket-io-parser-4/hsMElHuTl8-g90me/images/Screenshot2025-10-01at4.26.25PM.png?fit=max&auto=format&n=hsMElHuTl8-g90me&q=85&s=47f110166c74417180f428db69e7f069" alt="Screenshot 2025-10-01 at 4.26.25 PM.png" title="Screenshot 2025-10-01 at 4.26.25 PM.png" style={{ width:"47%" }} className="mr-auto" width="406" height="337" data-path="images/Screenshot2025-10-01at4.26.25PM.png" />

Alternatively, you may also click `Duplicate`.

<Check>
  You can copy an entire page from one form you're working on to another form.
</Check>

## Change the order of pages

You can arrange the order pages are shown to respondents through [**page logic**](/page-logic) in the lower right corner.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-socket-io-parser-4/YKgllqc5PLzBqn5-/images/11.webp?fit=max&auto=format&n=YKgllqc5PLzBqn5-&q=85&s=dd6ae4c8243d93f438387b6ee92e03ca" alt="Change the order of pages" width="2440" height="1427" data-path="images/11.webp" />

## Related articles

<CardGroup cols={3}>
  <Card title="Page layout" icon="rectangles-mixed" iconType="regular" color="#FFC738" href="/layout">
    Change the position of headings, questions, and background image.
  </Card>

  <Card title="Multiple columns" icon="table-columns" iconType="regular" color="#FFC738" href="/multi-column-forms">
    Display questions side by side, rather than stacked vertically.
  </Card>

  <Card title="Page logic" icon="diagram-project" iconType="regular" color="#FFC738" href="/page-logic">
    Hide or show pages or custom endings based on respondent input.
  </Card>
</CardGroup>

<SupportBanner />
