Skip to content

Deploy to Wordpress

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

Requirements

You will need to have paid for a Premium Wordpress account for this to work.

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 Wordpress and go to the Dashboard.
  3. Go to Pages > All the pages
  4. On the page you want to add a donate button to, click Edit Page.
  5. Add a button on your page.
  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.

Step 2: Add WPCode plugin

  1. Go back to the Wordpress dashboard.
  2. Click Plugins
  3. Click Add new at the top
  4. Search WPCode
  5. Click Install now on first serch result

The next step will be to make the button open donate flow without leaving your website.

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

  1. Go back to the Wordpress dashboard.
  2. Click Code snippets
  3. Click Add new at the top
  4. Click Use snippet on the Add Your Custom Code (New Snippet) section
  5. Add the following code snippet to the Code Preview textfield.
        <script async defer src="https://embeds.every.org/0.4/button.js"></script>
    • set Code Type to HTML Snippet
    • set Location must be Site Wide Header
  6. Click Save Snippet at the top and switch it to active