To showcase your eCom (E-Series) products or categories on your Instant Site, you can use a set of dedicated product catalog sections. You have the option to add any number of sections on a site page. For example, if you want to showcase several core store categories on your homepage and add individual products to other pages.

For each of the catalog sections, you can customize its title and design, including layout, fonts, colors, and even adding colorful stickers to some sections.

Adding catalog sections to your site

You can add as many product catalog sections as you want to any page of your website. Currently, there are five types of sections available:

• The Product Collection section with various layouts that can contain products from any store category.
• The Category Showcase section to list any store categories or all the root categories of your catalog.
• The Featured Product section to highlight individual products.
• The Logo Gallery section with a list of images that you can use to showcase the brands you sell.
• The Featured Category section to advertise individual categories.

To add a product catalog section on Instant Site:

1. From Retail POS, go to the Online tab > Webstore (or Website) > Edit Site.
2. In the Page dropdown at the top, select the page where you want to add a catalog section.
3. Click Add Section.
4. Scroll down to Products.
5. Choose the section you like:
   
6. On the opened block settings page, make changes on the Content tab. For example, you can choose a product category you want to display in this block, tweak its name on your site, or add a sticker.

That’s it. Depending on what section you have chosen to add, the section name in the menu will be Product Collection, Category Showcase, Featured Product, Logo Gallery, or Featured Category:

Designing catalog sections

In the Instant Site editor, you can set layout for your catalog sections, customize their background color, text fonts, sizes, styles, and more. The changes will be applied to the section's look on any site page where you added the section.

To change the look of your catalog sections:

1. From Retail POS, go to the Online tab > Webstore (or Website) > Edit Site.
2. In the Page dropdown at the top, select the page.
3. Click on the product catalog section.
4. Make the necessary changes on the Design tab.
5. Click Publish.

Additionally, you can adjust your storefront as it appears via a direct link ending with /products (for example, mystore.com/products). To set up storefront design, navigate to the Page dropdown at the top of the site editor, select Catalog or Product, and make the required changes. They will be applied to all the product, category, or product grid pages in your online catalog that customers see when browsing it.

If you need to make changes to the products and their details, you have to do it from your Retail POS or from the eCom admin panel. Learn more about editing product details →

Adding a sticker to a product section

Stickers are bright labels that appear on your site to catch visitors’ attention. Stickers can highlight special information, like "New," "Sale," "Best Seller," or "Limited Offer."

In the Instant Site editor, you can add a sticker to a specific product catalog section that showcases your products. You can change the default text on a sticker to a custom one. Each product catalog section can contain only one sticker.

Stickers are available for all the catalog sections, except the Featured Category. To use stickers, add one of the catalog sections to your site.

To add a sticker to a section:

1. From Retail POS, go to the Online tab > Webstore (or Website) > Edit Site.
2. In the Page dropdown at the top, select the page where you want to add the section with a sticker.
3. Click Add Section.
4. In the left-hand side menu, scroll down to Products and select one of the product catalog sections.
5. Click Promotional sticker > Add sticker and select a sticker.
6. (optional) In the Title field, enter your custom title for the sticker.
7. (optional) Switch to the Design tab and click Promotional sticker to adjust the section’s layout and look.
8. Click Publish.

If you no longer need a sticker, you can remove it from the product catalog section, leaving the section to showcase your products only. For that, select your section in the Homepage Sections list, click Delete Sticker, then publish the changes.

Deleting catalog sections from your site

You can delete catalog sections from the homepage or any other page of your site. That can be useful if you want to create a landing page without the store section or the “About us” site that tells your brand story and offer the audience to visit your offline store.

To delete a catalog section from your site:

1. From Retail POS, go to the Online tab > Webstore (or Website) > Edit Site.
2. In the Page dropdown at the top, select the page.
3. Click on the product catalog section.
4. Click Delete section at the bottom of the page.
5. Click Publish.

You can always add product catalog sections back to any page of your site.

Your online catalog will remain available via a direct link ending with /products. For example, mystore.com/products. To make the online store and its products completely inaccessible to customers, close the storefront for maintenance by going to Settings > General > Store Profile > Close Storefront for Maintenance in your eCom admin panel and remove links to the catalog from your site.