All Collections
Payments
Setting up the Checkout Form
Setting up the Checkout Form

CharityStack's consolidated and composable checkout form. The payment destination for all CharityStack Elements.

Mubarrat Choudhury avatar
Written by Mubarrat Choudhury
Updated over a week ago

CharityStack's Checkout is a composable form that allows users to enable donations on their website and consolidate the payment experience across all use cases. Checkout allows nonprofits to accept payments from any of the elements that CharityStack provides.

Features:

Checkout is a popup form that is embedded on your website that allows you to accept payments anywhere on your website. Checkout is composed of two pages. The left side consists of the summary of the donation and the ability to add additional details to your donations such as company matching or scheduling the donation. The right side consists of either paying through common payments wallets such as Apple Pay and Google Pay or paying via Credit Card or Bank Transfer.

Setup:

In order to start accepting payments through Checkout, navigate to the Settings page by clicking the "Account" dropdown on the left menu bar and clicking "Settings."

After navigating to the Setting page, navigate to the Embed page by clicking "Embed." Copy the code that is on the textbox on the page. The same code is in the textbox below:
โ€‹

<!-- Start of CharityStack Embed -->
<script type="text/javascript" defer src="https://prod-donation-elements-b-donationelementsjsfilesb-1m4f4dl6p6b21.s3.us-east-2.amazonaws.com/bundle.js"></script>
<!-- End of CharityStack Embed-->

Once you've copied the code, paste the code at the head of your website and you'll be able to use Checkout anywhere on your website after implementing an embedded form or element.

Video Tutorial:

Watch a quick video tutorial on how to use Checkout today.

Did this answer your question?