+420 728 089 029jsme@webotvurci.czCZ
Let's set sail
+420 728 089 029CZ

How to insert products into Shoptet articles

⏱ 2 min read

Add-on setup

The add-on works right after installation, with nothing else to do. If you want to change how it behaves across the whole store, open the setup wizard. It generates a code snippet that you paste into your store footer (Appearance and content → Editor → HTML code → Footer section).

In the wizard you can set:

  • Whether sliders are used
  • The rules for showing them
  • Whether unavailable products are shown

Note: The slider only works on Shoptet templates that support it: Disco, Samba, Jupiter, Merkur, Opal, Rubin, Adamin, Apeti Clear, Apeti Standard, Venus, Apollo, Dolomit, Titan, Carbon.

Inserting products into an article

Find the blog category page

  1. On the store: In the menu, open the link with the blog category and pick the article you want.
  2. In the Shoptet admin: Go to Appearance and content → Articles → Section → the chosen section and pick the article.

Shoptet admin – Appearance and content → Articles with the News section selected

Editing the article

The add-on got an update in April 2026 that made inserting products much simpler. You can now insert products with a short code that you paste straight into the text editor, with no HTML needed.

The generator lets you:

  • Show specific products (by entering their URLs)
  • Choose the format (slider or grid)
  • Order the products randomly
  • Show products from a specific category
  • Set how many products are shown

"Insert products into your store" generator with specific products selected by URL, the slider and random order options and the generated @PRODUKTY short code

"Insert products into your store" generator with products picked from a category – the category URL, the number of products and the generated @KATEGORIE short code

Paste the copied code directly into the article text. Once you save, the products render automatically.

Shoptet article text editor with the @KATEGORIE short code pasted and highlighted at the end of the text

Article preview on the store with automatically rendered products including prices, availability and Add to cart buttons

Alternative – HTML code:

  1. In the Edit article screen, go to the content editor section
  2. Click Tools → Source code

Edit article screen in the Shoptet admin with the Tools menu open and Source code highlighted

  1. Paste the code where you want it

Source code window with the add-on's HTML code for showing products from a category pasted in

  1. Close the window and save the page

Closing the Source code window with the OK button and saving the article with the Save button

After every change, check the article on your store, including the mobile view.