A CTA is a call-to-action button. A small element with big impact. A great CTA can lift conversion 2-5x.
CTA copy
Concrete value and action. \"Create your free account\", not \"Submit\".
Action verbs
Create, buy, start, try.
Visual
Contrasting with the rest. Bright: orange, red, green.
Size
200px+ wide, 48px+ tall.
Padding and shape
12-16px horizontal. Rounded corners 5-10px.
Hover state
Darker, shadow, scale 1.05.
Active state
Scale 0.95, darker.
Loading state
Spinner, \"Sending...\", disabled.
Placement
Hero above the fold. End of the page. Sticky.
Multiple CTAs
One primary, maybe one secondary.
Urgency and scarcity
Today's discount. Only 5 left. Don't overdo it.
A/B testing
HubSpot: +22% average lift.
Mobile
48x48px minimum. Sticky at the bottom.
Mistakes
Generic copy, low contrast, too small, too many CTAs.
Sayt.uz
Green #22c55e CTA. \"Try for free\" +35% vs \"Create account\". Green +18% vs blue.