Skip to content

FCC Donation Page Embed into WordPress#123

Merged
thaninbew merged 6 commits into
mainfrom
aa-embed-donation-page-into-wordpress
May 9, 2026
Merged

FCC Donation Page Embed into WordPress#123
thaninbew merged 6 commits into
mainfrom
aa-embed-donation-page-into-wordpress

Conversation

@aaronashby
Copy link
Copy Markdown
Collaborator

Description

I embedded the donation page ("Make a Difference" banner, GrowingGoal.tsx, and DonationForm.tsx) into WordPress. As of writing this PR, it is currently on a draft page in FCC's WP admin page, which I linked below

Changes Made

  • Added new build-embed script to project.json to build the embedded app

  • Modified donation form styling

  • Created embed.tsx, which is similar to root.tsx, but shows the banner instead of the carousel on top

  • Added config file vite.embed.config.mts

  • Added fcc-donation.php to allow the plugin for enqueuing the css and js needed to display everything

  • Wrote documentation explaining how the shortcode works, where assets live, and how to update the build

  • Backend changes

  • Frontend changes

  • Database schema changes

  • Configuration updates

  • Other

Testing & Verification

  • Unit tests pass
  • Manual testing completed
  • No breaking changes

Verification Steps:

I created a draft page at https://fenwaycommunitycenter.org/?page_id=20697&preview=true (you must be logged into the WP admin to access this) and added the shortcode [fcc_donation]

Screenshots (if relevant)

image image

Future Improvements/Notes

  • I have not yet ensured that this works with our backend as my Docker's been acting strange lately. For now, I wanted to make sure the frontend works as expected.
  • I'm not too sure why the header text appears that big

Related Issues

Closes #76

@thaninbew thaninbew self-requested a review May 9, 2026 16:10
Copy link
Copy Markdown
Collaborator

@thaninbew thaninbew left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!!

@thaninbew thaninbew merged commit adf5bbe into main May 9, 2026
4 checks passed
@thaninbew thaninbew deleted the aa-embed-donation-page-into-wordpress branch May 9, 2026 16:18
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.

FCC Donation page embed into wordpress

2 participants