Home Page

Your Home Page is the first impression of your store, and the Theme Editor makes it simple to customize. With options to add a Welcome Banner, apply Header and Footer HTML/CSS styling, and include Custom Sections, you can tailor your homepage to perfectly represent your brand. These features allow you to highlight your brand's uniqueness while providing customers with a seamless browsing experience.

Navigate to Theme Editor

From your Admin panel, click on Theme Builder in the left-side navigation menu.

Accessing the Home Page

Select the Home Page from the dropdown

Click to switch the view between Desktop or Mobile.

Home Page – Customize the main landing page where users first arrive. Rearrange sections, edit content, and adjust the layout.

Add Custom Sections – Insert additional components not included in the pre-built template, such as custom code or special blocks.

Upload Assets – Upload images or files here. You can copy their links and use them in custom CSS for styling or design.

Branding Setup – Personalize your store’s identity by adding your logo, adjusting background/text colors, and linking social media accounts.

Customizing Your Homepage Sections

Your homepage is built in sections, like building blocks. The panel on the left (Header, Welcome Banner, etc.) shows these sections. To edit one, simply click its name.

Header (Design Changes)

The Header is the very top section of your website that appears on every page.

For customizing the Header/Sidebar menu, navigate to Header Menu

Click on the Header in the section list to edit.

You can also use Custom CSS to go beyond the standard options, for example, adding a border, changing colors, or applying other custom styles.

Welcome Banner

This is the first, most prominent visual your customers see. It's your chance to make a great first impression.

Move to the in the section list and click Change to edit.

Supported Format: You can either Media Upload your own file (like a JPG, PNG, SVG animations) or select YouTube to embed a video directly.

Recommended Size: Use a 1:1 format image or video for the welcome banner. If using a video, it should be in MP4 format and up to 10 MB in size.

Layout: Choose the banner's position—whether it should appear on the left or cover the entire screen at the center.

Add Custom Sections (Homepage)

From the left sidebar, use the + icon to easily pick & add a custom element to the selected page. Similarly, you can add more elements if required.

This section allows you to add unique, custom-built content blocks to your homepage.

Custom sections allow you to add elements that aren't part of the default layout, giving you the flexibility to include unique content that fits your brand's needs. For example, you can add sections like customer testimonials, business details, and more that aren't already available in the standard design.

Basic knowledge of HTML and CSS is required to customize these sections. If you're not familiar with coding, you may need to work with a CSS designer to implement advanced customizations.

Use Case: As seen in the preview, this is perfect for creating visually rich sections like "Work full or flexi hours" for driver recruitment or "List your restaurant" for merchant acquisition.

Footer (Design Changes)

The Footer is the section at the very bottom of every page. It's typically used for important links, contact information, and social media icons.

For customizing the footer menu, navigate to Footer Menu

Click on Footer in the section list.

By making use of the custom CSS and HTML, you can make changes to the predefined styles.