> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/ira/pages/templates/home-page.md).

# Home page

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](/ira/readme/theme-retirement.md).
{% endhint %}

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.

This guide explains how to set up the home page template using theme sections, and includes demo examples and recommendations to get you started.

See demos [Active](https://themes.shopify.com/themes/ira/styles/active/preview) | [Sport](https://themes.shopify.com/themes/ira/styles/sport/preview) | [Modern](https://themes.shopify.com/themes/ira/styles/modern/preview)

### **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/G6AIohFudaVtGZA7GJNR)
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 section to introduce your store or highlight your product's features.

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

   > An 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.

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

</details>

<br>

***

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