Produkty v článcích

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.

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

Případová studie Giovani

Jak to dělá Giovani

Případová studie Chlupáči.cz

Jak to dělají Chlupáči.cz

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