---
title: Contact us Page Settings
slug: contact-us-page-settings
icon: 📞
docTags: 
createdAt: 2025-03-03T17:55:02.648Z
---

## 1. Introduction

The **Contact Us Page Settings** section in the **Standard Web Pages** settings of the **Storagely Dashboard** allows facility operators to customize the **contact page layout, branding, and content**. This section ensures that customers can easily reach the business through phone, email, or online inquiry forms while maintaining a professional and informative website appearance.

## 2. Navigating to Contact Us Page Settings

To access the **Contact Us Page Settings**:

1. Log in to your **Storagely Dashboard**.
2. In the **left sidebar menu**, click on **Storage Website**.

   ::Image[]{src="https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/akNlBJEG37DjUCPRqQ2M8_storage-website.png" size="44" width="439" height="828" position="center" darkWidth="439" darkHeight="828" showCaption="false"}
3. Select **Standard Web Pages** → **Contact Us Page** from the available options.

   ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/PrqWlglXYfAN1NSplPk_6_screenshot-2025-05-22-at-23745-pm.png)

## 3. Understanding the Contact Us Page Settings Interface

The **Contact Us Page Settings** allow users to configure different sections, including:

### A. Page Type Selection

- **Standard Page** – Uses the default Contact Us page layout and settings.
- **Custom Page** – Enables custom HTML and CSS modifications for advanced customization.

  ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/yoeOi_PVtlHsd3bBEpNEV_screenshot-2025-05-22-at-23843-pm.png)

### B. SEO Settings

- **SEO Title** – Defines the page title appearing in search engine results.
- **Meta Description** – A short description that helps improve search visibility.
- **Page Slug** – The URL path for the Contact Us page (e.g., /contact).
- **Canonical URL** – Helps search engines determine the preferred version of the page.
- **No Index Toggle** – Prevents search engines from indexing the page when enabled.

![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/4rJciDZR9utZn3woMsgaR_image.png)

### C. Hero Section

- **Upload a Hero Image** (JPEG, PNG, WebP up to 1MB).
- **Set Section Background Color** – Choose a color to display behind the hero section.
- **Headline & Description Text** – Customize the introduction to the Contact Us page.
- **Call-to-Action (CTA) Button**:
  - Set **button text and colors**.
  - Add a **destination URL**.

![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/0bWZ_raJI-m2wsaBYVB8u_image.png)

### D. Contact Section

- **Customize background and text colors** for the section.
- **Set a heading and description** for the contact form.
- **Modify button colors and text** for the contact form submission.
- **Enable or disable the display of contact information (phone, email, address).**

![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/VWFP8smip6Y7QzTOo5RmO_image.png)

### E. Contact Information Section

- Toggle the display of business **phone number, email, and address**.
- Input or update **contact details** to ensure customers can reach the business.

![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/y_sR8b5oItaeHsM2bNhGo_image.png)

### F. Get in Touch Section

- Set an **email address** where contact form submissions will be sent.
- This ensures inquiries go directly to the correct team.

![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/rxe7GIBYiMZ0dyJTamcp0_image.png)

### G. Quick Links Section

- Display **three quick link cards** to guide customers to important sections such as:
  - **Pricing & Reservations**
  - **My Account**
  - **FAQs**
- Customize **icon, text, button, and background colors**.

![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/p1bTOJls-3KZxlzlXifjl_image.png)

### H. Custom Code Section

- Add **custom HTML and CSS** for advanced design customization.

## 4. How to Customize the Contact Us Page

### Step 1: Select Page Type

1. Choose between **Standard Page** or **Custom Page**.
2. If using **Custom Page**, manually configure sections and content.

### Step 2: Optimize SEO Settings

1. Enter an **SEO-friendly title** and **meta description**.
2. Set the **Page Slug** (default is "/contact").
3. If needed, add a **Canonical URL** to avoid duplicate content issues.
4. Choose whether the page should be **indexed by search engines**.

### Step 3: Customize the Hero Section

1. Upload a **Hero Image** (JPEG, PNG, WebP).
2. Adjust the **Section Background Color**.
3. Set the **Headline and Description** text.
4. Configure the **CTA Button**:
   - Set **button text and color**.
   - Add a **destination URL**.

### Step 4: Configure the Contact Section

1. Set the **background color, heading, and description**.
2. Configure **button text and colors**.
3. Enable or disable the **contact form display**.

### Step 5: Update Contact Information

1. Ensure **phone, email, and address** are correct.
2. Toggle the **display of contact details** based on preference.

### Step 6: Set Up the Get in Touch Section

1. Input the **email address** where contact form submissions should be sent.
2. Ensure this email is monitored for timely responses.

### Step 7: Customize Quick Links

1. Modify **icons, headings, descriptions, and colors**.
2. Link quick links to relevant sections (e.g., Pricing, FAQs, My Account).

### Step 8: Save and Publish the Page

1. Click **“Preview”** to review changes before publishing.
2. Select **“Save as Draft”** to store changes without publishing.
3. Click **“Publish”** to make the Contact Us page live.

## 5. Best Practices for Contact Us Page Customization

✅ **Ensure contact details are accurate** so customers can reach you.
✅ **Use a professional tone in descriptions** for credibility.
✅ **Enable the Get in Touch section** so inquiries are directed to the right team.
✅ **Include relevant quick links** to help users navigate to key pages.
✅ **Test the contact form after updates** to confirm it is working properly.
✅ **Only enable indexing in SEO settings if the page is ready for search engine visibility.**

## 6. FAQs & Troubleshooting

**Q1: How do I hide a section from the Contact Us page?**
A: Click the **Hide Element** toggle in the corresponding section settings.

**Q2: What happens if I leave the SEO settings blank?**
A: Default values will be used, but optimizing SEO settings is recommended for better search visibility.

**Q3: How do I reset the Contact Us page to default settings?**
A: Switch to **Standard Page** mode and save the changes.

**Q4: How do I ensure contact form submissions reach the right email?**
A: Double-check the **email entered in the Get in Touch section**.

**Q5: How do I make Contact Us page changes live?**
A: Click **“Publish”** after making updates.

*As always, if you have any questions during this process, our Customer Success Team is here to help. The best way to reach us is by submitting a support ticket.*

**[Submit a Ticket](https://d1s7s.share.hsforms.com/297GkKIsiTSmDgSKUYT9s2g)**