Jak stylovat tlačítka (výzvu k akci)

Tlačítko neboli výzva k akci ("CTA - call to action") je silným prvkem v e-mailu, díky kterému dovedete čtenáře k akci. Mělo by být výrazné, srozumitelné a zaujmout na první pohled.

Editor v Leadhubu vám umožní jej libovolně stylovat, a to jak zakulacením rohů, tak nastavením pozadí celého tlačítka.

Vždy si ověřte, jak se bude tlačítko zobrazovat na mobilních telefonech a v dark mode. Myslete na to, že všechny prvky musí být dobře čitelné i v tmavém režimu, který se stává stále populárnějším.

Jak nastylovat tlačítko?

Pozadí

Možnosti pozadí, která lze tlačítku nastavit:

průhledné pozadí
jednoduché barevné pozadí
barevný přechod
obrázek

Klasika - jednoduché barevné pozadí. Vyberte barvu tlačítka a písma.

Tlačítko a tím i celkový dojem e-mailu můžete ale více oživit, a to použitím barevného přechodu na tlačítku či vložením obrázku na jeho pozadí.

U barevného přechodu vyberte barvy, ze kterých ho chcete vytvořit.

Pak už jen nastavte poměr barev, úhel přechodu a náhradní barvu. Ta by se zobrazila v případě, že některý z e-mailových klientů nebude schopen zobrazit vámi definovaný barevný přechod.

S obrázkem na pozadí si můžete vyhrát a přizpůsobit jeho pozici a opakování tak, aby byl text čitelný, a zároveň tlačítko vypadalo zajímavě.

Zakulacení rohů

Tlačítku zakulatí rohy přesně tak, jak si přejete.

„Hover effect" na tlačítku

Hover efekt je drobný vizuální prvek, který dokáže zvýšit míru prokliků a zapojení čtenářů.

Jednoduše nastavíte, aby se vzhled tlačítka po najetí kurzorem myši změnil – například barva, velikost nebo styl písma.

Jak nastavit hover efekt na tlačítku?

Hover efekt lze aktivovat na libovolném prvku „Tlačítko".

Po zaškrtnutí checkboxu "Hover efekt" se zobrazí možností, jak tlačítko s tímto efektem nastylovat:

U tlačítka můžete snadno nastavit změnu velikosti, barvy i fontu textu po přejetí kurzorem myši. Na výběr máte jednoduché barevné pozadí, průhledné varianty, barevné přechody nebo dokonce vlastní obrázek, který se při hover efektu zobrazí. Upravit lze také rámeček nebo zakulacení rohů.