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

# Forms overview

> Building forms, form fields, settings, submission actions, notifications, styling, conditional logic, multi-step forms, embedding, analytics, file uploads, e-signatures, spam protection, and importing submissions.

<div style={{position: "relative", paddingTop: "56.25%", marginBottom: "1.5rem"}}>
  <iframe src="https://player.mediadelivery.net/embed/622351/128abdd0-5696-4df1-8bb4-f5c8abde5447?preload=true" loading="lazy" style={{border: "none", position: "absolute", top: 0, height: "100%", width: "100%"}} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture" allowFullScreen={true} />
</div>

Forms in HoopAI let you collect information from contacts and leads through a shared drag-and-drop builder that integrates directly with your CRM. Every submission creates or updates a contact record and can trigger automations, notifications, and workflow sequences without any external integration.

<CardGroup cols={3}>
  <Card title="Building forms" icon="hammer" href="/forms/building-forms">
    Create a form from scratch or a template using the drag-and-drop builder.
  </Card>

  <Card title="Form fields" icon="keyboard" href="/forms/form-fields">
    Add text, dropdown, checkbox, date, phone, file, and other field types.
  </Card>

  <Card title="Form settings" icon="gear" href="/forms/form-settings">
    Configure the form name, CRM field mapping, and general behavior options.
  </Card>

  <Card title="Form submission actions" icon="bolt" href="/forms/form-submission-actions">
    Set what happens after a submission — redirect, show a message, or trigger a workflow.
  </Card>

  <Card title="Form notifications" icon="bell" href="/forms/form-notifications">
    Send email or SMS alerts to your team or the submitter when a form is completed.
  </Card>

  <Card title="Form styling" icon="paintbrush" href="/forms/form-styling">
    Customize fonts, colors, button styles, and layout to match your brand.
  </Card>

  <Card title="Conditional logic" icon="code-branch" href="/forms/conditional-logic">
    Show or hide fields dynamically based on what a visitor enters.
  </Card>

  <Card title="Multi-step forms" icon="stairs" href="/forms/multi-step-forms">
    Break a long form into multiple pages to reduce abandonment.
  </Card>

  <Card title="Embedding forms" icon="code" href="/forms/embedding-forms">
    Embed a form on any website, funnel page, or landing page using an iframe or script.
  </Card>

  <Card title="Form analytics" icon="chart-bar" href="/forms/form-analytics">
    Track views, submissions, and conversion rates for each form.
  </Card>

  <Card title="File uploads" icon="file-arrow-up" href="/forms/file-uploads">
    Allow contacts to attach documents, images, or other files when submitting a form.
  </Card>

  <Card title="E-signature forms" icon="signature" href="/forms/e-signature-forms">
    Collect legally binding electronic signatures directly within a form.
  </Card>

  <Card title="Spam protection" icon="shield-halved" href="/forms/spam-protection">
    Enable CAPTCHA and other filters to block bot submissions.
  </Card>

  <Card title="Importing submissions" icon="file-import" href="/forms/importing-submissions">
    Bulk-import existing form submission data from a CSV file.
  </Card>
</CardGroup>

## Getting started

<Steps>
  <Step title="Create a form">
    Navigate to **Sites > Forms** and click **+ Add Form**. Choose to start from a blank form or select a template. Give the form a name that identifies its purpose.
  </Step>

  <Step title="Add and configure fields">
    Drag fields from the left panel onto the form canvas. Configure each field's label, placeholder text, required status, and CRM field mapping so submissions populate the right contact data.
  </Step>

  <Step title="Set submission actions">
    In the form settings, choose what happens after a visitor submits: redirect to a thank-you page, display an inline confirmation message, or both. Connect a workflow to trigger automated follow-ups.
  </Step>

  <Step title="Embed or share the form">
    Copy the embed code or the direct form URL. Paste the embed code into your website, funnel page, or landing page. Share the direct URL in emails, SMS, or social media.
  </Step>

  <Step title="Monitor submissions">
    Review incoming submissions in the form's submissions list. Check the analytics view to track conversion rates and identify drop-off if you are using a multi-step form.
  </Step>
</Steps>

## Frequently asked questions

<AccordionGroup>
  <Accordion title="What is the difference between a form, a survey, and a quiz?">
    A form presents all fields at once (or across pages for multi-step) and is best for lead capture, intake, and file collection. A survey is a multi-slide experience suited to feedback and branching questionnaires. A quiz is a scored assessment that places respondents in result tiers. Forms are the fastest to build and handle the majority of lead-capture use cases. Surveys and quizzes have their own sections in the documentation.
  </Accordion>

  <Accordion title="Can I show or hide fields based on what a visitor selects?">
    Yes. The conditional logic feature lets you define rules that show or hide fields based on the value entered in another field. This keeps forms short for visitors who don't need to see every field.
  </Accordion>

  <Accordion title="How do form submissions create or update contacts?">
    When a form is submitted, the platform checks whether a contact with the same email address or phone number already exists. If a match is found, the existing record is updated. If no match is found, a new contact is created. CRM field mapping in the form settings controls which contact fields are populated.
  </Accordion>

  <Accordion title="Can I collect file uploads through a form?">
    Yes. Add a file upload field to your form to let submitters attach documents, images, or other files. Uploaded files are stored in your account and linked to the contact record created by the submission.
  </Accordion>

  <Accordion title="How do I protect my forms from spam submissions?">
    Enable CAPTCHA in the form's spam protection settings. This adds a verification step that blocks most automated bot submissions while remaining transparent to real visitors.
  </Accordion>

  <Accordion title="Can I collect an electronic signature on a form?">
    Yes. Add the e-signature field to a form to let contacts draw or type their signature. The signature is captured and stored with the submission, making it suitable for agreements, consent forms, and intake documents.
  </Accordion>
</AccordionGroup>
