Customize Home Page - [1/3] Overview & Info

Customize Home Page - [1/3] Overview & Info

Home Page Template Customization

[1/3] Customize the Online Store's Home Page - Overview

The home page of your online store serves as the first impression for your customers. Customizing it effectively can significantly enhance user engagement and drive purchases.
As a store admin, you have the flexibility to design and tailor your store’s home page by adding widgets and configuring product attributes such as Collections, Categories, Discounts, Products, etc.


With predefined widgets, you can create a visually appealing layout to attract customers. Additionally, templates can be scheduled for specific festivals or seasons, ensuring your store is always relevant and timely. If age-restricted products are included, widgets will adhere to compliance guidelines, displaying appropriate content to customers.
Predefined Home Page Template sets are available for quick template creation. You only need to configure the attributes for the widgets used in the template.


By strategically utilizing sections and dragging widgets into them, you can align the design with your business goals, promotional strategies, and customer engagement needs.
The Home Page Template KB is divided into three main parts. This article provides the overview and general information about the Home Page Template module.

1. Reaching Home Page Template

The Home Page Template placement can be dependent upon whether the retailer has enabled the multi-brand option or not.

1.1 For Standalone Online Store

When the 'multi-brand' option is disabled in the control center, you have only a single online store/site for your business. Follow the below steps to design and set up the ' Home Page Template ':  
  1. Step 1: Log into Store Admin
  2. Step 2: Click Settings -> Store Appearance
  3. Step 3: Click Home Page Template
Figure 1.1.1

1.2 For Multiple Online Brand Stores

The store admin user will navigate to the "Page Templates” where the list of templates is added along with the assigned location, scheduled time, status, and actions (ellipsis icon).
  1. Step 1: Log into Store Admin
  2. Step 2: Click Online Brand Stores
  3. Step 3: Click the 'Settings' icon for online brand store

Figure 1.2.1
  1. Step 4: Click the Store Appearance -> Home Page Template

Figure 1.2.2

Note: Whether multi-brand is enabled or disabled, the steps for customizing and setting the Home Page Template globally for standalone store and for each online brand store individually will be the same.

2. Manage Template Design

When admin users or retailers access the Home Page Template module, they will see the following tabs: All | Home Page | Category:
  1. All: Displays all templates for the selected brand (Home Page + Category banners). 
  2. Homepage: Shows only Home Page templates. 
  3. Category: Shows only Category banners templates. 
Tabs display a list of existing templates (if any) in a tabular format with the following columns:
Template Name | Template Type | Schedule | Status | Action


Figure 2.1

1. Template Name: Displays the name of the template. The template name that is displayed as Default, that one is currently live.
2. Template Type: This column indicates whether the template is created for the Home Page or Category Page. If it is a Category Page template, the corresponding category name will also be displayed.
3. Schedule: Shows the scheduled time of the template, if applicable. Scheduled templates are used to customize the home pages during specific date ranges, such as Christmas Week, Black Friday Sale, Upselling Items to Clear Stock, etc. 
4. Status: Indicates what the current status of the template.
Published: It means a template is published and live for all the locations (business-level).
Actions: Edit | Duplicate
Live: It means a template is published and live for the specific location(s) assigned for the template. 
Drafted (with Schedule Date): It means a template is drafted along with the schedule date and is ready to publish. 
Actions: Edit | Delete | Duplicate
5. Draft: The "Draft" column indicates whether changes or updates to a template are saved but pending to be published. This allows you to work on layout modifications without impacting the live home page, so the Live template remain unaffected, as all updates are saved in draft mode until explicitly published.

6. Action: Provides options to manage templates. The Action options will be depended upon the Template Status.
  1. Edit: Modify the selected home page template. 
  2. Delete: Remove any template. A confirmation pop-up will be asked upon click the Delete option. 
    Note: The default template will not have the Delete option as it cannot be deleted. 
  3. Duplicate: Create a copy of an existing template. This feature allows store admins to easily design and configure widgets without starting from scratch. 
6. Add Template
To create a new home page template, click the "ADD TEMPLATE" button to design and configure a fresh template to meet your needs.

Info
Now, the process for creating a new template is explained in the next KB article: “[2/3] Adding & Setting Up Template.”
Setting up the Category Banner is explained in the separate KB article: "Category Banner for Category Pages"

    • Related Articles

    • Customize Home Page - [2/3] Adding & Setting Up Template

      Setting Up Home Page Template [2/3] Adding New Template for Home Page An overview and template information are explained in the previous KB article “[1/3] Overview & Info.” This article explains how to create a new Home Page template, sections and ...

    • Customize Home Page - [3/3] Designing Home Page and Widgets Attributes

      Designing Home Page Template [3/3] Designing Home Page using different Widgets & Attributes The process of creating a Home Page Template, including sections and layout design, is explained in the previous KB article “[2/3] Creating a Template.” This ...

    • Category Banners for Category Pages

      Category Banners for Category Pages Customize the Category Banner for Each Category Level Category Banners help engage customers by highlighting key content, promotions, or visuals at the top of each category page. Custom designed banners guide users ...

    • Manage Online Store Settings

      Manage Online Store Settings Settings -> General -> "Other Settings" (Product, Cart, and Checkout Settings) As a retailer, you can customize the features and restrictions about products, carts, and checkout pages to tailor the shopping experience for ...

    • Setting Up Disclaimer for an Online Store

      Manage Disclaimers "Prevent customers from navigating to online store (E-commerce site/Mobile App) without accepting disclaimer" As an admin user, you can add disclaimer records to ensure that your customers are well-informed and understand any ...