Checkout oldal

Röviden

• A checkout oldalon egyetlen cél van — a fizetés befejezése. Minden más zavaró elem.
• Kétoszlopos elrendezés: balra a fizetési form, jobbra az összegzés, vélemény és garancia.
• Az kosár-bővítő ajánlat (egykattintásos kiegészítő ajánlat) 10-25%-kal növeli a kosárértéket.
• A látható pénzvisszafizetési garancia 15-25%-kal emelheti a konverziót.

A fizetési oldal aranyszabálya — ne vezesd el a vevőt. Minden link vagy tartalom, ami nem közvetlenül a fizetést segíti, lemorzsolódási kockázat.

Felépítés: Bal oszlop: minimális nav (vagy semmi nav, csak logo), Stripe form (kártya, név, email, szállítási cím ha kell). Jobb oszlop: order summary (mit kapsz, ár), kosár-bővítő ajánlat (1-kattintásos plusz ajánlat, +1 checkboxszal), Trust signal-ok (vélemény, biztonsági jelzés, garancia).

kosár-bővítő ajánlat: kis árú kiegészítő (~10-30% a fő ár arányában), 'Csatold hozzá X-et csak +Y Ft-ért'. 10-25% elfogadási arány tipikusan, ami AZONNAL növeli a kosárértéket.

Garancia visible első képernyő a checkout-on. Magyar piacon 14-30 napos pénzvisszafizetési garancia növeli a konverziót akár 15-25%-kal.

Próbáld ki ma

30 perces feladat — a checkout oldalt vázolod fel papíron, mielőtt eszközt nyitnál.

1. Rajzolj két oszlopot egy A4-re. Bal: fizetési form. Jobb: order summary, kosár-bővítő ajánlat, trust signal-ok. Ez a teljes oldal — semmi más.
2. Listázd ki, mi kerül a bal oszlopba. Csak a fizetéshez feltétlenül szükséges mezők. Minden plusz mezőt húzz át — minden mező lemorzsolódás.
3. Tervezd meg az order bumpot. Egy kis árú kiegészítő (a fő ár 10-30%-a), egy mondatos ajánlattal és egy checkboxszal. Írd le a pontos szöveget.
4. Írd meg a 3 trust-elemet. 1 vélemény, 1 garancia-mondat, 1 biztonsági jelzés. A garancia legyen első képernyő.
5. Csak ezután válassz eszközt — Stripe Checkout vagy SimplePay, semmi custom-fejlesztett form.

Ha a két oszlop vázlata kész, jöhet a build.

AI-prompt az order bumphoz

Másold be Claude-ba vagy ChatGPT-be:

Egyéni vállalkozó vagyok, {{szakma — pl. táplálkozási tanácsadó}}, és checkout oldalt építek
ehhez a fő ajánlathoz: {{termék + ár}}.
Az ICP-m: {{kinek szól — pl. fogyni vágyó, elfoglalt édesanyák}}.
Adj 3 order bump ötletet (kis árú, a fő ár 10-30%-a), mindegyikhez egy mondatos
checkout-szöveget. Adj 1 garancia-mondatot és 1 trust-elemet is. Magyarul.

Heti feladat

Auditáld a jelenlegi checkout oldaladat a wireframe szerint: 1 lépés, 0 extra mező, 1 fő CTA.

• Stripe Checkout / SimplePay — semmi custom form
• Order summary jobbra (desktop) / felül (mobile)
• 1 fő CTA + 1 trust badge (SSL / pénzvisszafizetés)

Lásd a vázlatot: a fizetési lépés további skiccéhez nézd meg a Köszönöm oldal leckét a Marketing Skiccfüzetben.