Jak zobrazit platební metody v e-shopu?

Chcete vašim zákazníkům usnadnit placení?

Výborně. A víte, že ani ta nejlepší platební brána na světě vám k tomu nepomůže?

Abyste skutečně posunuli placení u vás na vyšší level, musíte správně zobrazit platební metody ve vaší objednávce.

Chcete vědět, jak na to?

V tomto článku najdete rady a tipy předních UX konzultantů doplněné o další informace a sepsané do přehledného návodu.

Informace vám pomohou během integrace platební brány i pokud již platební bránu využíváte a řešíte, jak naplno využít její potenciál.

Nejdůležitější informace o placení

Abyste věděli, jak zobrazit platební metody v e-shopu, zkuste si nejprve představit, jak lidé přemýšlí při placení.

Při nakupování na internetu máme na výběr z obrovského množství možností. Proto trávíme spouty času googlením a dokola řešíme dilema, jestli jsme našli nejlepší nabídku.

Když už se konečně rozhodneme, cítíme radost i úlevu. Rozhodně ale nechceme řešit další rozhodování spojené například s platbou.

Jinak řečeno:

Placení chceme mít rychle za sebou a zajímá nás při něm pouze cena platby a informace o průběhu placení a době odeslání zboží. Pokud se při placení musíme znovu rozhodovat, máme tendenci nákup odložit.

Zní to triviálně, ale důsledky pro platební metody v e-shopu jsou dalekosáhlé.

1. O tom, jestli a jakým způsobem u vás zákazník zaplatí, se rozhoduje v objednávce. Tam musíte odprezentovat platební metody tak, aby si z nich každý vybral a dokázal dokončit platbu na platební bráně.

2. Do platební brány přesměrujte zákazníka až ve chvíli, kdy má výběr platební metody za sebou. Je důležité, abyste zákazníka přesměrovali na stránku brány, která odpovídá vybrané platební metodě. Pokud by tomu tak nebylo, nutíte zákazníka k opakovanému rozhodování o platební metodě a tím snižujete šanci na dokončení platby.

3. Řazení, vzhled i popis platebních metod ve vaší objednávce mají jediný cíl – musí dovést co největší počet zákazníků k odeslání objednávky a dokončení platby.

Jak tedy správně prezentovat platební metody v e-shopu, a přitom dodržet uvedené zásady?

1. Vytvořte přehledný výpis platebních metod

Existují desítky platebních metod. Pokud byste je v objednávce zobrazili všechny najednou bez související logiky, zákazníkům byste výběr platební metody výrazně ztížili.

Proto je dobré uspořádat platební metody do kategorií a z nich vytvořit výpis způsobů plateb v objednávce.

Níže vidíte výpis, který kombinuje nejpoužívanější offline platby a vybrané platební metody podporované platební bránou GoPay.

• Dobírka (offline)
• Klasický bankovní převod (offline)
• Platba kartou (online)
• Platba okamžitým bankovním převodem (online)
  Česká Spořitelna – PLATBA 24
  Komerční banka – MojePlatba
  Raiffeisenbank – Platby pro eKonto
  mBank – mPeníze
  Fio banka – Fio Banka
  ZUNO – ZUNO Pay
• Platba mobilním telefonen (online)
  Premium SMS
  m-platba
• Platba přes elektronickou peněženku (online)
  GoPay
  PayPal
• Kupónová platba (online)
  Paysafecard
  superCASH
• Platba přes Bitcoin (online)

Možné varianty výpisů najdete v tomto článku v centru nápovědy GoPay.

2. Prezentujte informace ve výpisu ve správném pořadí

Na přehlednost výpisu plateb má velký vliv vertikální i horizontální pořadí prezentovaných informací.

Nejpoužívanější platební metody proto zařaďte do výpisu na první řádky. Méně používané způsoby platby nechte až na konec. Pokud nabízíte větší množství plateb, prezentujte v základním zobrazení pouze ty nejpoužívanější a zbývající schovejte pod odkaz.

Související platební metody se snažte zobrazit v řádcích u sebe. Pokud nabízíte dobírku, platbu kartou a bankovní převody typu PLATBA24, MojePlatba, nebo eKonto, zobrazte řádky pro bankovní převody u sebe a neřaďte je střídavě mezi dobírku nebo platbu kartou.

Na přehlednost výpisu má vliv i pořadí informací v jednotlivých řádcích. Na prvním místě v řádku, tedy úplně vlevo, zobrazte vždy volbu pro danou metodu v podobě radiobuttonu nebo checkboxu. Následovat by mělo logo platební metody, její název v 1. nebo 7. pádě, tooltip a nakonec cena.

3. Používejte srozumitelné popisky a názvosloví

Jestli chcete, aby se zákazníci ve vaší objednávce rychle zorientovali, používejte srozumitelné popisky.

U platebních metod se popisky používají pro název platební metody, případně pro název kategorie platební metody. Dále se popisky používají jako doplňují informace o průběhu platby v tooltipech nebo u názvů platebních metod.

Při vymýšlení názvu platebních metod neplýtvejte kreativitou a použijte raději obecně známá pojmenování. V tabulce níže najdete často používané názvy a popisky platebních metod v objednávkách českých e-shopů.

Pokud se rozhodnete používat pro název platební metody 7. pád, dodržujte tuto konvenci pro všechny způsoby platby. Výjimkou jsou bankovní názvy pro zrychlené bankovní převody, a to v případě, že je prezentujete v objednávce napřímo.

Konvenci se snažte dodržovat i v důrazu na důležitost informací, které uvádíte v doprovodných popiscích.

Pokud například podle odezvy vašich zákazníků usoudíte, že je pro ně důležitá informace o zasílání zboží v závislosti na vybraném způsobu platby, dbejte na to, abyste tuto informaci sdělili u všech nabízených způsobů plateb.

K názvu platby stačí přidat popisek „Zboží pošleme ihned“ nebo „Zboží pošleme do 3 pracovních dní“.

4.Usnaďnujte zákazníkům práci

Na průběh platby mají vliv i zdánlivé detaily, které mohou zákazníkům výrazně usnadnit práci.

Pokud například opatříte řádek s volbou konkrétní platební metody aktivním odkazem, zákazník nebude muset směrovat kurzor pouze do checkboxu nebo radiobuttonu a platební metodu tak zvolí snadněji.

Důležité je i provázání platebních metod se způsoby dopravy.

Pokud nabízíte specifické způsoby dopravy, u kterých je možné platit jen některými platebními metodami, promítněte tyto kombinace i do objednávky. Vizuálně to vyřešíte tak, že u neaktivních platebních metod pro dané druhy dopravy, zvolíte světlejší odstín barvy textu.

5. Vše pečlivě měřte

Přestože nastavení platebních metod má přímý vliv na úspěšnost každého e-shopu, obchodníci tuto oblast často podceňují. Stačí přitom i malé změny, například v popiscích nebo názvosloví, a výkon poptávky se může zásadně zvýšit.

Zároveň platí, že i zdánlivé maličkosti mohou objednávku rozhodit. Proto nezapomeňte i sebemenší úpravy testovat nebo alespoň měřit jejich dopad. Ušetříte si tím spousty starostí a rychle získáte přehled, jaké zobrazení platebních metod ve vašem e-shopu funguje.

PS: Už jste zobrazení platebních metod a způsoby platby ve vašem e-shopu vyladili? Inspirujte ostatní a podělte se do komentářů o vaše zkušenosti.

PPS: Chcete vědět, jak platební metody v e-shopu rozhodně nezobrazovat? Přečtěte si postřehy od UX designera Jana Kvasničky.