I am building an event page to collect registrations and donations to the event, using the Kindful fundraising platform (https://theshalomcenter.org/fortyfest). I can use code blocks to put Kindful buttons on the page that connect to donation plug-ins -- these lead to pop-up donation windows that collect the donation without the user leaving the page, which is our desired behavior. However, the button styling that comes from Kindful is not what we want, and they provide information on how to use a code block to customize Squarespace's native buttons so that they will run the plugin that pops up the donation window.
However, I cannot get that to work. I've tried multiple different variations of what I thought was the correct button ID to insert in Kindful's provided code to make this happen, but nothing works.
(On our page in progress linked here, you can see first a set of Squarespace buttons, all the same color that don't link to anything. Then there are a series of multi-color buttons that work -- these are the Kindful buttons that bring up the donation plugins. Then there is a horizontal line, below which there is a non-functional code block where I was trying to have a Squarespace button that replicates the Kindful behavior.)
I'm completely stalled on this and would appreciate any help!
------------
Here are the instructions from Kindful on how to handle the code block:
https://support.kindful.com/hc/en-us/articles/115004229767-Install-the-Kindful-Donation-Plugin-on-Squarespace