Skip to content

Deploy to Wix

Fishbakh-N edited this page Jun 7, 2023 · 7 revisions

Requirements

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.

Process

Step 1: Set up a donate link on your site

  1. 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 the MAPS nonprofit. If you visit that URL, it will open a page where you can support MAPS.
  2. Log into Wix and go to the dashboard.
  3. On the site you want to add a donate button to, click Site Actions > Edit Page.
  4. Add a button on your page.
  5. Click the link icon to make the button into a link.
  6. 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, either New Window or Current Window are fine.
  7. 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.

Step 2: Open the in-site donate flow instead of redirecting to Every.org

  1. Go to Settings in your site's dashboard.

  2. Click the Custom Code tab in the Advanced section.

  3. Click + Add Custom Code at the top right.

  4. Paste the foolowing snippet in the text box.

    <script async defer src="https://embeds.every.org/0.4/button.js"></script>
  5. Enter a name for your code.

    • Tip: Give it a name that is easy to recognize so you can quickly identify it later.
  6. 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.
  7. Choose where to place your code under Place Code in:.

    • Head (recommended)
    • Body - start
    • Body - end
  8. Click Apply.