New TeamRaiser Example

Hi all,


Just putting the final touches on a new TeamRaiser based p2p fundraising site for a client- let me know what you think/any questions you have about implementation!

https://walk.spca.bc.ca


Here's a few new features I was able to incorporate this time round:

WordPress based TeamRaiser Event Pages

Each TeamRaiser for this fundraising event has its own WordPress page that pulls in goal/top fundraisers/top teams info from LO, with page content editable in WordPress.




Dynamic Discount Codes

Enter a discount code, and it'll validate it in real time with JS, and let you know how much of a discount you get off the registration fee.  If your registration fee is reduced to $0 as a result of this, it also removes the credit card section of the registration form (unless you check additional donation later on).




Dynamic Team Search

When joining a team, you can search for a team in real time and get a list of available teams back for your teamraiser events in this category.  You can then click the team and it'll add you to that team when you register, all without leaving the page or refreshing.




Responsive YT Video Embed

Responsive YT video that integrates cleanly into the participant profile right above fundraiser description.




Scroll through Profile & Banner Image on Mobile

This TeamRaiser setup uses profile and banner images for participant pages, and on mobile it displays your profile image first and lets you scroll over using javascript  to see the banner image as well.




General Improvements to fundraiser page

Lots of small improvements here- brought banner image more in line with Facebook's default og:img standards so it looks better when sharing on Facebook, added in milestones to the page that load higher-res icons from WordPress.