Allow for easier style customization of Peer-to-peer
complete
Matheus Martins
As an admin, I want to easily customize the peer-to-peer section of my website by adding custom styles.
Jason Adams
Hi Jonathan Shyman!
Thank you for taking the time to clearly share your thoughts. I wanted to take a moment to share in kind.
When building P2P we had the goal of getting the basic features out to our customers as quickly as possible. Minimal Viable Products (MVPs) are hard things to define as the line must be drawn somewhere, otherwise the project never gets out! From our research, we found that most people just needed the functionality and basic customization (images, colors, and so forth), so that's what we went for.
Now! That's not where we intend on staying. We are going to continue to use the Shadow DOM to isolate our components as to avoid the thousands of theme/plugin styling conflicts we otherwise run into. We will, however, make use of Parts to allow for explicit CSS changes, as well as provide more non-code customizations. Lastly, our plan is to break up the various components into Blocks so users can lay out the Campaign pages as they'd like.
While I cannot give a time for all of this, I can assure you that improving Peer-to-Peer is high on our list of priorities. And as more folks vote on things such as this, that will urge us to push it to the front of the line.
Thanks again for sharing. I hope this clears how we've gotten here and where we intend to go. 😃
Angela Blake
complete
Peer-to-Peer now uses the blocks builder for campaign pages, and each section has a CSS field to add your own customization. Please update your Peer-to-Peer add-on to version 2.1.0 and create a new campaign to check it out!
Angela Blake
planned
Usman Dar
My ideas, based on my experience of using two of the best platforms for fundraising.
Credit to ChatGPT for formatting me and putting things in order.
I don't think anyone would've understood my instructions ... lol
Peer-to-Peer Campaigns Functionality Specification
- Campaign Creation and Management
• Target Setting: Each campaign can set an overall target amount.
• Individual Fundraiser Registration: People can register to raise funds for a specific campaign. Ideally if we can integrate Facebook and Google for quick registration.
• Individual Target Setting: Each fundraiser sets a personal target, contributing to the overall campaign target.
- Branding and Customisation
• Default Branding: Provide a standard template matching the campaign’s theme and branding.
• Customisation Options: Allow fundraisers to personalize their page with custom branding and text.
- Fundraiser Page Layout
• Banner: A prominent banner at the top of the page.
• Profile Picture: Positioned in the bottom left corner of the banner.
• Fundraiser Title: Chosen by the individual fundraiser.
• Subtitle: Linked to the overall campaign.
• Fundraising Metrics: Display the amount raised, the number of supporters, and progress towards the individual’s target.
• Action Buttons: Prominent “Donate Now” and “Share” buttons for easy access.
- Story Section
• Default Campaign Story: Option to use the story provided by the campaign.
• Custom Story: Allow fundraisers to write their own story to connect with donors.
- Updates from Fundraisers
• Posting Updates: Enable fundraisers to post updates on their fundraising activities and progress.
- Display of Supporters
• Donor List: Show a list of donors who have contributed to the campaign, along with the donated amounts.
• Privacy Options: Include options for donors to choose if they want their names and donation amounts to be displayed publicly.
- Integration with Main Campaign
• Aggregation of Individual Targets: Ensure individual targets sum up to contribute to the main campaign target.
• Real-time Updates: The main campaign page should reflect real-time progress from all individual fundraisers.
- Social Media Integration
• Easy Sharing: Options for fundraisers to share their individual pages on social media.
• Social Media Widgets: Incorporate widgets to display social media activities related to the campaign.
- Analytics for Individual Fundraisers
• Personal Dashboard: Provide a dashboard for individual fundraisers to track their progress, donations received, and supporter engagement.
- Reference Websites
M
Mary Sullivan
It would be nice to turn on and off items or order them. I find that the description of the event is below the fundraising info, when I would like the "About" to be at the top. And there is too much stuff included on that page, even if they could be shortcodes that we could decide on which to add or not would be helpful.
Steph Proctor
Absolutely agree! It's great that they offer this option and totally get the MVP thing. I would also love ability to customize certain language (such as "donor" throughout), edit output of/remove progress bars and add a button somewhere on the page to "Go back" to other campaigns/the landing page.
H
Heather Stevens
Really excited for the future of GiveP2P and for the ability to edit campaign pages more fully! I am particularly interested in being able to edit the text on a fundraiser/team page - right now it won't display even a simple image when I add it into the default text and it would be nice to be able to have more options for the fundraiser/team pages to be more informational.
T
Timothy Michel
Thanks for checking in. I have just made edits to givewp-p2p.css and
saved a local copy so that I can reapply the edits when I update. What I would like is for GiveWP to check to see if there is a file /themes/give-peer-to-peer/css/give-p2p.css and if it exists use that version otherwise use the4 default in /plugins/give-peer-to-peer/public/css/give-p2p.css so that the css doesn't get overwritten on update.
In addition you could have a custom CSS section for adding a limited number of CSS overrides, for making small adjustments to the form, but still I would like the ability to rewrite the entire CSS file. The same should apply to the other CSS files used by give-peer-to-peer.
To give you an idea of what I am talking about see: https://gvcporphans.org/campaign/fundraising/
While this isn't a huge number of changes, it is enough that wold make modifying the entire file make sense in terms of reducing the amount of code bloat to get the job done.
T
Timothy Michel
This is how I want both the donation form and the fundraising form to pop up on the page.
Click the "Donate" button to see what I mean.
This is how I would like to be able to customize the P2P Fundraiser page/form. Actually I would like the form separated from the page so I can pop up the form anywhere on any page.
T
Timothy Michel
This is how I want both the donation form and the fundraising form to pop up on the page.
Click the "Donate" button to see what I mean.
This is how I would like to be able to customize the P2P Fundraiser page/form. Actually I would like the form separated from the page so I can pop up the form anywhere on any page.
Nathan Knowler
in progress
Load More
→