All Collections
Harness your Website
Floating Donate Button Pop-Up Guide
Floating Donate Button Pop-Up Guide

How to redirect your current website donate buttons to "pop up" your Harness floating donate button using hashtag / ID triggers.

Daniel Hopper avatar
Written by Daniel Hopper
Updated over a week ago

After you have added your floating donate button to the back end of your website, you can redirect any other donate buttons/links on your website to cause your floating donate button to "pop up" featuring a specific giving page.

Depending on your website provider, you can either simply add one of the triggers to a button on your website, or you may need to add the trigger to the end of the web page URL where the button you're adding it to is located (examples: yourwebsiteurl.com/#donate & yourwebsiteurl.com/#checkout-####) and assign that full URL+trigger to the button.

About Wix Websites - Wix does not support these hashtag triggers when using the "open in current window" setting. You must change the link setting to "open in new window."

Jump To:


DONATION POP-UP TRIGGERS

  • Your default Giving Form - #donate

  • One-Time only donations - #onetime

  • Monthly only donations - #monthly

  • Round-Ups only donations - #roundup

  • A specific Campaign Page - #campaign-####

  • Your entire Campaigns list - #campaigns

  • A specific Giving Form - #checkout-####

  • Your GiveUp to GiveBack page - #giveback

  • Create a donor profile w/out making a donation - #texts (coming soon)

  • Your Impact Calculator - #impact-calculator

  • Your Donation Calculator - #donation-calculator

The checkout ID (####) is a 2 to 4-digit number that can be found in the direct link available in your Giving FormsπŸ‘‡

Giving Form ID location

The campaign ID (####) is a 2 to 6-digit number that can be found in your browser's address bar when viewing the campaign's page (Campaigns > Options > Campaign page) πŸ‘‡

Campaign ID location


EVENTS & TICKETS POP-UP TRIGGERS

  • Your entire Events list - #events

  • A single, specific event - #event-####

The event ID (####) is a 2 to 6-digit number that can be found in your browser's address bar when viewing the event's page (Events > Options > Event Page) πŸ‘‡

Event ID location


DONOR ACCOUNT POP-UP TRIGGERS

  • Donor login page - #login

  • Donor's profile - #account-profile

  • Donor's donations - #account-donations

  • Donor's payment information - #account-billing

  • Donor's purchased tickets - #account-tickets

  • Donor's recurring donations - #account-recurring

  • Donor's Round-Ups donations - #account-roundups


POP-UP TRIGGERS INSTRUCTIONS

Check out this tutorial video! πŸŽ₯πŸ‘‡

Mind-blowingly cool, right?

Mind blown!

Did this answer your question?