Skip to content

Conversation

@Aswin20010
Copy link

@Aswin20010 Aswin20010 commented Jan 21, 2026

Description

Updates the Post-Event Feedback Follow Up Email template preview UI to improve clarity, personalization scaffolding, and engagement. The previous layout had competing links, unclear CTA hierarchy, and limited context for why users should complete the survey. This PR restructures the content to make the survey action obvious, reduce cognitive load, and ensure required footer information is preserved.
Fixes # (high) Email follow-up CTA hierarchy unclear and secondary links compete for attention (1.1.1)
Fixes # (medium) Missing visible preview text in template preview and no clear time-to-complete expectation (1.1.2)
Fixes # (medium) Unsubscribe referenced but not clearly actionable in template preview (1.1.3)

Related PRS (if any):

Related PR: #3841
This PR is frontend-only (template preview/UI). No backend changes included.

Main changes explained:

  • Update src/components/CommunityPortal/Activities/FollowUpEmailTemplate.jsx
    • Added clear Subject line and visible Preview text label (preheader content).
    • Added placeholders for event name/date to support personalization where available.
    • Made “Complete Survey” the primary CTA and added “Takes less than 2 minutes” helper text.
    • Grouped secondary actions under “Other options” and de-emphasized them visually.
    • Ensured footer retains required legal messaging and added a clear Unsubscribe link in the template preview.
  • Update src/components/CommunityPortal/Activities/FollowUpEmailTemplate.module.css
    • Added styles for subject/preview text, primary CTA button prominence, helper text, and “Other options” section hierarchy.

How to test:

  1. Checkout this branch.
  2. Run:
  • npm run start:local
  1. Clear site data/cache (optional, recommended).
  2. Navigate to the template preview route:
  • /communityportal/activities/FollowUpEmailTemplate
  1. Verify:
  • Subject and Preview text are visible and readable.
  • “Complete Survey” is the most prominent CTA and routes correctly to the feedback form.
  • “Takes less than 2 minutes” appears under the CTA.
  • “Other options” contains Reschedule and Alternative Events links and they are visually de-emphasized.
  • Footer/legal content remains intact and Unsubscribe is clickable.
  1. (Optional) Verify responsive layout by shrinking browser width.

Screenshots or videos of changes:

PR.4742.mov

Note:

This PR improves the frontend template preview/UI only. If the actual outbound email is generated/sent via backend templates, those sender-side subject/preheader and dynamic event name/date insertions must be handled in the backend email service as a separate change.

@netlify
Copy link

netlify bot commented Jan 21, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit f9653be
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69713c9de8af8b0008709298
😎 Deploy Preview https://deploy-preview-4742--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants