Embedding the donation form popup on your Wix website
Note: For our donation popup to work with Wix, you must have a premium account (any tier will do). You must also be have a custom domain connected. To set this up, refer to the Wix's official documentation.
Find your donation form code snippets
To embed your donation form in your site, you will need to access some code snippets which are available in your Causes Portal account.
- Sign in to your Causes Portal with your Goodstack account.
- Click the Donation form tab.
- You will see your code snippets.
Add a donate button on Wordpress
-
Log in to your Wix account.
- If you have multiple websites, you will need to navigate to the website you would like to edit
-
Under
Site & Appin the left hand menu, selectWebsiteand clickEdit Site -
Select
Add Elements,Embed Codeand thenPopular Embeds- Select
Custom element
- Select
-
You should now see a custom element box on your page. Select
Choose Source- Paste
https://scripts.goodstack.io/donation-widget-v1.jsinto the Server URL box. - Set the
Tag name - You can now close the modal as your data is saved automatically
- Paste
-
Select
Set Attributes, and thenSet Attributesagain- Set the
Attributes nameas id - Set
Valueas pbp-donation-widget
- Set the
-
Select
New Attributeto add a second attribute- Set the
Attribute nameas data-link-id - Set the
Valueas your data-link-id from your Causes Portal account
- Set the
-
Select
New Attributeto add a third attribute- Set the
Attribute nameas data-organisation-id - Set the
Valueas your data-organisation-id from your Causes Portal account
- Set the
-
Close the modals and the element should now show as a donate button
-
Click
Saveand thenPublish now.
Tip: When you preview your website using Wix, it doesn’t load the modal properly, but it’s just how Wix's website builder works. When you load your website directly you should see everything work as expected.