Upravte si vzhled platební brány s novou funkcí přizpůsobení barev a loga
![](https://site.gopaycdn.com/blog/wp-content/uploads/2021/05/cray_arrange-gopay-blog-header_02-1.jpg)
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á
![](https://site.gopaycdn.com/blog/wp-content/uploads/2021/04/img-1.png)
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.
![](https://site.gopaycdn.com/blog/wp-content/uploads/2021/05/custom-blog-1-1024x538.png)
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.
![](https://site.gopaycdn.com/blog/wp-content/uploads/2021/05/urn_aaid_sc_US_c1e778b1-0575-4153-9d52-3bd49523bab1-3-1024x584.png)
![](https://site.gopaycdn.com/blog/wp-content/uploads/2021/05/urn_aaid_sc_US_c1e778b1-0575-4153-9d52-3bd49523bab1-4-1024x584.png)
![](https://site.gopaycdn.com/blog/wp-content/uploads/2021/05/custom-blog-pink-1024x698.png)
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