ClassyPress PRO

How To Display Progress Bar with Custom Donation Button End Point URL

By December 26, 2020January 6th, 2021No Comments

How to display a progress bar for your campaign with the donate button linking to a custom end point. 

We have two simple options to achieve this. 

Used for:

  • Sending the user to the campaign landing page rather than checkout page
  • Sending the user to a custom page rather than checkout page

Option 1: Using Fundraise/Donate Donation Type and Hiding 1 Button

First thing’s first, let’s set up your campaign

1.) Select to display progress bar

2.) Select Donate/Fundraise button

3.) Enter custom Donate text & Enter custom Donate URL

…. Click Update/Publish

4.) Add the following CSS to your custom CSS field: View CSS File

….click save changes. 

Done deal!

Option 2: Hide Form and add Custom Button in WordPress editor

Assuming you have your progress bar set to display, the next thing you’ll want to do is:

1.) Select the donation form type to “None”

2.) Add your own button/link in the WordPress editor, under your shortcode

…. click save/update

Done deal!

Still need help? Contact Us

Last updated on November 8, 2018

Leave a Reply