# How to insert products into Shoptet articles

> How to insert products into blog articles in Shoptet using a short code or HTML, including slider and grid settings.

- **Zdroj:** https://www.webmakeria.com/guides/general-shoptet-guides/how-to-insert-products-into-shoptet-articles/
- **Doplněk / kategorie:** General Shoptet guides (https://www.webmakeria.com/guides/obecne-navody-pro-shoptet/)
- **Datum:** 2026-05-20
- **Autor:** Webotvůrci (https://www.webotvurci.cz/)

---

## 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](https://www.webmakeria.com/uploads/navody/produkty-ve-clancich-01-administrace.png)

### 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](https://www.webmakeria.com/uploads/navody/produkty-ve-clancich-02-konfigurator.png)

!["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](https://www.webmakeria.com/uploads/navody/produkty-ve-clancich-03-kategorie.png)

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](https://www.webmakeria.com/uploads/navody/produkty-ve-clancich-04-kod.png)

![Article preview on the store with automatically rendered products including prices, availability and Add to cart buttons](https://www.webmakeria.com/uploads/navody/produkty-ve-clancich-05-vykresleni.png)

**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](https://www.webmakeria.com/uploads/navody/produkty-ve-clancich-06-editor-html.png)

3. 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](https://www.webmakeria.com/uploads/navody/produkty-ve-clancich-07-zdrojovy-kod.png)

4. Close the window and save the page

![Closing the Source code window with the OK button and saving the article with the Save button](https://www.webmakeria.com/uploads/navody/produkty-ve-clancich-08-ulozeni.png)

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

---

*Návod pochází z webu Webotvůrci — Zlatý a Premium partner Shoptetu.*
*Všechny návody: https://www.webmakeria.com/guides/ · Kontakt: jsme@webotvurci.cz*