Tento článek vás provede doporučeným nastavením platební brány i samotného checkoutu ve vašem e-shopu.
Připravte se na příjem on-line plateb a získejte maximum dokončených objednávek. Návod jsme vypracovali na základě rozsáhlé případové studie mapující naše nejúspěšnější e-shopy.
GoPay podporuje širokou nabídku platebních metod, ze kterých si můžete vybírat. V základu jsou metody rozděleny na 7 hlavních kategorií:
Platební karty
Online bankovní tlačítka
Bankovní převody
Mobilní platby
Elektronické peněženky
Kuponové platby
Platby v bitcoinech
Pokud nemáte jasno v tom, které metody na svém e-shopu podporovat, mohou vám pomoct data z naší studie napříč e-shopy.
Za standard jsou dnes považovány platby kartou a okamžité platby přes online bankovní tlačítka. Právě tyto dva platební kanály dohromady byly nejvíce zastoupené u těch nejvýkonnějších e-shopů: 96 % zákazníků si vybralo právě jeden z nich.
Platby kartou tvořily u nejvýkonnějších e-shopů 73,6 % plateb a online bankovní převody 22,4 %. Ostatní platební metody často neměly více než 1 % zastoupení.
Výhodou platby kartou nebo bankovním tlačítkem je velmi krátká doba realizace. Platební brána je schopna zákazníkovi poskytnout okamžitou informaci ohledně stavu platby.
Pro vás jako obchodníka mají tyto dvě metody v porovnání s ostatními několik výhod:
Rychleji se dostanete k penězům za objednávku
Veškeré procesy spojené s platbou mohou být automatizované
Menší administrativa spojená s vyřízením objednávky
Kromě plateb kartou a plateb přes online bankovní tlačítko doporučujeme podporovat ještě ty metody, které z hlediska zaměření vašeho e-shopu a typu prodávaného zboží dávají největší smysl. V některých odvětvích bude například fungovat platba bitcoinem, jinde ji nikdo nevyužije.
Nezapomeňte prozkoumat i metody, které nejsou v rámci GoPay dostupné, jako např. platba v hotovosti nebo dobírka. Často to mohou být vaši zákazníci, kdo vás pomůže nasměrovat na ten správný set podporovaných metod.
Jakým způsobem bránu zobrazit?
Platební brána GoPay v současné době podporuje dva hlavní způsoby zobrazení do vašeho e-shopu:
Redirect
V případěintegrace typu redirect dochází během platby k přesměrování zákazníka na platební bránu GoPay. Platební brána tak působí odděleně od e-shopu, protože běží na jiné doméně a obsah původního e-shopu není pro zákazníka v okamžiku platby viditelný. Po zaplacení se zákazník vrací zpět na e-shop.
Při této variantě nedochází k viditelnému přesměrování zákazníka z vašeho webu, brána tak působí více jako součást e-shopu. Platební brána se otevře v modálním okně nad původním e-shopem a po dokončení platby se zase zavře.
Všechny funkce platební brány, komfort pro zákazníky nebo možnosti přizpůsobení jsou totožné pro oba typy integrace.
Ve finále si tak musíte rozmyslet, jaká je zamýšlená uživatelská zkušenost, kterou se svým zákazníkům snažíte poskytnout. Chcete, aby platební brána byla vnímána více nezávisle, nebo chcete navodit dojem, že “patří vašemu e-shopu”?
83 % nejvýkonnějších e-shopů integruje platební bránu metodou redirect, zbylých 17 % jde cestou inline integrace.
Nejlepší e-shopy s inline integrací v naší studii měly o 1,7 % více konverzí než ty, co využívaly redirect integraci. Inline integrace dlouhodobě pro e-shopy funguje lépe (Případová studie k inline integraci).
Ve které části objednávky výběr platby prezentovat?
Víte, jaké platební metody budete na e-shopu podporovat? Pak můžete přistoupit k dalšímu kroku. Tím je samotná prezentace platebních metod v rámci objednávkového procesu.
Výběr konkrétní platební metody by měl probíhat společně v kroku s výběrem dopravy. Alespoň takové bylo nejčastější řešení, které využívají nejvýkonnější e-shopy v naší studii.
91 % zkoumaných e-shopů mělo výběr dopravy a platby v jednom kroku objednávkového procesu.
Doporučujeme přitom jako první zobrazit možnosti dopravy, až potom relevantní platební metody. 56 % e-shopů v naší studii prezentovalo volbu dopravy a platby pod sebou, 44 % pak vedle sebe. Vertikální zobrazení má několik výhod:
Informace zákazníkovi dávkujeme postupně, díky čemuž se snadněji zorientuje
Pravděpodobnost, že úspěšně vybere dopravu a následně i platbu, je vyšší
Zobrazení je konzistentní s tím, jak bude stránka vypadat na mobilním zařízení
Jak platební metody prezentovat?
Metody zobrazujte jednotlivě v řádcích
Vybrané platební metody vždy prezentujte v řádcích pod sebou a vyhněte se přílišné kreativitě. Tento způsob zobrazení zvolily všechny nejvýkonnější e-shopy v naší studii.
100 % nejvýkonnějších e-shopů výběr platebních možností zobrazovalo v řádcích pod sebou.
Řádkový výpis je dobře čitelný a jednotlivé položky jsou díky němu snadno porovnatelné. Zákazník tak rychle najde preferovanou platební metodu
Uvádějte na řádku ty nejdůležitější informace
Jednotlivé řádky by vždy měly obsahovat ty nejzákladnější informace, které rychle pomohou zákazníkovi s výběrem vhodné metody. Jaké informace to jsou?
Logo a název platební metody nebo kategorii platebních metod
Rychlost zpracování platby
Cenu za použití vybrané metody
Krátký popis vybrané platební metody
92 % zkoumaných e-shopů zobrazuje cenu za platbu přímo. 25 % e-shopů vám poradí s rychlostí připsání peněz na účet.
Pokud chcete zákazníkům nabídnout více informací k jednotlivým platebním metodám než jen na jeden či dva řádky, zkuste zobrazit za názvem platební metody ikonku, která povede na tooltip či na otevření modálního okna s podrobnějším popisem. Pak se můžete o dané metodě rozepsat a doplnit všechno, co potřebujete.
Tip: Stáhněte si loga platebních metod
Loga jednotlivých platebních metod můžete najít v GoPay nápovědě a jednoduše je použít při implementaci platební brány.
Ačkoliv může být šíře dostupných metod ovlivněna výběrem dopravy v předchozím kroku, vždy byste měli zobrazovat úplný seznam dostupných platebních metod. Díky tomu bude zákazník schopen vybrat takovou kombinaci dopravy a platby, která mu vyhovuje.
75 % e-shopů nabízelo všechny platební metody, 25 % z nich nedostupné volby skrývalo.
Je-li nějaká platební metoda s vybraným typem dopravy nedostupná, udělejte ji neaktivní tak, aby si ji zákazník nemohl vybrat. Snadno ji tak vizuálně odliší od ostatních. V tooltipu nebo modálním okně je pak vhodné zmínit, při jaké dopravě je možné daný typ platby vybrat.
Vyberte vhodnou variantu zobrazení
V základu existují tři způsoby, jak můžete s prezentací platebních metod na straně e-shopu pracovat.
Přímá varianta – všechny platební metody prezentujete přímo na svém e-shopu a zákazník je po výběru metody při placení přesměrovaný rovnou na vybranou metodu.
✅ Výhody:
Zobrazení platebních metod máte plně ve své režii
K výběru platební metody dochází během nákupního procesu
Vhodné pro použití velkého množství nabízených platebních metod
Tuto variantu používají největší české e-shopy
❌ Nevýhody:
Rozsáhlejší integrace
Nelze zaručit dostupnost nových platebních metod
Částečně agregovaná varianta – na e-shopu zobrazíte pouze hlavní kategorie platebních metod (platba kartou, platba bankovním převodem aj.) nebo mix hlavních kategorií a nejpoužívanějších metod. Volbu konkrétního poskytovatele a dokončení provádí zákazník až na platební bráně.
✅ Výhody:
Snadná integrace
Je zaručena dostupnost nových platebních metod
Vhodné pro všechny typy obchodů
❌ Nevýhody:
Vyžaduje přesměrování na platební bránu pro výběr banky
Plně agregovaná varianta – zákazník žádným způsobem platební metodu na straně e-shopu nevybírá a volba metody je přenechána až na platební bránu.
✅ Výhody:
Snadná integrace
Výběr platební metody je zcela přenechán na platební bráně
Je zaručena dostupnost nových platebních metod
Vhodné zejména pro obchody orientující se na služby
❌ Nevýhody:
Není vhodné pro větší množství platebních metod
Integrujete-li platební bránu na klasický e-shop, doporučujeme využít přímou nebo částečně agregovanou variantu. Jednu z těchto dvou voleb využívaly všechny e-shopy v naší studii – žádný z nich nešel cestou plně agregované varianty.
64 % nejvýkonnějších e-shopů mělo implementovanou přímou variantu platební brány.
Zbylých 36 % mělo částečně agregovanou platební bránu.
I když více e-shopů mělo implementovanou přímou variantu, na základě oborového know-how bychom novým e-shopům doporučili začít s částečně agregovanou variantou. Ta je jednodušší z hlediska implementace a také by mohla výrazně lépe fungovat, protože dáte zákazníkovi podstatně méně voleb a zabráníte tak paralýze výběru. (viz Případová studie).
Členění, řazení a názvosloví platebních metod
Způsob členění jednotlivých platebních metod závisí na vybrané variantě zobrazení:
Přímá varianta zobrazení a jednotky platebních metod Všechny dostupné metody jednoduše vylistujte pod sebe od té nejpoužívanější. Budete-li zobrazovat více metod z jedné kategorie, snažte se je v seznamu držet u sebe.
Přímá varianta zobrazení a větší množství platebních metod Zobrazte ve výchozím stavu jen několik nejpoužívanějších metod a zobrazení celého seznamu skryjte za odkaz (“Zobrazit další platební metody”). Seznam při zobrazení všech dostupných platebních metod doporučujeme rozdělit na kategorie podle typu. Zákazníkovi to usnadní orientaci v seznamu a rychleji tak najde preferovanou platební metodu.
Částečně agregovaná varianta zobrazení Zobrazte pouze hlavní kategorie plateb od těch nejpoužívanějších (Platba kartou, Bankovní převod,…) a další upřesnění zákazník provede v platební bráně.
Plně agregovaná varianta zobrazení Zobrazení za vás vyřeší platební brána GoPay.
Jak platební metody seskupit?
Pokud potřebujete prezentovat zákazníkům kategorie platebních metod (např. při zobrazení plného seznamu při přímé nebo částečně agregované variantě), můžete se inspirovat níže uvedeným pojmenováním.
Platba při předání (hotovost nebo dobírka)
Platební karta (všechny platby kartou)
Bankovní převod (okamžité i klasické bankovní převody)
Elektronické peněženky (GoPay, PayPal aj.)
Ostatní (všechny ostatní metody jako mobilní platby, bitcoin nebo třeba kuponové platby)
Ačkoliv některé e-shopy vnášejí do kategorizace až moc logiky a rozdělují např. bankovní převody na online (za použití bankovního tlačítka) a offline (pouze zobrazení informace k platbě), je lepší jít v názvu hlavní kategorie cestou maximální srozumitelnosti.
Cílem je, aby si zákazník rychle vybral a nemusel přemýšlet nad tím, jaké metody bude mít dostupné v platební bráně po vybrání “Rychlé online platby” či jiného ne příliš průhledného názvu.
Jak platební metody pojmenovávat?
I když je pojmenování jednotlivých platebních metod a kategorií kompletně ve vaší režii, měli byste se držet zavedených standardů a konvencí – názvy by měly odpovídat tomu, na co jsou zákazníci zvyklí.
Protože platební brána GoPay s názvy platebních metod také operuje, doporučujeme se držet stejného názvosloví, abyste se vyhnuli zmatení zákazníka prezentací dvou různých pojmenování pro tu samou metodu.
Názvy platebních metod v bráně GoPay
Platební karty
Platební karta
Bankovní převod s použitím tlačítka
Česká spořitelna
Komerční banka
Poštovní spořitelna
Raiffeisenbank
UniCredit Bank
MONETA Money Bank
mBank
Fio banka
Air Bank
Poštovní spořitelna
Equa bank
Citibank Europe plc, organizační složka
ING Bank
Expobank
Oberbank
Sberbank
VÚB Praha
Bankovní převod
Bankovní převod
Elektronické peněženky
GoPay
PayPal
Apple Pay
Google Pay
Kuponové platby
Paysafecard
Mobilní platby
mPlatba
Premium SMS
Platby v bitcoinech
Bitcoin
Tip: Věnujte pozornost velkým a malým písmenům
Při práci s názvy platebních metod věnujte zvýšenou pozornost velkým a malým písmenům, abyste se vyhnuli nesprávnému použití některého z nich. To se týká především názvů, které obsahují více slov (Česká spořitelna, Komerční banka,…) nebo jsou z více slov složeny (GoPay, PayPal,..).
Jak na správnou použitelnost při prezentaci platebních metod?
V rámci přípravy grafických návrhů, UX designu a následné implementace platebních metod na straně e-shopu, byste měli dodržovat pravidla dobré použitelnosti. Co to konkrétně znamená?
Platební a dopravní metody prezentujeme coby seznam s přepínačem (radio buttonem). Zákazník snáze pochopí, že je možné vybrat jen jednu volbu.
Vyhněte se použití zatrhávacích políček (checkboxů), které indikují vícenásobný výběr.
Držte se standardů a přepínač (radio button) mějte vždy na začátku jednotlivých řádků.
Aktivní (vybraný) řádek se snažte jasně graficky odlišit od ostatních, nevybraných řádků.
Vždy mějte celý řádek klikací. Zákazník nemusí kliknout pro změnu volby pouze na přepínač (radio button), ale může využít celý prostor řádku. Toto je důležité především při přístupu z mobilního zařízení.
Možnost kliknout kamkoliv v rámci řádku indikujte změnou kurzoru. Místo klasického kurzoru použijte pseudotřídu hover s jasným grafickým odlišením.
Celý řádek s informacemi se snažte mít co nejvíce kompaktní. Nezapomeňte, že na mobilu budete mít značně omezený prostor pro zobrazení všech informací.
Jak správně napojit metody na platební bránu?
Cesta platební bránou by vždy měla být pokračováním toho, co začalo na e-shopu. S tím souvisí i fakt, že by zákazník neměl v průběhu platby na bráně zadávat informace, které už jednou v objednávkovém procesu e-shopu poskytl. Toho můžete docílit správným napojením e-shopu na konkrétní stavy platební brány.
Příklad 1: Přímá varianta zobrazení Pokud jsem jako zákazník na e-shopu zvolil platbu kartou, očekávám, že cesta na platební bráně začne zadáním čísla karty a nic dalšího nebudu muset volit nebo zadávat.
Příklad 2: Částečně agregovaná varianta zobrazení
Pokud jsem jako zákazník na e-shopu zvolil kategorii bankovní převod, očekávám, že cesta v platební bráně začne výběrem mojí banky.
V případě, že by zákazník viděl cokoliv jiného nebo musel opakovaně provádět nějaký výběr, hrozí, že o něj v tomto kroku přijdete. Při integraci platební brány byste se vždy měli snažit o co možná nejjednodušší a nejpřímočařejší zákaznickou cestu.
Checklist pro zobrazení a implementaci platebních metod
Vybrat podporované platební metody
Zvolit typ integrace platební brány (redirect nebo inline)
Umístit výběr platební metody společně s dopravou na jednu stránku v objednávkovém procesu
Vybrat variantu zobrazení platebních metod
Zvolit správné názvy jednotlivých platebních metod a jejich kategorií
Zajistit správnou použitelnost u volby platebních metod
Zajistit, aby akce v platební bráně plynule navazovala na vybranou platební metodu v e-shopu
To nejlepší ze světa online plateb do vaší schránky
Zanechte nám svůj e-mail a my vám 2x měsíčně pošleme čerstvé novinky ze světa online plateb a
e-shopů.
Žádný komentář