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 & App
in the left hand menu, selectWebsite
and clickEdit Site
-
Select
Add Elements
,Embed Code
and 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.js
into 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 Attributes
again- Set the
Attributes name
as id - Set
Value
as pbp-donation-widget
- Set the
-
Select
New Attribute
to add a second attribute- Set the
Attribute name
as data-link-id - Set the
Value
as your data-link-id from your Causes Portal account
- Set the
-
Select
New Attribute
to add a third attribute- Set the
Attribute name
as data-organisation-id - Set the
Value
as 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
Save
and 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.