Top

Donations Manager Liquid Install Instructions

Getting Started

Before installing, review our Notes Before Installing. This article can help get you prepared, and answers many common questions.

Difficulty: Easy | Time Required: 5 to 10 minutes

Section 1: Edit the Product.liquid file

1-1

This line of code will add the donation goal bar.

Anywhere within the product.liquid, add this code: (put it where you would like the progress bar to appear)

{% include 'bold-da-bar' with product %}
  • Generally you'll put this immediately after the product.description div.
  • Some themes use a snippet for the entire product page or parts of it. If you don't see it in your templates check the Snippets folder too.
1-2

Within the product.liquid, add this code:

{% include 'bold-donations' with product %}
1-3

There will be a few elements on the product page that you should hide if it's a donation product. For example Price, Related Products etc... Add the following code before or after any elements that should not appear on the page if it's a donation product

{% unless product.metafields.bold_donation.donation_key == 1 %}

...this is the existing code for stuff you want hidden...
{% endunless %}

(optional) Display goal and donation widget elsewhere

1-1

 

Section 2: Connect to Stripe

Ninja Notes

To accept donations, you must have a Stripe account. Stripe is a merchant account that will allow your customers to make donations by Visa, MasterCard American Express etc. For more information about Stripe, click here.

2-1

Click on Settings > Payment Settings

2-2

Click the Connect with Stripe button to connect your existing Stripe account, or sign up for a free Stripe account. Don't worry if you don't have one, it takes 5 minutes and will be up running today.

2-3

On the next page, you will be prompted to login to your existing Stripe account. If you have an existing Stripe account, you can login with that information.

If you do not have a stripe account, including if you use Shopify Payments (which uses stripe) you can sign up from this page.


Once logged in to your Stripe account, fill out the form and then click 

Section 3: Widget Customization and Thank You page

3-1

Click on Settings > Display Settings

3-2

The Display Settings has many options to customize the style and appearance of the donation widget. At the very bottom of the page, you can preview what the widget will look like on the web page.

3-3

Near the bottom of the Display Settings, under the 'Thank You Page' section, you can write any confirmation page thanking the client for their donation.

Have more questions? Submit a request