> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/labacha-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/labacha-shopify-theme-documentation/other/contact-us.md).

# Contact Us

**Contact Us Page** brings questions of customers to the store owner individually as well as provides them with information on how they can get in touch with you. When customers submit the form, the information will be sent to the email you set up in Settings. You will check your email and reply to them manually.

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

1. From your Shopify admin, go to **Online Store** **->** **Pages.**
2. Click **Add page**.
3. Enter a title (ex: **Contact Us**). After that, choose the **Theme template** like the below image.
4. Click **Save**.
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/E06Gj47RQbwl4ce6ppmz/image.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
There are 2 Contact Us templates which you can set up.
{% endhint %}

## How to set up sections for Contact Us Page?

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Pages** from the dropdown window **->** Choose **template-contact-1**, **template-contact-2**

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/3rmzBbQghDZ2WKA3QilZ/Untitled-1.jpg" alt=""><figcaption></figcaption></figure>

## Contact us 1

<figure><img src="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2FxUs26bRbNREzkpqf3yvH%2F69.jpg?alt=media&amp;token=125f5428-5968-46b3-ade2-634c9f75f0e5" alt=""><figcaption></figcaption></figure>

### Section settings

#### General

<table><thead><tr><th width="375">Settings</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).</td></tr><tr><td>Background color - Background gradient - Background image</td><td>Set the background color/gradient and background image</td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td></tr><tr><td>Section Title</td><td>Enter the title for the section.</td></tr><tr><td>Section title alignment</td><td>Select the position of the Section title to be either to the left, right, or center of its container.</td></tr><tr><td>Section title Spacing Bottom</td><td>Determine the spacing of the Section title from its bottom on Desktop, Tablet and Mobile separately.</td></tr></tbody></table>

#### Contact information

<table><thead><tr><th width="375">Settings</th><th>Description</th></tr></thead><tbody><tr><td>Show contact information</td><td>Enable to show contact information on the right side of the contact form.</td></tr><tr><td>Heading</td><td>Enter the text for the heading.</td></tr><tr><td>Contact Information 1 - Contact Information 2 - Contact Information 3 - Contact Information 4</td><td>Enter the content for contact information.</td></tr></tbody></table>

### Contact us 2

<figure><img src="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2F7n3N6XWDIV5HDLOPCMiG%2F70.jpg?alt=media&amp;token=6dd7432b-1ce7-4432-8d63-7823afbc44a8" alt=""><figcaption></figcaption></figure>

### Section settings

#### General

<table><thead><tr><th width="375">Settings</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).</td></tr><tr><td>Background color - Background gradient - Background image</td><td>Set the background color/gradient and background image</td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td></tr><tr><td>Section Title</td><td>Enter the title for the section.</td></tr><tr><td>Section title alignment</td><td>Select the position of the Section title to be either to the left, right, or center of its container.</td></tr><tr><td>Section title Spacing Bottom</td><td>Determine the spacing of the Section title from its bottom on Desktop, Tablet and Mobile separately.</td></tr></tbody></table>

#### Contact information

<table><thead><tr><th width="375">Settings</th><th>Description</th></tr></thead><tbody><tr><td>Show contact information</td><td>Enable to show contact information on the right side of the contact form.</td></tr><tr><td>Heading</td><td>Enter the text for the heading.</td></tr><tr><td>Contact Information 1 - Contact Information 2 - Contact Information 3 - Contact Information 4</td><td>Enter the content for contact information.</td></tr><tr><td>Contact Info Icon</td><td>Enter the icon svg code</td></tr></tbody></table>