Checkout extensibility: život po checkout.liquid

Roky platilo, že na Shopify Plus si checkout viete prepísať do posledného pixela cez checkout.liquid. Bola to obrovská sloboda a zároveň zdroj problémov — každá aktualizácia platformy hrozila, že vlastný checkout prestane fungovať, a bezpečnostné aktualizácie sa nasadzovali ťažko.

Shopify to nahradil systémom rozšírení. Je to menej slobody a viac stability.

Čo prišlo namiesto toho

Checkout UI extensions

Malé komponenty, ktoré sa vložia do vopred určených miest v checkoute. Bežia v izolovanom prostredí a používajú komponenty Shopify, takže sa automaticky prispôsobia vzhľadu obchodu.

Čo sa cez ne dá spraviť: vlastné polia (poznámka ku kuriérovi, IČO pre firemné objednávky), doplnkové informácie a upozornenia, jednoduchý upsell, súhlasy a zaškrtávacie polia, výber výdajného miesta pre dopravcu, dôveryhodnostné prvky.

Čo sa nedá: prestavať poradie krokov, zmeniť rozloženie checkoutu od základu, alebo vložiť ľubovoľný cudzí skript.

Shopify Functions

Kód, ktorý beží na strane Shopify a mení logiku — nie vzhľad. Tu sa riešia:

• Zľavy s vlastnými pravidlami, ktoré štandardné zľavy nezvládnu.
• Doručovacie metódy — skrytie, premenovanie, preusporiadanie podľa košíka alebo adresy.
• Platobné metódy — napríklad skrytie dobierky nad určitú sumu alebo pre určité produkty.
• Validácia košíka — zablokovanie objednávky, ktorá nespĺňa podmienky.

Pre slovenský e-shop je toto najužitočnejšia časť celého systému. Väčšina toho, čo sa okolo dobierky rieši appkami, sa dá spraviť jednou funkciou.

Branding API

Farby, písma, zaoblenia, logo. Checkout sa dá zladiť so značkou bez toho, aby ste sa dotkli jeho štruktúry.

Čo to znamená prakticky

Ak ste mali vlastný checkout na starom systéme, prechod znamená rozobrať, čo všetko ten checkout robil, a preložiť to do rozšírení a funkcií. Väčšina vecí sa preložiť dá. Časť nie — a vtedy treba nájsť iný spôsob, ako ten istý obchodný cieľ dosiahnuť.

Typický príklad: vlastný viackrokový formulár s podmienenou logikou. To sa v novom systéme nedá. Riešenie býva presunúť časť tej logiky pred checkout, do košíka alebo na produktovú stránku.

Výhody, ktoré sa oplatí uznať

• Aktualizácie nič nerozbijú. Rozšírenia bežia izolovane a Shopify garantuje rozhranie.
• Checkout ostáva rýchly. Nikto doň nevloží skript, ktorý ho spomalí o sekundu.
• Funguje aj v zrýchlených platbách. Shop Pay, Apple Pay a Google Pay obchádzali starý vlastný checkout úplne. Funkcie sa uplatnia aj tam.
• Bezpečnosť. Checkout je najcitlivejšie miesto e-shopu a menej cudzieho kódu v ňom je dobre.

Na ktorých tarifoch čo funguje

Časť možností je dostupná všade, časť len na Shopify Plus — najmä hlbšie úpravy vzhľadu a niektoré typy rozšírení. Ak plánujete niečo netriviálne, overte si dostupnosť pre váš tarif skôr, než to nasadíte do zadania.

Menej slobody v checkoute znie ako obmedzenie. V praxi to znamená, že vám v piatok večer nespadnú objednávky, lebo sa aktualizovala platforma.