# 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](https://help.fluorescent.co/ira/readme/theme-retirement).
{% 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**.

   ![](https://4075298574-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F072gQRkuxS6ZiYGtqLNG%2Fuploads%2Fgit-blob-f94d38904500c8f4da451d6a275e9c467698de3d%2Feditor-templates-selector.jpeg?alt=media)
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](https://help.fluorescent.co/ira/pages/templates)
