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

# Getting Started

> Welcome to Fillout, the easiest way to create surveys, quizzes, and forms online! Customize your form, connect it with apps and databases, and use other powerful features.

export const Arcade = ({src}) => {
  const fullSrc = src.startsWith('http') ? src : `https://demo.arcade.software/${src}?embed&embed_mobile=tab&embed_desktop=inline&show_copy_link=true`;
  return <div style={{
    position: "relative",
    paddingBottom: "calc(56.111111% + 41px)",
    height: "0px",
    width: "100%"
  }}>
      <iframe src={fullSrc} title="build.fillout.com" frameBorder="0" loading="lazy" webkitallowfullscreen="true" mozallowfullscreen="true" allowFullScreen allow="clipboard-write" style={{
    position: "absolute",
    top: "0",
    left: "0",
    width: "100%",
    height: "100%",
    colorScheme: "light"
  }} />
    </div>;
};

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

## Interactive demo

<Arcade src="4m6c823z0ZwUmSWzX86j" />

## Guides

<CardGroup cols={2}>
  <Card title="Make a Form" icon="file-lines" iconType="regular" color="#FFC738" href="/help/make-a-form">
    Create powerful forms, surveys, and quizzes with Fillout in a few easy steps.
  </Card>

  <Card title="Enable Email Notifications" icon="envelope-dot" iconType="regular" color="#FFC738" href="/help/email-notifications">
    Get notified on form submissions or integration-related issues.
  </Card>

  <Card title="Page Types" icon="files" iconType="regular" color="#FFC738" href="/help/page-types">
    Use different page types or a single page for all your questions.
  </Card>

  <Card title="Field Types" icon="question" iconType="regular" color="#FFC738" href="/help/question-types">
    Use over 50 different question or field types to make your forms.
  </Card>

  <Card title="View Responses" icon="chart-tree-map" iconType="regular" color="#FFC738" href="/help/view-responses">
    View all submissions to your form. Use filtering and sorting or export to CSV.
  </Card>

  <Card title="Button Types" icon="square-right" iconType="regular" color="#FFC738" href="/help/button-types">
    Change the labels, alignment, design, and animation of the buttons.
  </Card>
</CardGroup>

## Why Fillout?

**Powerful features**

With Fillout, you can add 50+ highly customizable fields to your forms, including text boxes, radio buttons, address, CAPTCHA, checkboxes, date and time, ranking, and more.

**User-friendly experience**

We've designed Fillout with simplicity in mind. An intuitive drag-and-drop interface ensures that creating forms is a breeze, even if you're new to online form building.

**Seamless integration**

Fillout integrates natively with a range of different applications and databases. Whether it's connecting to your favorite CRM, email marketing platform, or tables, we've got you covered.

**Custom branding**

You can customize the look and feel of your forms to match your brand, ensuring a consistent and professional image. Customize themes, add your logo, use custom domains, and more.

**Effortless data management and analytics**

Access and analyze your data with ease, whether on desktop or mobile. Look at drop-off analytics to improve your conversion rates.

<SupportBanner />