Recenze na Shopify: jak zobrazit hodnocení na e-shopu

Co je Trust Tornado

Trust Tornado sbírá recenze z různých zdrojů — Heureka, Zboží.cz, CSV import, sběrný formulář, přeposlané e-maily — na jedno místo a zobrazuje je na vašem webu jako widget: wall of love, slider, hodnoticí badge, trust lištu nebo logo wall. Vložení je jeden krátký kód (script + div) a funguje i přes Google Tag Manager.

Navíc umí kontextové cílení: recenzi o dopravě ukáže u dopravy, recenzi o produktu u produktu. Do 10 schválených recenzí je zdarma, tarif Pro s neomezenými recenzemi stojí 390 Kč měsíčně. Jak widget vypadá, si můžete vyzkoušet bez registrace na demo stránce.

Vyzkoušet demo widget bez registrace →

Postup krok za krokem

Na Shopify widget vložíte bez aplikace i bez vývojáře: v editoru tématu (Online Store → Themes → Customize) přidáte sekci Custom Liquid a vložíte do ní celý kód — Shopify v ní <script> nesanitizuje. Funguje na všech moderních (Online Store 2.0) tématech a na všech tarifech; blok pak přetáhnete přesně tam, kam widget patří.

1. Zkopírujte kód widgetu v Trust Tornado

   V administraci Trust Tornado otevřete projekt → Widgety, vyberte widget a zkopírujte kód pro vložení — jeden krátký script a jeden div.

2. Přidejte sekci Custom Liquid

   V administraci Shopify otevřete Online Store → Themes a u aktivního tématu klikněte na Customize. Nahoře přepněte na stránku, kam widget chcete (homepage, šablona produktu, stránka), v levém panelu klikněte na Add section a vyberte Custom Liquid. Do pole vložte celý kód — Liquid znát nemusíte, čisté HTML projde beze změn.

3. Umístěte blok a uložte

   Sekci přetáhněte v levém panelu na místo, kde má widget být — kde je blok v editoru, tam se widget zobrazí na webu. Klikněte na Save. Pro samostatnou stránku referencí funguje i Online Store → Pages → Add page → ikona <> (Show HTML) → vložit kód.

4. Zkontrolujte živý obchod

   Widget ověřujte na skutečné adrese obchodu (nebo přes Themes → Preview) — v editoru tématu se sekce vkládá až po načtení stránky, takže se widget nemusí vykreslit, i když na živém webu funguje normálně.

Časté chyby (Shopify)

• „V editoru tématu widget nevidím, takže nefunguje“. Nejčastější falešný poplach na Shopify — editor vkládá sekce až po načtení stránky, takže se widget v Customize módu nemusí vykreslit. Na živém webu či preview funguje; kontrolujte tam.
• Kód vložený do vizuálního editoru stránky. V Pages vkládejte kód přes ikonu <> (Show HTML) — ve vizuálním módu Shopify <script> odstraní nebo rozbije. Ještě spolehlivější je sekce Custom Liquid.
• Vintage téma bez Add section mimo homepage. Když Add section na stránce chybí, máte starší téma — sekce fungují jen na homepage. Použijte Pages (Show HTML), upgrade tématu na OS 2.0, nebo Edit code.
• CSP blokuje externí skript. U obchodů s přísnou Content Security Policy (typicky Plus s bezpečnostní aplikací) se w.js nemusí načíst — v konzoli uvidíte „CSP violation“. Přidejte naši doménu do povolených zdrojů.

Jak ověřit, že widget běží

1. Otevřete skutečnou adresu obchodu nebo Preview tématu — ne editor Customize.
2. F12 → Network: w.js má status 200; Console bez CSP chyb.
3. F12 → Elements: <div class="tt-widget"> je naplněný obsahem, ne prázdný.
4. Zkontrolujte zobrazení na mobilu i desktopu.

Alternativa: nasazení přes Google Tag Manager

Pokud na webu používáte Google Tag Manager, nemusíte do šablony sahat vůbec — widget nasadíte značkou:

1. V GTM vytvořte značku Značky → Nová → Vlastní HTML a vložte do ní kód widgetu.
2. Přidejte pravidlo spuštění — All Pages, nebo podmínku na konkrétní URL, pokud má widget běžet jen na některých stránkách.
3. Ověřte značku v režimu Náhled a kontejner publikujte. Widget se vloží na konec stránky — ideální pro plovoucí widget, lištu nebo badge.

Podrobný postup: recenze přes Google Tag Manager.