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

# Contact

The Contact Section allows customers to easily reach out, find your location, and connect through email or social media — an essential part of building trust and accessibility.

To customize the Contact in our theme please follow the steps:

{% hint style="success" %}
Steps

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

## Section Settings

### **General**

* **Layout** – Select the overall display style (*Default*).
* **Color scheme** – Choose a color theme (e.g., *Scheme 1*).
* **Remove default space between sections** – Toggle ON to merge the contact area seamlessly with neighboring sections.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FSE3V7aM7GSxkZnppSunW%2Fimage.png?alt=media&amp;token=ce17b350-7322-4cbd-9585-083edc53f239" alt=""><figcaption></figcaption></figure>

***

### **Section Padding**

Adjust vertical spacing for layout balance:

* **Padding top:** 0px
* **Padding bottom:** 0px

💡 *Tip:* Add padding if the section feels too close to adjacent ones.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FYbkYlVbz3Q5ou4g1yBH7%2Fimage.png?alt=media&amp;token=c7e7fb0b-6666-4e11-b2a3-51cbe863bae1" alt=""><figcaption></figcaption></figure>

***

## Block Settings

### **Contact Map Block**

Embed a map to help visitors find your store or office location.

* **Contact Address Iframe** – Paste your Google Maps *iframe* embed code here.

  > Example: copy the “Embed map” HTML snippet from Google Maps and paste it directly.

  <figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FTMnfRbw7X49e5fmvrRDb%2Fimage.png?alt=media&amp;token=2ba1b103-330a-47b5-a347-18f634f489f9" alt=""><figcaption></figcaption></figure>

***

### **Contact Info Block**

Provide detailed contact information and a form for customer inquiries.

**Information**

* **Title info** – Add a short heading (e.g., *Contact Us* or *Get Support*).
* **Number phone** – Input your phone number with optional styling.
* **Address** – Add your store or office address.
* **Email** – Provide a clickable email contact.

**Social**

* **Show social media icons** – Toggle ON to display links to Facebook, Instagram, etc.

**Visual & Form**

* **Image contact** – Upload an image (e.g., office photo, store front).
* **Title form** – Set a form heading (e.g., *Get in Touch*).
* **Show “Get in touch” form** – Toggle ON to display a built-in contact form for messages.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2Fcqk0vxU1m5SEcj4TBaLi%2Fimage.png?alt=media&amp;token=2bef93d6-8ab4-4307-87ed-14182e52b914" alt=""><figcaption></figcaption></figure>

***

💡 **Tips:**

* Keep all contact details up to date.
* Include both email and phone for flexibility.
* Embedding a map and showing social icons builds professionalism and transparency.