feat(emails): bulletproof CTA buttons in transactional templates#3920
Conversation
Replace raw inline action URLs with email-client-safe, table-based CTA buttons (inline CSS, no external CSS/flexbox) plus a "Button not working?" fallback link, across verify-email, reset-password-email and signup-invite. Placeholders and brand-neutral styling preserved.
…r-added templates
Adversarial review found 2 transactional templates with a bare inline {{url}}
left unstyled. Apply the same table-based CTA button + fallback line so all
action-link emails are consistent.
Claude-Session: https://claude.ai/code/session_011zXXYka6vU5utEGoT4frME
|
Warning Review limit reached
More reviews will be available in 28 minutes and 3 seconds. Learn how PR review limits work. Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file). ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits. 🚦 How do rate limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability. For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: ASSERTIVE Plan: Pro Run ID: 📒 Files selected for processing (11)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
There was a problem hiding this comment.
Pull request overview
This PR updates transactional email HTML templates to replace raw inline action URLs with a consistent, table-based CTA button plus a small fallback “Button not working?” link, improving trust and reducing friction for common user actions.
Changes:
- Replaces plain-text / inline URL instructions with a styled CTA button in 5 transactional templates.
- Adds a small fallback link line that exposes the URL for copy/paste if the button fails to render.
- Normalizes some template structure/formatting in the org-related emails while introducing the CTA.
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| config/templates/verify-email.html | Adds CTA button + fallback link for email verification. |
| config/templates/signup-invite.html | Adds CTA button + fallback link for signup invitation. |
| config/templates/reset-password-email.html | Adds CTA button + fallback link for password reset. |
| config/templates/org-request-new.html | Adds CTA button + fallback link for reviewing org join requests; expands template formatting. |
| config/templates/org-member-added.html | Adds CTA button + fallback link for accepting org invitation; expands template formatting. |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## master #3920 +/- ##
=======================================
Coverage 92.66% 92.66%
=======================================
Files 169 169
Lines 5535 5535
Branches 1778 1778
=======================================
Hits 5129 5129
Misses 326 326
Partials 80 80
Flags with carried forward coverage won't be shown. Click here to find out more. Continue to review full report in Codecov by Harness.
🚀 New features to boost your workflow:
|
Adversarial review (Copilot): the target=_blank CTA buttons across all 5 transactional templates need rel=noopener noreferrer to prevent reverse tabnabbing when opened in a browser from an email client. Claude-Session: https://claude.ai/code/session_011zXXYka6vU5utEGoT4frME
Transactional emails printed the action URL as raw inline text (reads as phishing, adds friction). Replace with a bulletproof (table-based, inline-CSS) CTA button + a small fallback 'paste this link' line, across all 5 templates with a bare {{url}}: verify-email, reset-password, signup-invite, org-request-new, org-member-added. Brand-neutral; placeholders intact.
Closes #3917