Upravte si vzhled platební brány s novou funkcí přizpůsobení barev a loga
Přidali jsme novou funkci na platební bránu – přizpůsobení barev a loga.
Donedávna bylo možné obarvit pouze hlavní akční tlačítko na verzi brány pro stolní počítače. Na nové mobilní bráně taková funkce dosud chyběla.
A protože víme, že uživatelský zážitek je při placení jednou z nejdůležitějších věcí, připravili jsme pro vás novou funkci v podobě kompletního přizpůsobení designu platební brány, aby vaši zákazníci platili ještě pohodlněji.
Pro oba typy brány (jak desktopovou, tak mobilní) si nově můžete nastavit barvu akčních i ilustračních prvků a firemní logo.
Vybírat můžete z až 10 předdefinovaných barev:
- světlá královsky modrá (GoPay modrá)
- fialová
- ombre pink
- lososově růžová
- oranžová
- jantarově žlutá
- světle zelená
- tyrkysová
- černá
- béžová
Ukázka prvků, které je vhodné přizpůsobit
Na platební bráně navrhujeme obarvovat prvky, které vyzývají uživatele k primární, či sekundární akci nebo ilustrační prvky. Nedoporučujeme měnit barvu textových inputů, z důvodu jasně identifikovatelné správnosti vyplnění, či chyby. Také nedoporučujeme měnit informační ikony stavů, například ikonu úspěšně provedené platby obarvovat do červené. Barvu informačních notifikací doporučujeme také zachovat.
Srovnání verze platební brány pro stolní počítač (vlevo) a mobil (vpravo). Do záhlaví můžete umístit vaše logo. Přizpůsobení barvy je viditelné na ikonách platebních metod a akčního tlačítka Zaplatit.
Kde si můžete nové barvy a logo nastavit?
Nové logo i barvy si můžete nastavit ve vašem obchodním účtu podle návodu, který najdete v článku Jak nastavím barvy na platební bráně a Jak nastavím logo na platební bráně.
K čemu je dobré mít logo na platební bráně?
Při navrhování barevné palety jsme vycházeli z barev největších světových značek. Barvy jsou vybírané tak, aby nebyly ani příliš tmavé, ani příliš světlé.
Logo vaší značky působí příznivě na zákazníky. V kombinaci s inline verzí platební brány působí placení důvěryhodně – zákazníci mají pocit, že skutečně platbu posílají e-shopu, a ne podvodné stránce. V neposlední řadě dochází ke zviditelnění vaší značky jako takové, což je výhodné pro marketing vašeho e-shopu.
Přizpůsobení barev vaši značku ještě více posilní. Pokud používáte jako primární barvu například žlutou a vaši zákazníci vás mají s takovou barvou spojenou, je vhodné takové barvě přizpůsobit i prvky platební bráně.
13.05. 2021 at 16:35
Půjde prosím nastavit i barva písma v tlačítku? Podle https://webaim.org/resources/contrastchecker/ to s bílým fontem není dostatečně kontrastní. Uvítal bych i nastavení vlastní barvy a vlastního hoveru. Na webu máme konverzní cestu červenou barvou (#d42020), ale zároveň nechci, aby byla načítací obrazovka červeně. To by mohlo lidi vylekat, kdyby to celé zčervenalo 🙂
Budou třeba za měsíc k dispozici statistiky, která barva má nejlepší poměr dokončených plateb? Zajímalo by mě, jaké tam budou rozdíly.
14.05. 2021 at 09:16
Dobrý den,
mrzí mě to, ale přidání nastavení vlastních prvků neplánujeme. Co se týče statistik, tak žádné k dispozici nemáme.
Budeme se zabývat zlepšením kontrastu, ale nastavení vlastní barvy písma umožňovat nebudeme. Bylo by zde riziko, že si obchodníci nastaví takovou barvu písma, které pak nepůjde přečíst a zákazníci by tak nezaplatili, tudíž by to vedlo ke zhoršení konverzního poměru plateb.
Hezký den.
Karin | GoPay