# Contact form

The "Contact Form" section allows visitors to easily reach out with questions or feedback. It improves communication, enhances customer service, and makes connecting with the brand convenient.

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FqZqu0E9WhJAZvazHt9tl%2Fform-1.jpg?alt=media&#x26;token=8a6b6e40-ca11-49e7-926f-fa9a93a3a7a7" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Contact form**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FZmfNwd6tZ0BoC6Jciftf%2Fform-c.jpg?alt=media&#x26;token=a290eebb-2bfb-45c4-b8d8-11ada6b4c355" alt=""><figcaption></figcaption></figure>

* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*
* **Content Width** - Narrow / Full width
* **Show phone number**&#x20;
* **Button style** - For button submit

### Colors

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FRxCqRKYdRbV3YL6315E1%2Fform-color.jpg?alt=media&#x26;token=c278dcb2-f149-448c-a9b0-7eb7b86b5c2a" alt=""><figcaption></figcaption></figure>

* **Background**
* **Text color**
* **Input background**
* **Input text**
* **Input border**

### Section padding

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fc0cazMLYpU5yjLuS4vGl%2Fpadding-c.jpg?alt=media&#x26;token=d8c91b56-445e-4ea5-bbc5-f825cf08e577" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Multicolumnt.**
2. **Add Column.**
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2F4OoiHNbJhZOgZQJ5cRWp%2Fform-block.jpg?alt=media&#x26;token=27bcd893-fc20-42af-88b3-4c758d4532f4" alt=""><figcaption></figcaption></figure>

* **Text filed** - Display input text
* **Dropdown feild** - Display select dropdown