Mennyire testreszabható a Shopify checkout?

Röviden: a megjelenése igen, a működése alig. Minden csomagon átállíthatod a logót, a színeket, a betűtípust és azt, hogy egy vagy három lépésből álljon a folyamat. A mezők elhelyezését, új mező hozzáadását és a fizetési lépésekbe illesztett saját elemeket viszont nem, azokhoz Shopify Plus kell, ami 2100 eurótól indul havonta. Magyar boltnál pont az utóbbi csoportba esik minden, ami tényleg kell.

Mit tudsz átállítani minden csomagon

Kezdjük azzal, ami működik, mert ez sem kevés, és sok bolt még ennyit sem használ ki.

A Shopify adminban a Beállítások, majd Pénztár menüpont alatt van egy szerkesztő. Ebben feltöltheted a logót, megadhatod a pozícióját és a méretét, beállíthatod a márkaszíneket, a betűtípust, a hátteret, és külön a gombok meg a linkek színét. Ugyanitt dönthetsz arról, hogy a checkout egy oldalon fusson vagy három lépésben, engedélyezed-e a vendégvásárlást, kérsz-e tippet, és megjelenjen-e a rendelési megjegyzés mező.

Az egy- és háromlépéses elrendezés között érdemes tudatosan választani, nem alapbeállításon hagyni. Az egylépéses változat rövidebbnek tűnik, és sok boltnál jobban is teljesít, de ha sok adatot kérsz be, egy hosszú oldal lesz belőle, amin a mobilos vásárló görget. A háromlépéses tagolja a folyamatot, viszont minden lépésnél van egy pillanat, ahol a vásárló kiléphet. Erre nincs általános szabály, ez mérés kérdése a te boltodban.

A vendégvásárlás ugyanilyen döntés. Ha kötelezővé teszed a regisztrációt, konverziót veszítesz, cserébe kapsz egy vásárlói fiókot. Magyar boltnál a legtöbb esetben a vendégvásárlás engedélyezése a jobb választás, és a fiókra való rábeszélés inkább a vásárlás után van helyén.

Van egy lehetőség, amiről kevesebbet beszélnek: a checkout szövegei a fordítási felületen átírhatók. Ez több, mint elsőre látszik, mert a mezőnevek is szövegek. Ha egy mező felirata nem jó neked, azt át tudod nevezni, akkor is, ha a mezőt magát nem tudod elmozdítani.

Egy praktikus dolog, ami sok bolton nincs megcsinálva. Ha checkout-appot használsz, a saját felület és a Shopify checkoutja két külön oldal, két külön beállítással. Ha az egyiken más a logó vagy más a gombszín, a vásárló érzi a váltást, és a bizonytalanság a pénztárnál a legdrágább. A gyakorlatban egy logót, egy gombszínt és egy linkszínt kell egyeztetni, mert több beállítás nincs is. Fél óra munka, és utána nem tűnik fel, hogy két rendszer dolgozik.

Hol van a fal

Most jön a lista, ami miatt ez a cikk megíródott. Az alábbiakat magyar boltok kérték valós projekteken, és egyik sem volt megoldható:

• A mezők elhelyezése és sorrendje fix. A cégnév mezőt nem tudod lejjebb tenni a szállítási adatok alá, akkor sem, ha a folyamat logikája ezt kívánná.
• Nem tudsz új mezőt hozzáadni.
• A megjegyzés mezőt nem tudod testreszabni, és nem tudod szétválasztani, például külön szállítói megjegyzésre.
• Nem tudsz saját validációt kötni külső rendszerhez. Csak abból dolgozhatsz, ami a Shopify saját adatbázisában van.
• A Shopify saját felületén nem tudsz fizetési módot tiltani egy adott szállítási módhoz. Márpedig ez például utánvétnél és bizonyos csomagpontoknál valós igény. App nélkül nincs rá eszköz, apppal viszont már Basic csomagon is megoldható, erről mindjárt.
• Nem tudsz extra elemet elhelyezni a fizetési lépéseken, ha nem vagy Plus.
• A gombok szerepét sem tudod megváltoztatni. A „Fizetés" feliratú gomb ott is ez marad, ahol még nem történik tényleges fizetés, és a vásárló ezen néha megáll.

Érdemes tudni, hogy ez nem az integrátor tehetetlensége. A checkout a Shopify legjobban védett része, ahol a fejlesztő pontosan ugyanannyit lát belőle, mint a bolt tulajdonosa. Amikor egy fejlesztő azt mondja, hogy ez nem megy, az nem kifogás, hanem helyzetleírás.

A Plus-kérdés

A Plus valóban kinyitja a checkoutot. Megkapod a Checkout Branding API-t, a piaconkénti checkoutot, és UI extensiont futtathatsz a fizetési lépéseken is. Ez a jogosultság-szint, ahol a checkout tényleg testreszabható.

Van egy funkciócsoport, ami magyar szemmel a legérdekesebb, és aminél érdemes pontosan tudni, hol van a határ. A Shopify Functionsre épülő fizetési mód testreszabással a fizetési és a szállítási módokat át tudod nevezni, sorrendbe rendezni, és feltételesen elrejteni. Elrejtheted az utánvétet egy bizonyos kosárérték fölött, vagy kizárhatsz egy fizetési módot egy adott szállítási módnál. Pontosan az a fajta szabály, amit magyar boltok rendszeresen kérnek.

És most jön a rész, amit sok bolt félreért. Ez nem Plus-funkció. A Shopify súgója szerint a fizetési módok elrejtése, átnevezése és sorrendezése már Basic csomagtól elérhető, ha nyilvános, Shopify Functionsre épülő appot használsz hozzá. Plus három dologhoz kell: a bankkártya-mezők testreszabásához, a fizetési feltételek beállításához, és ahhoz, hogy saját, nem nyilvános Functions-appot fejlesszenek neked. A Shopify saját Checkout Blocks appjában maga a fizetési mód testreszabás valóban Plus-korlátos, és a kettő összekeverése az, amiből a félreértés jön.

Egy földrajzi kivétel azért van. Az Egyesült Államokban és Kanadában a nem-Plus boltoknál a kártyás fizetési módokra nem érvényesülnek ezek a szabályok, csak az alternatív fizetési módokra. Magyar boltnál ez a konkrét korlát nem számít.

Az ára viszont nem véletlenül nem szerepel a nyilvános árlistán feltűnő helyen. A platformdíj 2100 eurótól indul havonta hároméves szerződéssel, 2250-től egyéves szerződéssel, és innentől egyedi árazás: nagy forgalom fölött forgalomarányos díjra vált. Ehhez jön a fejlesztés, mert a Plus nem megoldást ad, hanem lehetőséget arra, hogy megoldást fejlesszenek neked.

És itt van az, amit érdemes végiggondolni, mielőtt bárki ajánlatot kér. A magyar boltok a korpuszunkban jellemzően nem azért kezdtek Plusban gondolkodni, mert egyedi checkout-élményt akartak építeni. Azért, mert kellett nekik a csomagpontválasztó, az utánvét rendes kezelése és a céges adószám. Vagyis felmerült, hogy havi 2100 eurót fizetnek azért a jogért, hogy utána külön pénzért megépíttethessék azt, amit egy magyar checkout-app havi tízegynéhány euróért ad. A Plus jó válasz. Csak nem erre a kérdésre.

Van egy másik jelzés is, amit érdemes komolyan venni. Magyarországon nagyon kevés Shopify-bolt fut Plus csomagon. Pontos szám nincs róla, de aki napi szinten dolgozik ezen a piacon, az egy kézen megszámolja őket. Ha a te méretedben senki nem használja, az általában nem azért van, mert mindenki lemaradt valamiről.

Checkout UI Extension: a korlát, amit a legtöbben félreértenek

Ez a rész azért kap külön szakaszt, mert itt keletkezik a legtöbb félreértés, és mert emiatt vesznek meg emberek olyan appot, ami nem azt teszi, amit gondolnak.

A Checkout UI Extension a Shopify hivatalos módja arra, hogy egy app elemet tegyen a checkoutba. A kulcsinformáció: az information, a shipping és a payment lépésen ez csak Shopify Plus boltban működik. A köszönőoldalon és a rendelésállapot-oldalon viszont minden csomagon fut, a Starter kivételével, 2024 közepe óta.

Ez a kettősség magyarázza, amit az App Store-ban látsz. Ha egy app „checkout extension" funkciót ígér és nem írja ki, hogy Plus kell hozzá, akkor nagy eséllyel a vásárlás utáni oldalakon dolgozik. Ott tud upsellt, felmérést, információs blokkot megjeleníteni. A fizetési folyamatba nem tud belenyúlni. Ez nem csalás a részéről, csak könnyű félreolvasni.

A régi világról annyit érdemes tudni, hogy a checkout.liquid, amivel korábban szabadon át lehetett írni a checkoutot, kivezetésre került. A határidőkről és arról, hogy ez mit jelent az appválasztásnál, a kosár- és checkout-appokról szóló cikkünkben írtunk részletesen. Ha pedig van egyedi extensionöd, a 2026. október 1-i Polaris-migrációs határidő rád is vonatkozik.

A magyar rés: amit a Shopify checkout egyáltalán nem tud

Eddig arról volt szó, mit engedi a platform. Most arról, mi hiányzik konkrétan egy magyar boltnak. Ez a lista azért fontos, mert egyik pontja sem dizájn-kérdés.

ÁSZF és adatvédelmi elfogadás. Magyar webshopnál bevett gyakorlat, hogy a vásárló a megrendelés előtt elfogadja az általános szerződési feltételeket és az adatkezelési tájékoztatót. A Shopify checkoutja natívan nem ad erre checkboxot. Egyetlen alap Shopify-boltban sincs benne, aki nem használ rá külön alkalmazást.

Ez az a pont, ahol a legtöbb magyar bolt először szembesül a checkout zártságával, és ahol a legnehezebb elfogadni a helyzetet. Egy checkbox technikailag a legegyszerűbb elem, ami egy weboldalon lehet. A checkoutba mégsem tudod betenni, mert nem az elem összetettsége a kérdés, hanem hogy egyáltalán hozzáférsz-e ahhoz a felülethez. Nem férsz hozzá.

Csomagpont- és automataválasztó. A vásárló térképen szeretné kiválasztani, hova menjen a csomag. Ez a fizetési folyamat része, nem utólagos egyeztetés kérdése.

Az utánvét díja külön tételként. Valós esetben az összegzésben csak a szállítási díj jelent meg, az utánvét díja nem különült el. A vásárló így nem érti, miből áll a végösszeg.

Céges vásárlás adószámmal. Nincs adószám-mező, a kerülő utakról a számlázás automatizálásáról szóló cikkünkben írtunk.

Irányítószám és település ellenőrzése. Ez sem működik magától, és hibás címekhez vezet, amiket aztán kézzel kell javítani.

Három út van innen. Vagy Plus és fejlesztés, ami a fenti árazás mellett a legtöbb magyar boltnál nem térül meg. Vagy elengeded, és a hiányzó funkciókat kézi munkával pótolod, ami egy ideig működik. Vagy checkout-appot használsz, ami a saját felületén megoldja azt, amit a Shopify nem engedi.

Ez utóbbiból több is van a magyar piacon. A kosR például egyetlen appban hozza a térképes csomagpontválasztást, az utánvétet, a céges vásárlást adószámmal, a magyar számlázók bekötését és a jogi elfogadó checkboxokat, és nem kell hozzá Plus. Ez a mi fejlesztésünk, úgyhogy vedd ennek megfelelő súllyal, de a piacon másik hasonló megoldás is van, és a szállításról szóló cikkünkben összeszedtük a választási szempontokat.

A checkout-app útja, és amit fel kell adni érte

Ha ezt az utat választod, tudnod kell, mit adsz cserébe. Ez a szakasz azért van itt, mert enélkül a cikk fele igaz lenne csak.

A checkout-app úgy oldja meg a magyar funkciókat, hogy a saját felületén kéri be azokat az adatokat, amiket a Shopify checkoutja nem tud kezelni. Ez azt jelenti, hogy a vásárló egy plusz felületen megy át. Aki egylépéses checkoutot használt, annak kétlépéses lesz.

Ez elsőre riasztóan hangzik, és tényleg érdemes előre tudni róla. A gyakorlatban a konverzión ez nem szokott érdemi visszaesést okozni, feltéve, hogy a két felület egyformán néz ki. Egy valós átállásnál pontosan ez volt a kompromisszum, a bolt elfogadta, és a lemorzsolódás nem ugrott meg. De ez nem garancia, hanem tapasztalat, és a te boltodban méréssel érdemes ellenőrizni.

Egy dolgot fontos tisztázni, mert sokan félnek tőle: a bankkártyaadatokat továbbra is a Shopify checkoutja kezeli. A vásárló nem kerül külső fizetőoldalra, a fizetési módokat a Shopify Payments vezérli. A checkout-app a fizetés előtti adatgyűjtést és a rendelés utáni logikát oldja meg.

Az átállást érdemes úgy időzíteni, hogy legyen mellette ember. A tapasztalat az, hogy nagy forgalmú boltnál a beállítás nem az a művelet, amit délután négykor egyedül kezd el az ember. Az élesítés napján legyen elérhető, aki hozzáfér a bolthoz, és fusson le legalább egy teljes tesztrendelés minden fizetési módban, mert a hiba jellemzően nem a felületen látszik, hanem abban, hogy milyen adat érkezik meg a rendeléshez. Külön nézd meg a csomagpontos rendelést: megjelenik-e a választott pont a rendelésen, és jó formában van-e.

És egy figyelmeztetés, amit érdemes megjegyezni: ha ilyen appot használsz, a bolt checkout gombjának az app felületére kell mutatnia. Ha a Shopify saját checkoutjára visz, a szállítási kizárások és a csomagpontválasztó egyszerűen nem érvényesülnek, és a rendelések hibás adatokkal érkeznek.

Amikor nem a korlát a probléma, hanem a beállítás

Érdemes egy dolgot tisztán látni. Amikor egy magyar boltban „nem működik a checkout", az az esetek nagy részében nem a Shopify korlátaiból jön. Rossz gombra van kötve az átirányítás, két app ugyanazt a kattintást akarja kezelni, a gyorsvásárlás gomb megkerüli a csomagpontválasztást, vagy egy beépített böngésző kezeli félre a kosarat.

Ezeket sorra vettük a checkout gomb hibáiról szóló cikkünkben, mert önálló téma, és mást kell hozzá tudni, mint a testreszabás korlátaihoz. Itt csak annyi a lényeg, hogy ha nálad most valami nem stimmel a pénztárnál, jó eséllyel nem Plusra van szükséged, hanem egy fél óra átnézésre.

Mit tegyél, ebben a sorrendben

Ha a checkoutod nem az, amit szeretnél, ezt a sorrendet érdemes követni:

1. Nézd át a checkout editort. Logó, színek, betűtípus, elrendezés, vendégvásárlás. Sok bolton ezek sincsenek beállítva.
2. Írd át a szövegeket a fordítási felületen, ha a mezőnevek nem jók.
3. Ellenőrizd, hova visz a checkout gomb, és nincs-e két app egymás útjában.
4. Nézd meg, mi az, ami tényleg hiányzik, és nem csak zavaró. A hiányzó funkció és a nem tetsző elrendezés két különböző költségkategória.
5. Ha magyar funkció hiányzik, checkout-appot keress, ne Plust.
6. Plusban akkor gondolkodj, ha a bolt mérete és a nemzetközi terjeszkedés önmagában indokolja. A magyar checkout-funkciók nem indokolják.

A Shopify checkoutja azért zárt, mert ez a platform legdrágábban optimalizált része, és a Shopify nem engedi, hogy elrontsd. Ez a legtöbb bolt esetében helyes döntés a részéről. A magyar kereskedő viszont nem szépíteni akar rajta, hanem hozzátenni azt, ami itthon a vásárlás alapfeltétele, és ezt a különbséget a platform nem ismeri. Amíg nem ismeri, addig marad a kerülőút, ami működik, csak nem szép. A pénztár egyébként is az a hely, ahol a vásárlót nem az érdekli, milyen elegáns a megoldás. Az érdekli, hogy át tudja-e venni a csomagot a sarki automatában.

Gyakori kérdések

Hasznos linkek

• Shopify: How to customize Shopify checkout
• Shopify dev: About checkout app extensions
• Shopify dev: Checkout UI extensions
• Shopify árazás

Kapcsolódó cikkeink: Shopify kosár- és checkout-appok, Automatikus számlázás Shopify-on, Szállítás és csomagküldés beállítása, Shopify árak és csomagok, Mit hisznek Plus-funkciónak, ami már nem az.