How can I add a donation button with variable amount at checkout?

Topic summary

A merchant seeks to add a donation button on the checkout page where customers can enter a custom amount for their nonprofit. The built-in tipping feature only supports percentages, not custom amounts.

Proposed Solutions:

  • Cart page donation widget: One user shares a screenshot showing a donation field on the cart page (not checkout), though implementation details aren’t provided initially.

  • Post-purchase donation app: Change.io offers an app that displays donation options with custom amounts after checkout completion but before order confirmation, requiring no coding.

  • Custom donation product: A video tutorial demonstrates creating variable-price donation products in Shopify, with free code available for the Dawn theme.

Key Limitation:
Shopify’s checkout page has restrictions on custom elements. The solutions either place donations on the cart page, post-purchase page, or require creating a special product—none directly address adding a custom-amount button to the checkout page itself.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

I’ve been looking at all the threads on this topic, but nothing quite fits.

On the checkout page, I want customers to see a button to add a donation to our nonprofit, and then they can enter any amount to add as a donation.

This could work as a donation “product” with a variable price but only if I am allowed to add that product to the checkout page.

The “tipping” feature seems to only use percentages.

Are there any solutions to this?

1 Like

Dear @estheree

Are you looking for something like below at cart page?

Change recently launched a Post Purchase Donations app to add charitable options after checkout.

You can create a campaign so that customers have the option to give a custom amount to your nonprofit (and your store could optionally match it). This will appear on a page after they completed their order, but before the order confirmation page – through Shopify’s new post purchase flow. All campaigns can be configured with just a few clicks, and require zero code.

I am the co-founder of Change, and am happy to answer any questions!

@MS-WEB-DESIGNER Hello, how did you do that?

Hi @estheree @MS-WEB-DESIGNER @Lorenita ,

Please refer the video below, how to create donation products in Shopify.

Code is free to implement for DAWN. Let me know if you face any issue.