Home Page
The Home Page is the face of your store, and customizing it lets you make a lasting impression. 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.
You can add sections like Business Details, SVG animations, images, or any other creative elements to make your homepage engaging and informative. These features allow you to highlight your brand's uniqueness while providing customers with a seamless browsing experience.
Select the Home Page from the Top-left dropdown.
Click to switch the view between Desktop or Mobile.
Utilize the eye icon to toggle the visibility of any element on the selected page. This allows you to easily hide or unhide the welcome banner or custom sections as needed.
To modify the styling, shape, or make adjustments to an existing section like Header and Footer, simply select the section you wish to customize. You can then apply Custom CSS to achieve the desired changes, tailoring each section’s appearance to your specific needs. This method can be used for any section on your discovery page.
To customize a section, select it from the list, open the CSS editor, and paste your custom code.
To rearrange the welcome banner or custom sections on the selected page, simply drag and drop them into your preferred order.
Add a welcome banner to your landing or homepage, with options to customize its location and content type.
You can use PNG or SVG files for static or animated visuals, or embed a YouTube video using a link.
Upload an image or SVG animation by selecting Add Media, or embed a YouTube video via a link.
Choose the banner's position—whether it should appear on the left or cover the entire screen at the center.
Apply custom CSS for styling purposes, such as resizing the banner or making other adjustments.
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.
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.
Go back to the Stacks section to locate the custom code you added. You can rearrange it using drag-and-drop functionality if needed.
Once you've positioned it properly, open the HTML and CSS editor to paste your code and apply your customizations.
