How To Add Products To an Online Store

To activate a Product Catalog, go to Site Settings → More → Built-in services → Product Catalog → Connect.

Go to the Content tab of the block.

Select the product Catalog category that you need or All products. Save the changes in the block and the products will be displayed in the page.

To go to the Product Catalog directly from the store block, click on the "Product Catalog" link.

In the Catalog, the common list of all products that are available on the website is organized.

Click on the "Add product" button to add a new product to the Catalog. Fill in its title, and then the card to fill in other product fields will open.

To separate product information into several tabs, go to the Product Card in the Catalog → Tabs, and add a new tab.

You can create multiple tabs and choose what information to show.

There are 4 types of tabs to choose from:

• Information. A unique description for this product (text, image, video).
• Template. Allows you to add a description to a product and then turn it into a template for other products.
• Text. A detailed description of the product from the Text field.
• Characteristics. Product's brand, dimensions, and other parameters from the Characteristics section.

You can create a template from a tab with the Information type and vice versa by changing the tab type.

Don't forget to specify a name for each tab. It will be displayed as a tab title.

After configuring the tabs, enable them in the Settings tab of the product card block → Pop-up → "Tabs in the product card", and specify how they should be displayed: As tabs or drop-down cards.

Done. Now you will see additional information in the form of tabs or dropdown cards in the pop-up or on the product page.

Each product may belong to one or several categories. You can assign a category in a product card.

Click on Product categories link in the menu at the top of the page to manage product categories.

Manage categories by adding new ones. Categories simplify the product management and allow to display only certain categories of products in the store blocks.

Published products are shown in search, a separate file /sitemap-store.xml with links to all published products is automatically created for the Catalog. To hide a product from search, you need to make it invisible in the Catalog (switch it off in the list of products in the View column or in the product card).

You can switch off Sitemap generation for products in the Catalog Settings → "Additional" tab → uncheck "Enable Sitemap generation". There you can also view the link to the Sitemap for products in the Catalog.

You can add SEO title, description and keywords for each product in the SEO tab of each product card as well.

You can set the number of items in stock in the Product Catalog. So when customer starts buying, product item will be booked and the number of items will be reduced. Payment systems also have limited time period when each payment must be made.

You can set the option that the item will be reserved until it is bought (when a notification comes from the payment system), or set a period of time in which the item should be bought. This can be set in Site Settings → Payment systems → General payment settings → Book a product.

Each product page in the catalog is generated with built-in microdata markup using the Schema.org format. This means that all the information about products is marked in code beforehand so that a search engine and other services can extract all product parameters very easily.

You can include the section showing the products that can interest the buyer. When the product is viewed, an additional element is displayed in which other products of your store are offered to the buyer.

To activate the element, you need to connect the products from the catalog, then go to the Settings tab of the block → See also section → choose the category you would like to offer products from → select the number of products in the element and the section's title → save the changes.

To add products manually in the product block, add any block with product cards to the page. For example, ST305N.

Click the "Content" button to go to the block editor and create new product cards.

Click on the "Add new item" button and fill in the product card fields: images list (upload one or several images), description, text (will be visible in the pop-up product card), price of product/service, old price, button title, link for button and product card.

In the field "Link for button and product card" you can choose 3 actions for the product in the block when you click: Link on page — another page will open, View full product info — a pop-up with detailed information will open, Add to Cart — the product will be immediately added to the shopping cart.

To add a second button, product SKU, or parameters, click on the "Show more: second button, label, options" hyperlink. Additional fields will open, which you can fill in if you need.

If you want to transfer products from the block to the Catalog, in the content of the block with products, click on the "Copy products from this block to the Product Catalog".

You have uploaded photos, added descriptions, specified the price — the products are ready.

You now need to add a shopping cart and connect the payment system, if you accept online payments.