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

# Contact forms

> Embed forms on your website and turn submissions into tickets.

Contact forms let website visitors create tickets in Chatarmin CX without sending an email manually.

## Requirements

Contact forms require an email channel. Set up [Email](/channels/email/intro) first, then create the form.

## Create a contact form

<Steps>
  <Step title="Open contact forms">
    Go to **Channels** -> **Contact forms**.
  </Step>

  <Step title="Create the form">
    Choose a form name, select the email channel that should receive submissions, and configure the fields.
  </Step>

  <Step title="Customize the appearance">
    Set the header text, colors, button style, border radius, field labels, and required fields.
  </Step>

  <Step title="Embed the form">
    Copy the script tag and paste it before the closing `</body>` tag on your website.

    ```html theme={null}
    <script
      defer
      type="module"
      src="https://cx-contact-form.vercel.app/loader.js"
      data-chatarmin-loader-contact-form
      data-chatarmin-contact-form-uid="your-form-id"
    ></script>
    ```
  </Step>

  <Step title="Connect AI">
    Optional: choose an AI agent for the email channel so contact-form tickets can receive AI suggestions or auto-replies.
  </Step>
</Steps>

## Mount inside a specific element

Add an empty container where the form should appear, then pass a CSS selector on the loader script.

```html theme={null}
<div id="contact-form-container"></div>

<script
  defer
  type="module"
  src="https://cx-contact-form.vercel.app/loader.js"
  data-chatarmin-loader-contact-form
  data-chatarmin-contact-form-uid="your-form-id"
  data-chatarmin-contact-form-mount-selector="#contact-form-container"
></script>
```

If the selector is missing, invalid, or matches nothing, the form renders after the script tag.

## What happens after submission

1. The visitor fills out the form.
2. Chatarmin CX sends the submission through the configured email channel.
3. A ticket is created in the inbox.
4. AI can tag, draft, or reply based on channel settings.
5. Human agents can take over when needed.

## Features

* custom fields and file uploads
* visual branding
* multi-language forms
* required field validation
* automatic ticket creation
* contact creation or updates
* spam protection
* optional thank-you redirects

<Tip>
  Use contact forms alongside email so customers have a guided way to contact support while your team still works from one inbox.
</Tip>