# Home page

The **Home page** is the first page that visitors see on your online store. This guide explains how to set up the home page template and use default sections to create a solid first impression.

See demos [Chic](https://spark-theme-chic.myshopify.com/) | [Clean](https://spark-theme-clean.myshopify.com/) | [Minimal](https://spark-theme-minimal.myshopify.com/)

### **Quick setup**

The **home page template** includes default sections to get you started. In the theme editor, you can customize the content and layout of your page.

For an effective home page, we recommended focusing on a few essentials: introduce your brand and products, highlight promotions and sales, and present clear calls to action for your customers.

{% hint style="info" %}
**Note |** The home page uses default styles from your theme settings. You might want to start by selecting site-wide colors and fonts in the theme settings to match your brand. Then, you can add custom styles to your sections.
{% endhint %}

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Use the **Templates selector** to open **Home page**.

   ![](/files/Uz4GxXjTytf7A2vAUhR9)
2. Add and edit theme sections to design the layout of your page.

   > Click the **Hide icon** or **Remove section** button to hide or delete sections.

   > Click and hold the drag and drop handles **`⋮⋮`** to change the order of sections.
3. (*Recommended*.) Consider starting with a few of the following sections:

   > A Slideshow that states your store's purpose or highlights a single product.

   > A few featured collections or featured product to showcase top sellers or new arrivals.

   > A simple Rich text or Inline features section to introduce your store or highlight your product's features.

   > Add Testimonials to build trust with quotes from partners and customers.

   > A Countdown bar or Image with text to announce promotions with a call-to-action.

   > A Newsletter section to grow your email subscribers list.
4. Click **Save**.
5. (*Recommended*.) Set up your Header and Footer menus.

   > Customers typically use these sections first to navigate your site, discover products and collections, and learn more about your store.

</details>

\\

***

> **Related links**
>
> [Templates](/spark/pages/templates.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/spark/pages/templates/home-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.