---
title: Home Page Settings
slug: home-page-settings
icon: 🏠
docTags: 
createdAt: 2025-03-03T17:31:27.216Z
---

## 1. Introduction

The **Home Page Settings** section in the **Storage Website** section of the **Storagely Dashboard** allows facility operators to customize the layout, branding, and content of their website’s home page. This includes **SEO settings, hero section customization, service highlights, customer reviews, and additional sections** to optimize the site for conversions and customer engagement.

## 2. Navigating to Home Page Settings

To access the **Home 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/CH-190sWHlKAZdl9WSJSE_screenshot-2025-05-22-at-21424-pm.png" size="40" width="439" height="828" position="center" darkWidth="439" darkHeight="828" showCaption="false"}
3. Click on **Home Page **from the available options.

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

## 3. Understanding the Home Page Settings Interface

The **Home Page Settings** page allows users to configure various sections of the website, including:

### A. Page Type Selection

- **Standard Page** – Uses the default home page layout and settings.
- **Custom Page** – Allows complete control over the design with custom code.

  ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/2Z5faD6t3WNLk1zY64RGJ_screenshot-2025-05-22-at-21629-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 home page (e.g., /).
- **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/WVyhQNS--TpiKs7X-IOGv_image.png)

### C. Hero Section (Top of the Home Page)

- **Upload a Hero Image or Video** (JPEG, PNG, WebP, MP4 up to 20MB).
- **Overlay Color & Opacity** customization for readability.
- **Headline & Description Text** settings.
- **Call-to-Action (CTA) Buttons** customization:
  - **Left Button (e.g., "Find Storage")**
  - **Right Button (e.g., "Pay Bill")**
  - Set **button text, colors, and links**.

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

### D. Services Section

- Highlight key services offered.
- **Icons, descriptions, and buttons** can be customized.
- Adjust **background, text, and button colors**.

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

### E. Our Locations Section

- Displays storage facility locations in a grid layout.
- Configure section **visibility, button colors, and section background color.**

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

### F. General Content Section

- Add additional sections with **images, videos, and text**.
- Customize **background colors and text content**.

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

### G. Why Choose Us Section

- Showcase key facility features and benefits.
- Customize **icons, headings, descriptions, and buttons**.

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

### H. Customer Reviews Section

- Display **customer testimonials** to build trust.
- Customize **review text, star ratings, and sources**.
- Operators can manually **add customer reviews**.

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

### I. Find Us Section

- Add facility **contact information (email, phone number, address)**.
- Customize **call-to-action buttons and colors**.

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

### J. Custom Code Section

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

## 4. How to Customize the Home 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 "/").
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 or Video** (JPEG, PNG, WebP, MP4).
2. Adjust **overlay color and opacity** for readability.
3. Set the **Headline and Description** text.
4. Configure **CTA Buttons**:
   - Set **button text and color**.
   - Add a **destination URL** for each button.

### Step 4: Configure the Services Section

1. Add or edit service **headings, descriptions, and icons**.
2. Customize **buttons and links**.
3. Adjust **background and text colors**.

### Step 5: Display Locations on the Home Page

1. Ensure all **facility locations** are properly listed.
2. Adjust the **layout and button settings** for location cards.

### Step 6: Add General Content Sections

1. Upload **images or videos**.
2. Edit **headlines and paragraphs**.
3. Customize **background and text colors**.

### Step 7: Manage the Why Choose Us Section

1. Add **features or benefits** with icons and descriptions.
2. Customize the **layout, button, and text settings**.

### Step 8: Enable the Customer Reviews Section

1. Add **testimonials from satisfied customers**.
2. Customize **star ratings and text**.
3. Operators can **manually add reviews**.

### Step 9: Update the Find Us Section

1. Add **email, phone, and contact details**.
2. Customize **call-to-action buttons**.

### Step 10: 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 home page live.

## 5. Best Practices for Home Page Customization

✅ **Use high-quality images** for the hero section to create a professional look.
✅ **Keep CTA buttons clear and direct** to drive conversions.
✅ **Ensure SEO settings are optimized** to improve search rankings.
✅ **Use the customer reviews section** to build trust with visitors.
✅ **Regularly update service and location information** to keep content fresh.
✅ **Only enable indexing in SEO settings if the site is ready for search engine visibility.**

## 6. FAQs & Troubleshooting

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

**Q2: Can I use a video instead of an image in the Hero section?**
A: Yes, you can upload a **MP4 video file** as the hero background.

**Q3: 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.

**Q4: How can I reset the home page to default settings?**
A: Switch to **Standard Page** mode and save the changes.

**Q5: How do I make the home 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)**