Produkty v článcích
Máte blog, radíte zákazníkům a vedete je k nákupu, ale ve článcích chybí jasná cesta k produktům?
Přidejme jim stejný výpis, jaký znají z kategorií, a udělejme z blogu prodejní místo.
Díky shodnému designu i chování budou mít lidé z článku do košíku jen pár kliknutí.

Jak s doplňkem začít?
Ze všeho nejdříve bude třeba si vytvořit článek nebo stránku, kde produkty budete chtít ukázat.
Pro více informací o tvoření stránek a článků využijte blog od Shoptetu:
Nápověda pro stránky
Nápověda pro články a rubriky
Jak si vybrat místo vložení
Produkty můžete umístit téměř všude na vašem e-shopu. Nejčastějšími místy však budou články, stránky a třeba popisky produktů.
Pokud si na daném místě rozkliknete editor textu a kliknete si na Nástroje → Zdrojový kód uvidíte váš text v HTML. Zde si již stačí najít za který odstavec či část vašeho textu chcete produkty umístit.

Jak produkty na dané místo vložit
Produkty vkládáte pomocí HTML kódu, jeho finální podoba však záleží na tom, jak dané produkty vyberete. Nabízejí se vám dvě možnosti:
1. Pomocí URL kategorie nebo vyhledávání
V tomto případě si doplněk načte vámi určený počet produktů přímo z kategorie (např. prvních šest produktů).
Počet produktů, které se budou vypisovat, můžete sami nastavit. V případě, že žádnou hodnotu nezvolíte, zobrazí se automaticky 4 produkty.
Vzor kódu: <div class="dmproducts" sourceurl="URL" products="počet produktů"></div>
Pokud chcete, aby doplněk vypsal náhodné produkty, místo prvních několika produktů z kategorie, stačí do kódu přidat třídu random. Díky tomu bude z dané URL načítat vámi stanovený počet produktů v náhodném pořadí při každém načtení. Dynamika produktů v článcích tak bude ještě větší.
Vzor kódu pro náhodné produkty z URL: <div class="dmproducts random" sourceurl="URL" products="počet produktů"></div>
2. Pomocí konkrétních produktů
Díky tomuto výběru můžete sami zvolit, které konkrétní produkty si doplněk načte a ukáže.
Každý řádek je určen pro jeden vybraný produkt.
Vzor kódu: <div class="dmproducts">
<div class="detail" sourceurl="URL">.</div>
<div class="detail" sourceurl="URL">.</div>
<div class="detail" sourceurl="URL">.</div>
<div class="detail" sourceurl="URL">.</div>
... tolikrát kolik produktů chcete zobrazit
</div>
I v tomto případě lze použít náhodné řazení produktů. Tedy ač je dáte v nějakém pořadí, můžete tohle pořadí nechat náhodně měnit přidáním třídy random k třídě dmproducts:
<div class="dmproducts random">
Obsah produktů jako u příkladu výše.
</div>
Vybraný kód, který bude vyhovovat vašemu záměru, vložíte do zdrojového kódu článku, stisknete tlačítko OK a následně tlačítko Uložit.
V editoru produkty uvidíte jen jako tečku (tečky), protože skutečný výpis se načte až na webu.
Doplněk nebude fungovat v případě, že máte e-shop zabezpečený pomocí zabezpečení vstupu heslem.
Výpisů produktů můžete mít v rámci článků neomezeně. Myslete ale na to, že velké množství bude zpomalovat načítání stránek vašeho e-shopu.
Případové studie
Podívejte se, jak e-shopy díky doplňku „Produkty v článcích“ proměnily blog v prodejní kanál
Hodnocení doplňku
✅ Snadnost použití - Instalace byla otázkou jednoho kliknutí a hned jsme mohli začít vkládat produkty do našich článků. Kód je intuitivní a i méně technicky zdatní kolegové ho zvládají bez problémů.
✅ Flexibilita - Možnost vybírat buď produkty z celé kategorie, nebo si ručně vybrat konkrétní produkty je geniální! Plus ta funkce náhodného řazení dodává článkům dynamiku.
✅ Dokonalá integrace - Produkty vypadají přesně stejně jako v kategorii e-shopu, takže zákazníci mají konzistentní zážitek. To je pro nás klíčové!
✅ Podpora sliderů - Fakt, že doplněk podporuje slidery na tolika šablonách, včetně systémových i prémiových, ukazuje na profesionalitu přístupu.
✅ GTM integrace - Automatické odesílání dat do Google Tag Manageru nám umožňuje sledovat výkonnost a optimalizovat články. To je prostě luxus! 📊
Praktické výsledky:
Výrazně se zvýšila konverze z našeho blogu
Zákazníci tráví více času na článcích
Nákupy přímo z článků se staly běžnou věcí
Musím vyzvednout mimořádnou kvalitu práce Dominika Martiniho! 👏 Je vidět, že do tohoto doplňku vložil obrovské množství času a úsilí. Dokumentace je perfektní, funkce jsou promyšlené do nejmenšího detailu a zejména oceňuji, jak průběžně doplněk vylepšuje - podpora sliderů, náhodné řazení... to vše přišlo postupně na základě potřeb.
Dominik skutečně rozumí potřebám e-shopů a dokáže je převést do praktických řešení. Jeho přístup k vývoji je profesionální a zároveň inovativní. Takové doplňky dělají z platformy Shoptet ještě mocnější nástroj! 🎯
Doporučuji každému, kdo má blog na svém e-shopu a chce zvýšit jeho efektivitu. Neváhejte ani vteřinu - tento doplněk stojí za každou korunu!
Ačkoliv je načítání doplňku mírně opožděné – což je důsledek technických limitací platformy Shoptet – jeho výhody jednoznačně převažují. Pro jakékoliv specifické úpravy či optimalizace doporučuji obrátit se na pana Martiniho, jehož profesionalita a ochota spolupracovat jsou příkladné.
S autorem doplňku je výborná komunikace. Pořád přidává nové funkce a rychle reaguje na připomínky z praxe, případně na požadavky na indi-vindy úpravy.
Doporučuji.
A to vše za cenu jednoho jídla z rozvozu. Reálně se doplněk zaplatil hned první den, takže dalších 364 dní ho máme vlastně zdarma. 🙂
Opět si musím pochválit i cenu, která není rozhodně přemrštěná a spíše se zaměřuje na to, aby byl doplněk dostupný široké škále uživatelů.
Takže za doplněk velice děkuji a doporučuji všem, kdo články využívají (což je snad každý).
Intuitivní a přívětivé i pro "začátečníky" . Doporučuji a děkuji!
✅ Snadnost použití - Instalace byla otázkou jednoho kliknutí a hned jsme mohli začít vkládat produkty do našich článků. Kód je intuitivní a i méně technicky zdatní kolegové ho zvládají bez problémů.
✅ Flexibilita - Možnost vybírat buď produkty z celé kategorie, nebo si ručně vybrat konkrétní produkty je geniální! Plus ta funkce náhodného řazení dodává článkům dynamiku.
✅ Dokonalá integrace - Produkty vypadají přesně stejně jako v kategorii e-shopu, takže zákazníci mají konzistentní zážitek. To je pro nás klíčové!
✅ Podpora sliderů - Fakt, že doplněk podporuje slidery na tolika šablonách, včetně systémových i prémiových, ukazuje na profesionalitu přístupu.
✅ GTM integrace - Automatické odesílání dat do Google Tag Manageru nám umožňuje sledovat výkonnost a optimalizovat články. To je prostě luxus! 📊
Praktické výsledky:
Výrazně se zvýšila konverze z našeho blogu
Zákazníci tráví více času na článcích
Nákupy přímo z článků se staly běžnou věcí
Musím vyzvednout mimořádnou kvalitu práce Dominika Martiniho! 👏 Je vidět, že do tohoto doplňku vložil obrovské množství času a úsilí. Dokumentace je perfektní, funkce jsou promyšlené do nejmenšího detailu a zejména oceňuji, jak průběžně doplněk vylepšuje - podpora sliderů, náhodné řazení... to vše přišlo postupně na základě potřeb.
Dominik skutečně rozumí potřebám e-shopů a dokáže je převést do praktických řešení. Jeho přístup k vývoji je profesionální a zároveň inovativní. Takové doplňky dělají z platformy Shoptet ještě mocnější nástroj! 🎯
Doporučuji každému, kdo má blog na svém e-shopu a chce zvýšit jeho efektivitu. Neváhejte ani vteřinu - tento doplněk stojí za každou korunu!
Hodnocení pocházejí ze Shoptet doplňků CZ a Shoptet doplňků SK.
Veškeré recenze jsou ověřené.
Podpora sliderů
Doplněk nyní plně podporuje zobrazení produktů ve formě slideru na šablonách, které tuto funkci standardně obsahují.
Díky podpoře pouze šablon s obsahem moderních sliderů si doplněk drží svou rychlost pod kontrolou!
Podporované šablony:
Systémové šablony: Disco, Samba
Šablony z doplňků: Jupiter, Merkur, Opal, Rubin, Apeti Clear, Apeti Standard, Venus, Apollo
Zapnutí funkce
Funkci můžete zapínat dvěma způsoby:
1. Zapnutí sliderů na všech sekcích přes doplněk produkty v článcích
Do Vzhled a obsah → Editor → HTML kód → sekce Zápatí přidejte:
<script>
var dm_products_slide_all = true
</script>
2. Zapnutí sliderů na specifických sekcích produktů
Pro konkrétní blok s produkty využijte přidané třídy slider:
<div class="dmproducts slider">
Obsah produktů jako běžně.
</div>
Automatické skrytí neskladových produktů
Ve výpisu se nyní zobrazí jen to, co lze koupit. Nedostupné produkty se skryjí.
Pokud používáte produkty z kategorie či vyhledávání, doplní se o nové produkty, které jsou skladem, pokud to je možné.
Pokud vkládáte konkrétní vybrané produkty, ty se v základu zobrazí i pokud nebudou skladem (výjimkou jsou produkty s nastaveným skrytím v navigaci e-shopu).
Pokud chcete i u těchto produktů vypnout zobrazování, klikněte zde.
Chcete zobrazit i produkty, které nejsou skladem?
Do Vzhled a obsah → Editor → HTML kód → sekce Zápatí přidejte kód níže, doplněk pak nebude produkty omezovat na základě dostupnosti.
<script>
const dm_products_only_stock = false
</script>
Jak funguje skrytí neskladových produktů
- Skryje položky s dostupností Vyprodáno, Na dotaz, Objednáno a Momentálně nedostupné a to ve všech jazykových mutacích Shoptetu
- Nezdržíte zákazníka prodejem produktů, které nemáte skladem
Skrývání vyprodaných specifických produktů
Chcete povolit, aby se mazali i vybrané specifické produkty?
Do Vzhled a obsah → Editor → HTML kód → sekce Zápatí přidejte kód níže, doplněk bude automaticky mazat nedostupné specifické produkty.
<script>
const dm_products_only_stock_specific = true
</script>
Potřebujete zadat vaše názvy skladovosti?
Do Vzhled a obsah → Editor → HTML kód → sekce Zápatí přidejte kód níže, doplněk bude ignorovat předvybrané texty a využije pouze vaše názvy skladovostí k odstranění.
<script>
const dm_products_stock_hide = [""]
</script>
Příkladový kód pro dostupnosti:
<script>
var dm_products_only_stocs_base = ["Vyprodáno", "Objednáno", "Na dotaz", "Momentálně nedostupné"]
</script>
Integrace s Google Tag Managerem
Doplněk automaticky odesílá data o zobrazených produktech, kliknutích a přidáních do košíku do vašeho GTM.
Díky tomu můžete snadno sledovat chování zákazníků a optimalizovat výkon svého e-shopu.
Odesílaná data do GTM:
blog_products_loaded - načtení každého jednotlivého bloku s produkty, obsahuje:
- products_count - počet produktů v bloku
- product_ids - ID produktů
- product_urls - URL adresy produktů
- page_url - odkaz na stránku, na které doplněk je
dblog_products_click - proklik na detail produktu, obsahuje:
- product_name - název produktu
- product_id - ID produktu
- product_url - URL adresu produktu
- page_url - odkaz na stránku, na které doplněk je
blog_products_add_to_cart - přidání produktu do košíku, obsahuje:
- product_name - název produktu
- product_id - ID produktu
- product_url - URL adresu produktu
- page_url - odkaz na stránku, na které doplněk je
Doporučené doplňky
Vyberte si z hotových Shoptet doplňků z mé dílny, které jsou vhodné pro řešení nejčastějších problémů.
Po objednání můžete doplňky začít ihned používat.



















