Adding Products to an Online Store
How to create and add products on Tilda
On Tilda, you can create a full-featured online store with a catalog, personal account, and delivery services. This detailed guide describes the options to add products.
Products in your online store can be created using two options: using the Catalog feature and manually directly on the page.
Adding and managing the product catalog in an online store
Read more
Managing products via the block Content
Read more
Activating Catalog
To start using the Catalog, you will need to activate it. Go to Site Settings → Built-in services → Product Catalog → Connect.
The catalog's start page will open. Click the "Get started with the Product Catalog" button to continue.
Three test products will appear on the catalog management page. You can delete them; they are for demonstration purposes only.
Adding Products via the Catalog
Click the "Add product" button to create a new product in the catalog. Fill in its title, and a card will open for you to fill in the other product fields.
If you are going to create many products, use product import via CSV or YML files. Detailed guides are below:
Filling Out and Configuring a Product Card
Basic product card fields. Once you have created a product card, you need to fill it in:

  • Title – the product name;
  • Description — a brief description of the product that will be displayed in the product card preview;
  • Text — a detailed description of the product that will be displayed in the product pop-up or on the page.
A text editor is available for the description and text. You can structure the description as you need it. However, you cannot upload images within the text.
Using the eyedropper in the text editor, you can change the font color. In this case, color changes in the product card will override changes to the typography color in the store block settings.
Images and Videos. You can upload one or more images, as well as a video, to the product card. Click the "Video" button and specify the video source in the "Video Type" field. Videos from YouTube, Vimeo, Rutube, Kinescope, and VK Video can be displayed in the product card.
Product Variants. In the Product Variants tab, you can create product variations by color, size, and other parameters. You can assign a custom image to each variation as well.

Additional Options. Here you can set additional parameters that apply to all product variants. For example, you can add wrapping or an additional service to each variant. Each additional option can affect the final price of the product.
Product categories. Here you can see which categories the product has been added to. To add a product to another category, click the Add to category button, and to remove a product from a category, click the cross next to the item in the list.
If the product card displays the message "The block with the product is not published on the website", this means the product is not displayed on the website. To resolve this issue, you need to publish the product category block on the website.
Characteristics. Here you can set default characteristics, such as brand, dimensions, and weight. The values ​​in the dimensions and weight fields are also used by delivery services to correctly calculate shipping costs.

You can also create your own characteristics and rearrange them in this tab. You can use characteristics to create filters for the catalog.
Tabs. In the Tabs tab, you can include additional product information. You can add four types of tabs:

  • Info — a text block where you can also add images and videos;
  • Template — for filling in standard information that can be added to all product cards with one click;
  • Info: Text — if you want to duplicate the product description in tabs or not display the product description in the product card itself;
  • Info: Characteristics — if you want to display all product features in a separate block.
SEO. These fields are used for SEO. In this tab, you can fill in the title, description, and keywords.
Products sold by weight. If you plan to sell products by weight or length, then you can specify the unit of measurement and unit quantity in the Products sold by weight tab.
Link to the product page. In this field, you need to specify the product page created before. For example, you have created a landing page for a product — you can link to it in this field. Now when a buyer clicks on the product image in the product grid, they jump to this specific page.
Additional settings. In the product card, you can also set the product visibility, specify the product's external code (it is required when using integrations), as well as Product ID that is required to connect the product with the ST2** and ST5** blocks.

You can also duplicate, delete, or reorder a product card using the options within the card itself.
Product booking
You can set the number of items in stock in the Product Catalog. So when a customer starts buying, the product items will be booked and the number of items will be reduced. Different payment systems have different time periods 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.

See also section
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.
  • Question
    Is there a limitation on the number of products?
    Answer
    You can add up to 5000 products on Personal plan, 50 000 on Business plan, as well as up to 1000 categories to the Catalog on both plans.
Adding products manually
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 (that will be visible in the product card pop-up), price of product/service, old price, button title, link for button and product card.
In the "Link for button and product card" field, 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" hyperlink.
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 are going to accept online payments.
FAQ:
Q
What about the products if I switch to the Free plan?
A
The Catalog is only available on paid plans. If you switch to the Free plan, the products will be stored in the shopping cart in Tilda for 30 days. If you don't switch back to a paid plan after this period expires, your products will be irrevocably deleted. To keep the products, we recommend downloading the product list in CSV or YML format in advance.
Made on
Tilda