Harness Guides
HomeCheckoutReportsAdmin
  • Harness Overview
  • Subscription Philanthropy
  • Getting Started
    • Start Exploring
  • Checkout
    • Button
    • Social Proof
    • Smart Ask
  • Stewardship
    • Overview
    • Auto-Messages
    • 2-Way Conversations 💁‍♀️
    • Templates
    • Merge Tags Guide
  • Fundraise
    • GiveUp to GiveBack ☕
      • Partner Examples
    • Round-Ups
    • Text 2 Give
    • Donation Campaigns
  • Reports
    • Reports 101 📜
    • In Honor/Memory Tributes
    • Date Ranges for Reports
  • Admin
    • Adding the button to your site
      • 3dcart
      • Blogger
      • Big Cartel
      • Cratejoy
      • Drupal 7
      • Google Tag Manager
      • Instapage
      • Joomla
      • Magento 1 (COMING SOON)
      • Magento 2
      • Mono
      • Neto
      • Open Cart
      • Prestashop
      • Shopify
      • SiteBuilder
      • Squarespace
      • Umbraco
      • Volusion
      • Webflow
      • Weebly
      • Wix
      • WooCommerce
      • Word Press
    • Analytics
    • Partner Appreciation Program 😍
    • Stripe Overview
    • Understanding Your Payout Report
    • Bank Payouts
    • Admin Notifications
  • Untitled
Powered by GitBook
On this page
  • Harness your site
  • Wondering if you correctly set up your Harness Code?
  • Check Google Chrome
  • Check Mozilla Firefox
  • Still need help?

Was this helpful?

  1. Admin

Adding the button to your site

Deep dive on adding your button

PreviousDate Ranges for ReportsNext3dcart

Last updated 3 years ago

Was this helpful?

Harness your site

Don't worry if you're not technical! We'll walk you through the setup process step by step :)

Step 1: Log in to your Harness Admin Dashboard

Step 2: In your "Settings" - click on the "Website Code" tab (or )

Step 3: Copy the "Harness your Website" Code

Step 4: Paste this code into your website's footer just before the </body> tag on all pages you'd like for the "Donate" widget to be displayed.

Wondering if you correctly set up your Harness Code?

Check Google Chrome

Step 1: Open the URL where you want to check the code's implementation

Step 2: Right-click on the page and click "Inspect"

Step 3: Click "Network" on the top bar sliding menu

Step 4: Reload your page (F5) and wait a few seconds until the page is fully loaded

Step 5: In the "filter" search bar, type in "widget". If your code was implemented correctly, you should see "widget" displayed in the table below. If not, contact your website provider/administrator.

Check Mozilla Firefox

Step 1: Open the URL where you want to check the code's implementation

Step 2: Right-click on the page and click "Inspect"

Step 3: Click "Network" on the top bar sliding menu

Step 4: Reload your page (F5) and wait a few seconds until the page is fully loaded

Step 5: In the "filter" search bar, type in "widget". If your code was implemented correctly, you should see "widget" displayed in the table below. If not, contact your website provider/administrator.

Still need help?

Contact your website provider/administrator (ex: WordPress) to see if your website has specific instructions and for the best support or give us a shout!

Click Here