> For the complete documentation index, see [llms.txt](https://pipeline.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pipeline.groupthought.com/sections/list-of-sections/contact-form.md).

# Contact form

Add a full-featured contact form with a wide range of customizable blocks to any page of your site

Build a simple or completely custom contact form with this section that includes blocks of many types of form elements. Add the section to any Page, Product detail pages, the homepage, blog posts, search, the 404 page, and more:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FPLDXWPSQVSoIYHVfvf2Z%2FScreenshot%202022-11-05%20at%204.44.23%20PM.jpg?alt=media&amp;token=101970e8-a66d-4952-a8ad-f15dba78cf46" alt=""><figcaption><p><strong>Form options including drop-down selections, checkboxes, radio buttons and more</strong></p></figcaption></figure>

Add blocks to customize the form:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FUQr9Z6ZKA5WellGecGBW%2FScreenshot%202022-11-04%20at%2012.44.17%20PM.png?alt=media&amp;token=1e438c85-7783-4955-ad03-368f40065e0c" alt=""><figcaption><p><strong>Combine with the Rich Text section for a custom header</strong></p></figcaption></figure>

### Section settings

Use the section settings to set up the section's heading, title alignment, text colors, background colors, form width, and form padding:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2Fy9LTzmP8TXp2KqpN2i1F%2FScreenshot%202022-11-05%20at%204.54.06%20PM.jpg?alt=media&amp;token=61b01458-70f3-42a3-9851-f0c0602bb26c" alt=""><figcaption></figcaption></figure>

Leave the title blank and use a Rich text section above to build a custom heading with an intro for the section:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FOeVhDBTnU7FA8o2MQ1XJ%2FScreenshot%202022-11-05%20at%205.05.49%20PM.png?alt=media&amp;token=037f18a6-72b4-4c5f-8f8d-b9f6760f5f29" alt=""><figcaption><p><strong>Rich text heading and text styled as title and intro</strong></p></figcaption></figure>

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FE2C43wzHCGOI4iEiyUXy%2FScreenshot%202022-11-05%20at%204.44.35%20PM.png?alt=media&amp;token=334c1a19-7adf-4cc6-886c-7c684c82ae37" alt=""><figcaption><p><strong>Rich text kicker and text styled as title and intro</strong></p></figcaption></figure>

### Blocks

The contact form section includes a wide range of form elements that you can use to fully customize the contact form:

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><strong>Text line</strong></td><td>Single line form input. Used commonly for name, or address portions.</td></tr><tr><td><strong>Text area</strong></td><td>Multi-line form entry. Can be used in addition to message block</td></tr><tr><td><strong>Telephone</strong></td><td>Pre-formatted phone number entry, single line</td></tr><tr><td><strong>Heading</strong></td><td>Bold text for titles or information. Ideal for breaking up long forms</td></tr><tr><td><strong>Spacer</strong></td><td>Add vertical padding or a line spacer</td></tr><tr><td><strong>Single checkbox</strong></td><td>Checkbox with text. Add once or more for additional checkboxes</td></tr><tr><td><strong>Select dropdown</strong></td><td>Choose one or more from multiple options in a dropdown</td></tr><tr><td><strong>Radio buttons</strong></td><td>Grouped radio buttons, choose only one option from multiple</td></tr><tr><td><strong>Email</strong>*</td><td>Required field for all forms. Collects customer's email address</td></tr><tr><td><strong>Message</strong>*</td><td>Required field for all forms. The main message body</td></tr></tbody></table>

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2Fkv62OpF28ADJuCfU2YsH%2FScreenshot%202022-11-05%20at%204.45.01%20PM.png?alt=media&amp;token=6fc676f0-334c-4185-afe2-0a193c7fa7ca" alt=""><figcaption></figcaption></figure>

### Block settings

Each block contains options pertaining to the block. Configure each one to fine-tune the form.&#x20;

Example of the heading block settings:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FrClueN5fjZm0g22JIHw9%2FScreenshot%202022-11-05%20at%205.34.32%20PM.png?alt=media&amp;token=bc919c76-69e5-42fa-b434-836cd3cf4a35" alt=""><figcaption><p><strong>Heading block</strong></p></figcaption></figure>

With the Text line, the label option displays text inside the form field to prompt the customer with what to enter. The label disappears once any text is inputted:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FZDa96PU5a643WioFqkbq%2FScreenshot%202022-11-05%20at%205.49.10%20PM.png?alt=media&amp;token=cf4b1298-3856-42f7-95cc-26dc8590c0e3" alt=""><figcaption><p><strong>Text line. Similar settings used for Single checkbox and Telephone</strong></p></figcaption></figure>

The Spacer block has the option to show a line. If unchecked, the spacer will add vertical spacing only without a line:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FjBdRXiN5wXNr7zk2RGtk%2FScreenshot%202022-11-05%20at%205.41.48%20PM.png?alt=media&amp;token=42171d91-0c95-4fb3-86af-64cfc97c25bb" alt=""><figcaption><p><strong>Spacer block</strong></p></figcaption></figure>

The Select dropdown block contains settings for the title and each of the dropdown options:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FNzfG2NX8jtdagVDPROdK%2FScreenshot%202022-11-05%20at%205.35.00%20PM.png?alt=media&amp;token=08292a8a-a7a1-4544-af3c-7610b088fbb3" alt=""><figcaption><p><strong>Select dropdown. Similar settings are used with Radio buttons</strong></p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://pipeline.groupthought.com/sections/list-of-sections/contact-form.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
