Checkout extensibility: život po checkout.liquid

Roky platilo, že na Shopify Plus si checkout umíte přepsat do posledního pixelu přes checkout.liquid. Byla to obrovská svoboda a zároveň zdroj problémů — každá aktualizace platformy hrozila tím, že vlastní checkout přestane fungovat, a bezpečnostní aktualizace se nasazovaly těžko.

Shopify to nahradil systémem rozšíření. Je to míň svobody a víc stability.

Co přišlo místo toho

Checkout UI extensions

Malé komponenty, které se vloží do předem určených míst v checkoutu. Běží v izolovaném prostředí a používají komponenty Shopify, takže se automaticky přizpůsobí vzhledu obchodu.

Co se přes ně dá udělat: vlastní pole (poznámka pro kurýra, IČO pro firemní objednávky), doplňkové informace a upozornění, jednoduchý upsell, souhlasy a zaškrtávací pole, výběr výdejního místa pro dopravce, prvky budující důvěru.

Co nejde: přestavět pořadí kroků, změnit rozvržení checkoutu od základu nebo vložit libovolný cizí skript.

Shopify Functions

Kód, který běží na straně Shopify a mění logiku, ne vzhled. Tady se řeší:

• Slevy s vlastními pravidly, která standardní slevy nezvládnou.
• Doručovací metody — skrytí, přejmenování, přeuspořádání podle košíku nebo adresy.
• Platební metody — například skrytí dobírky nad určitou částku nebo u určitých produktů.
• Validace košíku — zablokování objednávky, která nesplňuje podmínky.

Pro český e-shop je tohle nejužitečnější část celého systému. Většina toho, co se kolem dobírky řeší aplikacemi, se dá udělat jednou funkcí.

Branding API

Barvy, písma, zaoblení, logo. Checkout se dá sladit se značkou, aniž byste sáhli na jeho strukturu.

Co to znamená prakticky

Pokud jste měli vlastní checkout na starém systému, přechod znamená rozebrat, co všechno ten checkout dělal, a přeložit to do rozšíření a funkcí. Většina věcí se přeložit dá. Část ne — a tehdy je potřeba najít jiný způsob, jak stejného obchodního cíle dosáhnout.

Typický příklad: vlastní vícekrokový formulář s podmíněnou logikou. To v novém systému nejde. Řešení bývá přesunout část té logiky před checkout, do košíku nebo na produktovou stránku.

Výhody, které stojí za uznání

• Aktualizace nic nerozbijí. Rozšíření běží izolovaně a Shopify garantuje rozhraní.
• Checkout zůstává rychlý. Nikdo do něj nevloží skript, který ho zpomalí o sekundu.
• Funguje i ve zrychlených platbách. Shop Pay, Apple Pay a Google Pay obcházely starý vlastní checkout úplně. Funkce se uplatní i tam.
• Bezpečnost. Checkout je nejcitlivější místo e-shopu a míň cizího kódu v něm je dobře.

Na kterých tarifech co funguje

Část možností je dostupná všude, část jen na Shopify Plus — hlavně hlubší úpravy vzhledu a některé typy rozšíření. Pokud plánujete něco netriviálního, ověřte si dostupnost pro váš tarif dřív, než to nasadíte do zadání.

Míň svobody v checkoutu zní jako omezení. V praxi to znamená, že vám v pátek večer nespadnou objednávky, protože se aktualizovala platforma.