Jak přidat tabulku velikostí do obchodu Shopify (a snížit vratky)

Možnost 1 — Vložit tabulku do popisu produktu

Nejrychlejší cesta: sestavit HTML tabulku v editoru popisu produktu a hotovo. Funguje to, nic to nestojí a pro obchod s pěti produkty to může stačit.

Náklady přijdou později. Tabulka je zduplikovaná v každém produktu, takže jediná oprava znamená ručně upravit každý produkt. Sedí na konci popisu, kam málokdo doscrolluje, a HTML tabulky málokdy přežijí obrazovku telefonu bez vodorovného posouvání.

Rozumné pro hrstku produktů, které nemají nic společného. Bolestivé nad tucet.

Možnost 2 — Metapole plus vaše téma

Shopify má nativní vlastní data. V Nastavení → Vlastní data → Produkty vytvořte metapole (formátovaný text funguje dobře), vyplňte ho u každého produktu a zobrazte v šabloně produktu — témata Online Store 2.0 jako Dawn vykreslí metapole přes blok, bez kódu.

Je to nejčistší metoda bez aplikace: obsah žije v Shopify, přežije aktualizace tématu a máte plnou kontrolu. Limitem je opakování — pole stále vyplňujete produkt po produktu a dostanete statický blok: žádné vyskakovací okno, žádný přepínač jednotek, žádné doporučení velikosti.

Správná volba, pokud máte pár tabulek a žádný rozpočet.

Možnost 3 — Upravit kód tématu

S trochou Liquidu můžete do šablony produktu přidat snippet, který otevře modální okno a načte tabulku z metapole. Získáte vyskakovací okno a rozvržení, jaké chcete.

Dvě věci, které je dobré vědět předem: kód žije v tématu, takže změna tématu znamená udělat to znovu, a každá aktualizace tématu může přepsat váš soubor, pokud jste upravili existující místo přidání vlastního.

V pořádku, pokud vám Liquid vyhovuje a téma měníte zřídka.

Možnost 4 — Aplikace na tabulky velikostí

Aplikace se vyplatí, jakmile už nechcete sahat na produkty jeden po druhém. Kupujete si hlavně logiku přiřazování: jednu tabulku použitou na celou kolekci, štítek, dodavatele nebo typ produktu, takže nový produkt zdědí správnou tabulku v den, kdy vznikne.

Nejdřív se podívejte, jak se aplikace vykresluje v obchodě. Aplikace, které vkládají externí skript, přidávají síťový požadavek na každou produktovou stránku a mohou vás stát body v Lighthouse. Aplikace postavené na rozšířeních tématu se vykreslují uvnitř vašeho tématu a při načítání nic nepřidávají — a odinstalují se čistě, bez zanechaného kódu.

Co dělá tabulku velikostí, kterou lidé opravdu používají

• Skutečné míry, ne jen S/M/L — hrudník, pas, boky v centimetrech nebo palcích, ideálně jako rozsahy (88-93 cm místo 90).
• Poznámka nebo nákres „jak měřit“: polovina chyb pochází z měření na špatném místě.
• Mezinárodní ekvivalenty (EU, US, UK), pokud prodáváte do zahraničí — zákazník z USA, který vidí jen velikosti EU, bude hádat, a hádání znamená vratku.
• Přepínač cm/palce, aby nikdo nemusel přepočítávat z hlavy.
• Musí být na jedno kliknutí od výběru velikosti, ne zahrabaná v záložce na konci stránky.
• Na mobilu: tabulka posouvatelná do stran s připnutým sloupcem velikostí, jinak je nečitelná.

Jít dál: doporučit velikost místo zobrazení tabulky

Tabulka stále chce po zákazníkovi, aby porovnal své míry s mřížkou. Poradce velikosti to porovnání udělá za něj: dvě tři míry na vstupu, jedna velikost na výstupu.

Jsou to stejná data — rozsahy, které už máte v tabulce — použitá jinak. Uděláno dobře, výpočet probíhá v prohlížeči zákazníka, tedy bez čekání a bez osobních měr putujících na něčí server.

Časté otázky