Produktová stránka: 8 úprav pro vyšší konverzní poměr

Možná to znáte – máte skvěle nastavenou reklamu, návštěvnost roste, ale prodeje ne a ne vyskočit. Často to není o nedostatku lidí, ale o tom, co vidí, když na stránku přijdou. Právě produktová stránka totiž výrazně ovlivňuje, jestli návštěvník nakoupí, nebo odejde jinam. V tomto článku se podíváme na osm konkrétních úprav, které vycházejí z principů UX, behaviorální psychologie i reálných zkušeností z e-commerce. A co je nejlepší? Není k tomu potřeba více návštěvníků. Jen lépe pracovat s těmi, kteří už na stránce jsou.

Název produktu: první řádek, který rozhoduje

Jak psát názvy, které zaujmou a pomohou ve vyhledávání

Název produktu je první věc, kterou návštěvník na stránce vnímá. Nejde jen o informaci – je to argument. Slova v názvu musí odpovídat tomu, co zákazník hledá, zároveň ale musí vytvářet důvěru a stručně vysvětlit, proč právě tento produkt stojí za kliknutí, přečtení – a nákup. Na Shopify je běžnou chybou, že název obsahuje jen interní pojmenování (např. Tričko 1324 M zelená). Takový název nepomáhá zákazníkovi ani vyhledávačům. Naopak: popisný, konkrétní a srozumitelný název dokáže zvýšit konverze i organickou návštěvnost.

Jak na to:

Buďte konkrétní: místo Mikina použijte Mikina s kapucí z bio bavlny – černá, unisex
Zahrňte klíčová slova: např. sklenice na červené víno – křišťálová, 450 ml
Vynechte zkratky, které zákazník nezná
Pokud prodáváte varianty, použijte varianty v popisu, ne v názvu (Shopify to zvládne přes "Variants")

Dobrý název zvyšuje kliknutí i na stránkách kolekcí, kde zákazník často porovnává více produktů naráz. Navíc se název automaticky propisuje i do title tagu produktové stránky – má tedy vliv i na SEO.

Tip: úpravy názvů v Shopify Admin nebo pomocí tagů

V administraci Shopify přejděte na Produkty → konkrétní produkt → Název. Úprava se projeví napříč celým e-shopem – na stránkách kolekcí, v detailech produktu, ale i v košíku a e-mailech. Pokud používáte appky pro filtrování (např. Search & Discovery od Shopify), můžete si navíc pomoci tagy a metafieldy, které vám umožní přidat "marketingový název" nebo doplnit název o klíčovou vlastnost bez narušení základní struktury.

Fotky, které prodávají: co očekávají zákazníci na Shopify stránce

Podpora 3D modelů a videí ve výchozích šablonách

Vizuální obsah je na produktové stránce zásadní – a u Shopify to platí dvojnásob. Platforma nabízí výborné možnosti práce s multimédiem: podporuje fotky ve vysokém rozlišení, videa, a dokonce 3D modely (GLB nebo USDZ formáty). V šablonách jako Dawn nebo Craft je navíc možné přidat video nebo interaktivní prvek bez zásahu do kódu. Zákazníci chtějí vidět produkt "na vlastní oči". Nestačí jeden hezký snímek zepředu. Co chtějí doopravdy?

Detailní záběry (materiál, struktura, švy, potisk…)
Záběr na použití produktu – ideálně ve formě lifestyle fotky
Ukázka z více úhlů
Možnost přiblížení (zoom)
Video nebo animace v akci – ideálně do 15 vteřin

Shopify umožňuje tato média vkládat přímo při editaci produktu. Přidání videa nebo 3D modelu výrazně zvyšuje důvěru a snižuje počet vratek, protože zákazník lépe ví, co kupuje.

Doporučení na styl fotografií pro mobilní vs. desktop uživatele

Přes 70 % zákazníků na e-shopech prochází produktové stránky z mobilu. Tomu by měly odpovídat i fotky:

Vertikální formát lépe vyplní obrazovku telefonu
Jasný kontrast a jednoduché pozadí pomáhají při scrollování
První fotka musí být nejvýraznější – zaujme na kolekční stránce i v reklamě

Zkontrolujte si také, zda Shopify šablona neomezuje počet náhledových fotek. V některých případech je vhodné použít appku typu TinyIMG nebo Photo Resize, které optimalizují velikost bez ztráty kvality.

Cenová strategie: jak využít badge a slevy v šablonách Shopify

V příkladech níže narazíte často na šablonu Dawn – není to náhoda. Jde o výchozí šablonu, kterou Shopify automaticky nabízí od roku 2021 a která slouží jako základ většině e-shopů. Je moderní, flexibilní a postavená na Online Store 2.0, takže podporuje vše, co aktivní e-shop potřebuje – od dynamických sekcí přes snadnou práci s médii až po pokročilé úpravy bez programování.

Všechny uvedené principy a úpravy však platí i pro další šablony na platformě Shopify, jako jsou Sense, Craft, Studio, Refresh a další. Pokud používáte upravený theme nebo vlastní šablonu, pravděpodobně i tak využíváte základní stavební prvky, které z Dawn vycházejí.

Práce se štítky jako "Sleva", "Výhodná cena", "Doporučujeme"

Cena je jedním z největších spouštěčů nákupního rozhodnutí. Není to jen o číslech – je to o vnímání hodnoty. Pokud zákazník cítí, že dostává více, než kolik platí, konverze roste. Shopify s tímto principem dobře pracuje. Ve výchozích šablonách jako Dawn, Sense nebo Studio se automaticky zobrazuje porovnání původní a zlevněné ceny. Ale co opravdu funguje?

Badge "Sleva -20 %" přímo vedle ceny
Barevné zvýraznění ceny (např. červeně nebo výraznější font)
Štítky typu "Novinka", "Doporučujeme", "Poslední kusy" – ideálně umístěné na fotce nebo hned pod názvem

Tyto prvky zvyšují důvěryhodnost, urychlují rozhodování a navozují dojem exkluzivity. V šabloně Dawn (a většině dalších) můžete zobrazovat slevu automaticky:

Nastavte původní cenu jako "Compare at price"
Aktuální cenu ponechte v poli "Price"
Shopify spočítá rozdíl a zobrazí jej jako badge

Pro zobrazení vlastního odznaku s výší slevy ve tvaru kolečka (např. -15 %) lze upravit šablonu, nebo použít předpřipravený kód v Liquid. Alternativně lze využít appku jako Sale & Discount Badges, která nevyžaduje znalost kódování.

CTA tlačítko, které vede k akci

Změny barvy, textu a umístění v rámci Theme Editoru

CTA ("Call to Action" neboli výzva k akci) je nejdůležitější tlačítko celé stránky – a zároveň prvek, který bývá nejčastěji přehlížen. Pokud zákazník nepochopí, kam má kliknout, nebo se mu tlačítko ztratí v designu, vaše produktová stránka konverze generovat nebude, i kdyby byla sebelépe napsaná.

Na Shopify se CTA obvykle zobrazí jako tlačítko "Přidat do košíku" nebo "Buy now". Zní to jako samozřejmost, ale právě styl, barva, velikost i pozice CTA mají zásadní vliv na to, zda zákazník vůbec dokončí nákup.

Většina moderních šablon (např. Dawn, Sense, Refresh) umožňuje:

Změnit barvu tlačítka přímo v Theme Editoru (Nastavení → Barvy)
Upravit text tlačítka v překladu motivu (Theme → Upravit obsah → Překlady)
Změnit rozložení tlačítka pomocí sekcí (např. tlačítko přímo pod cenou, nikoli až dole)

CTA by mělo být jasné, kontrastní a srozumitelné. Zapomeňte na obecné fráze typu "Pokračovat" nebo "Zobrazit více". Dejte zákazníkovi přesně vědět, co se stane:

➡️ "Koupit teď" ➡️ "Vložit do košíku" ➡️ "Objednat s dopravou zdarma"

Hodnocení produktů: jak je sbírat a zobrazit na Shopify

Doporučené aplikace (Loox, Judge.me, Yotpo)

Hodnocení a recenze od reálných zákazníků patří mezi nejúčinnější prvky sociálního důkazu. Zákazník, který uvažuje o koupi, si často chce potvrdit, že nejde o zbytečné riziko – a právě pozitivní zkušenosti jiných ho mohou přesvědčit. Shopify sice nemá nativně zabudovaný systém recenzí, ale existuje řada kvalitních aplikací, které jejich sběr i zobrazování vyřeší elegantně:

Loox – populární řešení s podporou fotorecenzí a automatických výzev e-mailem
Judge.me – velmi dobře hodnocená aplikace s širokými možnostmi přizpůsobení (včetně widgetů pro produktové i kolekční stránky)
Yotpo – robustní řešení s rozšířenými funkcemi (verifikace recenzí, hvězdičkové hodnocení, Q&A)

Všechny tři appky lze snadno integrovat přímo z Shopify App Store. Po aktivaci se recenze propisují na produktovou stránku, obvykle hned pod název nebo popis produktu – místo, kde mají největší vliv.

Využití recenzí jako sociálního důkazu přímo na produktové stránce

Získané recenze nestačí jen zobrazit – je třeba je také správně prezentovat:

Zobrazte průměrné hodnocení hvězdičkami hned pod názvem produktu (např. ★★★★★ 4,8 z 5)
Umožněte zákazníkům filtrovat recenze podle hvězdiček
Přednostně zobrazujte recenze s fotkami
Reagujte na negativní recenze – ukazujete tím, že vám záleží na zákaznické zkušenosti

Na Shopify lze přizpůsobit vzhled recenzí pomocí widgetů v Theme Editoru (pokud appka tuto možnost nabízí) nebo lehkou úpravou Liquid kódu. Loox a Judge.me například umožňují přidat vlastní nadpisy, změnit barvy i řazení.

Nezapomeňte také na možnost propojit recenze s e-mailem po nákupu – zákazníci často rádi pomohou, když je o to jasně a jednoduše požádáte.

Důvěryhodnost a garance: co pomáhá v rozhodovacím procesu

Doprava zdarma, výměna zdarma, garance – jak je zobrazit v šabloně

Nákup online je pro zákazníka vždy spojen s určitou nejistotou. Nevidí produkt naživo, nemůže si ho osahat a často nezná vaši značku. Právě proto hrají garance, výhody a důvěryhodnostní prvky klíčovou roli v rozhodování. Na Shopify produktové stránce je ideální přidat k produktu tzv. "value props" – tedy výčet důvodů, proč nakoupit právě u vás. Patří sem například:

Doprava zdarma od určité částky
Možnost vrácení zboží do 30 dnů
Záruka spokojenosti nebo výměna zdarma
Certifikace (bio, cruelty-free, handmade…)
Doručení do 48 hodin

Tyto benefity můžete zobrazit několika způsoby:

Sekce pod tlačítkem "Přidat do košíku" – jednoduchý text nebo ikonky
Box s výhodami na konci stránky – často jako samostatná sekce
Sticky banner nebo side-widget – viditelné i při scrollování

Shopify vám umožňuje pracovat s těmito prvky snadno. Můžete použít:

Dynamické bloky v Theme Editoru (v šablonách jako Dawn, Sense, Refresh)
Metafieldy pro specifické výhody u každého produktu
Aplikace jako Easy Tabs nebo Product Icons pro přidání přehledných ikon

Horizon šablony: budoucnost Shopify témat s AI na palubě

Horizon představuje novou vlajkovou šablonu Shopify, která postupně nahradí dosavadní Dawn theme. V rámci Edition Summer 2025 Shopify oznámil, že Horizon se stane novým designovým základem postavených na flexibilních blocích. Přestože Dawn zůstává funkční a bude i nadále dostávat opravy kritických chyb, nové funkce už se do něj přidávat nebudou.

Co dělá Horizon výjimečným:

10 různých designů v jednom systému – Ritual, Atelier, Fabric, Tinker, Horizon, Savor, Heritage, Dwell, Pitch a Vessel, každý přizpůsobený konkrétním oborům (móda, domov, kosmetika, potraviny)
Vnořené bloky až do 8 úrovní – na rozdíl od Dawn, který staví stránky sekce za sekcí, Horizon umožňuje modulární přístup s větší kontrolou nad obsahem
AI generování vlastních bloků – přímo v Theme Editoru můžete popsat, co potřebujete, a Shopify Magic vytvoří blok za vás
Lepší výkon a SEO – načítá jen potřebné skripty, automaticky generuje responzivní obrázky a obsahuje strukturovaná data

Doporučení pro vaši volbu:

Nový e-shop? Určitě zvolte Horizon – získáte nejnovější funkce a vyhnete se budoucím problémům s upgradem
Existující Dawn e-shop? Pokud funguje a máte v něm hodně úprav, není nutné spěchat. Dawn zůstává bezpečnou volbou, jen počítejte s tím, že automatická migrace na Horizon není možná kvůli odlišné architektuře

Horizon skutečně představuje budoucnost Shopify témat, ale stejně jako u každé nové technologie je rozumné počkat na stabilizaci, pokud provozujete kritický e-shop s komplexními úpravami.

Ikony, které přidáte bez znalosti kódu (např. pomocí metafields)

Chcete přidat ikonky jako "🚚 Doprava zdarma", "✔️ Bezpečná platba", "💬 Podpora 24/7"? Nemusíte umět kód. V moderních šablonách Shopify je můžete přidat přes:

Metafields → Custom definition (např. "benefit_1_icon", "benefit_1_text")
V Theme Editoru si pak tyto hodnoty zobrazíte jako dynamické bloky
Anebo využijete appku jako Product Icons & Features, která vše přednastaví

Důležité je, kde tyto výhody zobrazíte – ideální je místo v blízkosti ceny nebo tlačítka, kde zákazník právě zvažuje, zda pokračovat v nákupu.

Popis produktu, který je čitelný a orientovaný na výhody

Strukturování textu: od nadpisů po tabulky specifikací

Popis produktu není technický manuál. Je to nástroj, jak zbavit zákazníka nejistoty a přivést ho k rozhodnutí. Bohužel mnoho e-shopů popisek buď odbývá („černé tričko z bavlny, velikost M"), nebo přetěžuje informacemi bez kontextu. Silný popis by měl odpovědět na tři otázky:

Co to je?
Proč by mě to mělo zajímat?
Co z toho budu mít já?

Na Shopify doporučujeme strukturovat popis do jasných bloků. Například:

Krátké shrnutí (1–2 věty) hned pod názvem – tzv. nadpisový popisek
Hlavní výhody ve formě odrážek – čitelné i na mobilu
Detailní popis – klidně delší, ale rozdělený do sekcí pomocí podnadpisů
Tabulka specifikací (rozměry, materiál, způsob použití)
FAQ přímo na stránce produktu – ideální pro dražší nebo technické zboží

Shopify umožňuje využít bohatý textový editor nebo pracovat s metafieldy, které přidávají různé části textu (např. technický popis zvlášť, marketingový zvlášť). Díky tomu můžete obsah přizpůsobit podle typu produktu.

Kam vložit dlouhý popis a kam krátké shrnutí

Většina moderních Shopify šablon zobrazuje buď:

jednotný popis, nebo
rozdělený popis (např. krátký + záložky)

U šablon jako Dawn, Sense nebo Refresh můžete popisek rozdělit na více částí pomocí appky jako Easy Tabs nebo pomocí vlastních sekcí v kódu šablony.

Doporučení:

Krátký úderný popis vždy výše (nad přehyb stránky, tzv. above the fold)
Delší technický nebo příběhový text níže – pro ty, kdo chtějí víc informací

Bonus: Zvažte přidání příběhu produktu nebo značky – co ho dělá výjimečným? Takové texty pomáhají budovat vztah a přeměňují návštěvníky v zákazníky.

Technická a vizuální důvěryhodnost stránky

Platební metody, zabezpečení, recenze obchodu

Zákazníci dnes očekávají, že e-shop bude bezpečný, důvěryhodný a transparentní. I když nabízíte kvalitní produkty, pokud stránka nevypadá profesionálně a postrádá důležité vizuální signály důvěry, může to zásadně snížit váš konverzní poměr. Co přesně zákazníci vnímají jako důvěryhodnostní prvky?

Ikony platebních metod (kartou, Apple Pay, Google Pay, Twisto, atd.)
Odkaz na obchodní podmínky, reklamační řád a GDPR
Hodnocení samotného e-shopu (např. Heureka, Trustpilot, Google recenze)
Značky důvěry jako Česká kvalita, Handmade, Bio certifikace apod.

Na Shopify je možné tyto prvky snadno přidat:

Platební metody – většina šablon je zobrazuje automaticky v patičce nebo pod tlačítkem "Koupit"
Bezpečnostní ikony (např. "Zabezpečená platba", "Ochrana dat") můžete přidat přes sekci s vlastním HTML, nebo appkami jako Trust Badges Bear, Free Trust Badge apod.
Recenze e-shopu – propojte Shopify s externími platformami přes appky (např. Heureka widget, Google reviews plugin)

Badge důvěry: kde je získat a jak je na Shopify snadno přidat

Badge (neboli odznaky důvěry) plní dvě funkce: okamžitě signalizují profesionalitu a snižují obavy z nákupu. Čím více máte objednávek, tím víc by se měly tyto prvky na stránce objevovat.

Tipy:

Používejte pouze badge, které si můžete opravdu dovolit doložit (např. nepište "100% garance spokojenosti", pokud nenabízíte vrácení zdarma)
Nepřeplácejte stránku desítkami ikon – 3 až 5 dobře zvolených symbolů stačí
Ideální umístění: pod tlačítkem "Přidat do košíku", případně v boxu pod popisem produktu

Na Shopify lze badge přidat buď ručně (obrázky v sekci) nebo pomocí appky, která vám umožní přidat kódově připravený widget.

Shrnutí: Co všechno může ovlivnit konverzní poměr

Vylepšení produktové stránky není o náhodě. Naopak – vychází z konkrétních principů UX, psychologie prodeje a dat. A právě Shopify vám dává skvělé nástroje, jak tato zlepšení jednoduše aplikovat. Zopakujme si 8 úprav, které mohou vystřelit konverze vašeho e-shopu:

Název produktu, který prodává
Kvalitní fotografie a videa
Chytré zobrazení ceny a slevy
CTA tlačítko, které vede k akci
Recenze a hodnocení zákazníků
Výhody a garance nákupu
Promyšlený a čitelný popis produktu
Vizuální a technická důvěryhodnost stránky

K tomu přidejte jednoduché A/B testování a pravidelnou práci s daty – a získáte výkonnou produktovou stránku, která už nebude jen hezká, ale hlavně zisková.

Nejčastější otázky

Jaký je ideální konverzní poměr pro Shopify e-shop? Záleží na oboru, ale v průměru se konverzní poměr pohybuje mezi 1–3 %. U dobře optimalizovaných stránek může přesáhnout i 5 %.

Jak mohu sledovat konverzní poměr ve svém e-shopu? Nejlépe přes Google Analytics 4, Shopify Analytics nebo nástroje jako Hotjar. Nejde jen o samotné konverze, ale i o to, kde zákazníci nejčastěji odcházejí.

Co mám udělat jako první, pokud chci zvýšit konverze? Začněte s tým, co má největší vliv: výzva k akci, kvalita vizuálů a sociální důkaz (recenze). Tyto prvky často přinášejí nejrychlejší výsledky.

Je možné mít na produktové stránce video nebo 3D model? Ano. Shopify podporuje MP4 videa i 3D soubory GLB a USDZ, které lze nahrát přímo do galerie produktu.