-
-
Notifications
You must be signed in to change notification settings - Fork 8
Deploy to Wix
You will need to have paid for a Premium Wix account, and connected a domain for this to work. Additionally, due to limitations on how Wix allows custom code to be run, it will only work on your domain, so you can't preview the donate-button
without actually publishing it.
- Determine your donate URL. It will be in this format:
https://www.every.org/<your nonprofit slug>#/donate
.- For example,
https://www.every.org/maps#/donate
is the donation link for theMAPS
nonprofit. If you visit that URL, it will open a page where you can support MAPS.
- For example,
- Log into Wix and go to the dashboard.
- On the site you want to add a donate button to, click
Site Actions > Edit Page
. - Add a button on your page.
- Click the link icon to make the button into a link.
- Set the button to link to a
Web Address
.- Set the web address to the donate URL above.
- For the
How does it open?
question, eitherNew Window
orCurrent Window
are fine.
- Click on the
Publish
button to make the donate link live.
Now, if you click the button you created, it will take you to your nonprofit's Every.org profile, with the donate modal open.
The next step will be to make the button open donate flow without leaving your website.
-
Go to Settings in your site's dashboard.
-
Click the Custom Code tab in the Advanced section.
-
Click + Add Custom Code at the top right.
-
Paste the foolowing snippet in the text box.
<script async defer src="https://embeds.every.org/0.4/button.js"></script>
-
Enter a name for your code.
- Tip: Give it a name that is easy to recognize so you can quickly identify it later.
-
Select an option under Add Code to Pages:
- All pages: This adds the code to all of your site's pages, including any new pages that you create in the future. Choose whether to load the code only once per visit, or on each page your visitor opens.
- Choose specific pages: Use the drop-down menu to select the relevant pages.
-
Choose where to place your code under Place Code in:.
- Head (recommended)
- Body - start
- Body - end
-
Click Apply.