Skip to content

Deploy to Webflow

Jump to bottom
Alex Horstmann edited this page May 10, 2023 · 1 revision

Requirements

You will need to have paid for a Basic Webflow account that allows custom code.

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 Webflow and go to the Dashboard.
  3. Select your site
  4. In the Pages sidebar, click on the page you want to add a donate button to.
  5. Add a button on your page.
    • Set the web address to the donate URL above.
    • To use Every.org styling, add the data-every-style attribute to the button in the Element Settings > Custom attributes section.
  6. Click on the Edit page settings button in the page sidebar.
  7. In the Custom Code > Inside <head> tag area, add the following HTML: 
    <script async defer src="https://embeds.every.org/0.4/button.js" id="every-donate-btn-js"></script>
  8. Click on the Publish button to make the donate link live.
Clone this wiki locally