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

# Advanced Fillout Guides

> Advanced guides on Fillout's intricate features and capabilities.

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

## Pre-filling

<CardGroup cols={2}>
  <Card color="#FFC738" icon="fill" iconType="solid" href="/help/prefill-fields" title="Pre-fill fields">
    Set default values using past inputs, URL parameters, and more.
  </Card>

  <Card color="#FFC738" icon="calendar-days" iconType="regular" href="/help/pre-fill-dates" title="Pre-fill dates">
    Set the default value to today, tomorrow, or another date.
  </Card>

  <Card color="#FFC738" icon="list-dropdown" iconType="regular" href="/help/dynamic-form-dropdowns" title="Populate dropdown options with a webhook">
    Dynamically populate from a REST API.
  </Card>

  <Card color="#FFC738" icon="brackets-curly" iconType="regular" href="/help/url-parameters" title="URL parameters/hidden fields">
    Pass information to a form to support pre-filling and personalization.
  </Card>

  <Card color="#FFC738" icon="file-brackets-curly" iconType="regular" href="/help/url-parameters-between-forms" title="Form parameters">
    Send data from one form to another with URL parameters.
  </Card>
</CardGroup>

## API

<CardGroup cols={2}>
  <Card color="#FFC738" icon="code" iconType="regular" href="/help/fillout-rest-api" title="Fillout REST API">
    Access your forms and submissions outside the Fillout site.
  </Card>

  <Card color="#FFC738" icon="grid-2-plus" iconType="regular" href="/help/oauth-applications" title="Create Fillout 3rd Party Apps">
    Create applications to connect Fillout to 3rd party applications.
  </Card>
</CardGroup>

## Other

<CardGroup cols={2}>
  <Card color="#FFC738" icon="rectangle-code" iconType="regular" href="/help/custom-code" title="Custom code">
    Add custom code for analytics tracking like Google Tag Manager.
  </Card>

  <Card color="#FFC738" icon="quote-left" iconType="regular" href="/help/custom-values" title="Add custom values to answer options">
    Set distinct values for options, separate from the labels visible to respondents.
  </Card>

  <Card color="#FFC738" icon="shuffle" iconType="regular" href="/help/randomize-options" title="Randomize options">
    Shuffle the order in which answers or choices are displayed.
  </Card>

  <Card color="#FFC738" icon="arrow-right-to-line" iconType="regular" href="/help/right-to-left-forms" title="Right to left aligned forms">
    Make surveys or forms aligned in the right-to-left direction.
  </Card>

  <Card color="#FFC738" icon="link" iconType="regular" href="/help/add-links-to-form" title="Add links and external URLs">
    Add clickable URLs in your form to link to external websites or services.
  </Card>

  <Card color="#FFC738" icon="screen-users" iconType="regular" href="/help/collaborative-forms" title="Collaborative forms">
    Send a single, shared form to multiple respondents at once.
  </Card>

  <Card color="#FFC738" icon="inbox-out" iconType="regular" href="/help/smtp" title="Use SMTP">
    Send custom emails using your SMTP server to ensure reliable delivery.
  </Card>
</CardGroup>

<SupportBanner />
