> ## 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.

# Enable auto jump on your form

> Instantly take users to the next page after they select an option. Boost completion rates and streamline your form with Fillout’s auto jump.

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

## Overview

By default, when respondents finish answering a page, they have to click a button to go to the next page. With **auto jump**, the respondent is automatically redirected to the next page after making a selection, without having to click a button.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-socket-io-parser-4/zC0LQIX9o5dnEI68/images/ajhd.gif?s=561314a6aedf09f82755a8df8ced2c59" alt="aj hd.gif" width="1748" height="1080" data-path="images/ajhd.gif" />

<Warning>
  Respondents still need to click the **submit** button at the last form page to complete the form.
</Warning>

## How to enable auto jump

Open your form settings by clicking <Icon icon="gear-complex" /> on the upper right area.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-socket-io-parser-4/3ZcO_yEJK-WTjJHC/images/Screenshot2025-10-15at12.59.02PM.png?fit=max&auto=format&n=3ZcO_yEJK-WTjJHC&q=85&s=8b8432318b56aabb79c0bfd2138a4a15" alt="Screenshot 2025-10-15 at 12.59.02 PM.png" title="Screenshot 2025-10-15 at 12.59.02 PM.png" style={{ width:"37%" }} width="737" height="137" data-path="images/Screenshot2025-10-15at12.59.02PM.png" />

On the left side, choose `Form behavior` to toggle `Auto-jump to the next page`.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-socket-io-parser-4/KKmYfTaGUE6kYImk/images/Screenshot2025-10-16at2.34.33PM.png?fit=max&auto=format&n=KKmYfTaGUE6kYImk&q=85&s=deed6595111b39096d961b11fa81ed2b" alt="Screenshot 2025-10-16 at 2.34.33 PM.png" width="2558" height="600" data-path="images/Screenshot2025-10-16at2.34.33PM.png" />

<Warning>
  This only works for form pages with a single choice answer. The following fields are supported: Dropdown, Multiple choice, Picture choice, Opinion scale, and Star rating.
</Warning>

Remember to `Publish` your form to reflect the changes. Now, respondents will no longer need to click a button to proceed to the next page.

## Hide buttons

You can also create forms without buttons if you want respondents to focus only on answering. Click the button followed by its <Icon icon="gear" iconType="solid" /> to open the right panel. Under **Logic**, toggle `Hide always`.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-socket-io-parser-4/KKmYfTaGUE6kYImk/images/Screenshot2025-10-16at2.41.15PM.png?fit=max&auto=format&n=KKmYfTaGUE6kYImk&q=85&s=d0291912493b2ca0412fb8b093519e37" alt="Screenshot 2025-10-16 at 2.41.15 PM.png" title="Screenshot 2025-10-16 at 2.41.15 PM.png" style={{ width:"79%" }} width="1404" height="478" data-path="images/Screenshot2025-10-16at2.41.15PM.png" />

<Warning>
  You still need to make the button at the last page visible so that respondents can submit your form.
</Warning>

## Other features to enhance UX

<CardGroup cols={3}>
  <Card title="Progress bar" icon="bars-progress" iconType="solid" color="#FFC738" href="/progress-bar">
    Customize the default progress bar on your form.
  </Card>

  <Card title="Pre-fill fields" icon="fill" iconType="solid" color="#FFC738" href="/prefill-fields">
    Pre-populate fields based on previous inputs and more.
  </Card>

  <Card title="Email notifications" icon="envelope-dot" iconType="regular" color="#FFC738" href="/email-notifications">
    Get alerts for submissions or integration issues.
  </Card>
</CardGroup>

<SupportBanner />
