Button Block
Add a clickable CTA button that links to a URL. The most important interactive element in any email.
Properties
| Property | Options |
|---|---|
| Button text | The label (e.g., "Get Started", "Shop Now") |
| Link URL | Where the button goes when clicked |
| Background color | Button fill color |
| Text color | Label text color |
| Border radius | Corner rounding (0 = square, 50% = pill) |
| Padding | Internal spacing (top/right/bottom/left) |
| Alignment | Left, Center, Right |
| Width | Auto (fits text) or Full width |
| Font size | Label text size |
| Font weight | Normal, Bold |
Best practices
| Do | Don't |
|---|---|
| Use action verbs: "Start Free Trial" | Vague: "Click Here" |
| High contrast color (stands out from background) | Same color as background |
| One primary CTA per email section | 5 buttons competing for attention |
| Full width on mobile | Tiny buttons hard to tap |
| 44px+ minimum touch target height | Small text-only links |
Common CTAs
| Email type | Button text | Color suggestion |
|---|---|---|
| Welcome | "Get Started" | Brand primary |
| Order confirmation | "Track Order" | Brand primary |
| Password reset | "Reset Password" | Red/orange (urgency) |
| Newsletter | "Read More" | Brand secondary |
| Promotion | "Shop Now" | Bright, contrasting |
Tip
Make the CTA button the most visually prominent element in the email. If the reader sees nothing else, they should notice the button.