<?xml version="1.0" encoding="utf-8"?>

Pay attention to your CTA button

Pay attention to your CTA button Bad Practice
Pay attention to your CTA button Best Practice

Call-to-action (CTA) buttons are pivotal on landing pages, guiding users towards actions like subscribing, signing up, or making a purchase. Here are some tips to make sure they stand out and do their job:

  • High visibility: Make CTAs stand out with an accent color, potentially even using a contrasting hue from the background for better results.[1]
  • Immediate visibility: Place CTAs prominently without requiring users to scroll. This boosts click-through rates.[2]
  • Strategic placement: On longer pages, sprinkle additional CTAs at intervals to increase conversions.
  • Clear and direct language: Use active verbs and avoid jargon for straightforward instructions. Ensure users understand the action they're taking.
  • Ample size: Employ a larger CTA button for clear visibility and ease of clicking, irrespective of device or screen resolution.
  • Accessibility considerations: Comply with WCAG 2.0 recommendations, providing a minimum touch target of 44x44 CSS pixels, benefiting users with vision or motor disabilities.[3]
Improve your UX & Product skills with interactive courses that actually work