Add a checkout modal data element to a form

Tip: Using the checkout data elements for the first time? Check out our tutorial.

The Checkout modal and Checkout embedded elements both provide a responsive checkout experience, but modal opens in an iFrame when prompted, whereas embedded is integrated into your form. The modal element allows fewer style customizations than the embedded version.

Add the checkout modal data element

1. Select Fundraising and Donation Management.

2. Select Online Giving.

3. Select All Donation Forms, find a form in the list, and select Edit.

4. Select Checkout modal under Select data elements to include in this form and select Add.

5. Position the element where you want it in the form by selecting the element name and using the Order arrows.

   Do not remove the Payment Type element.

   Note: For a multi-page form, until the 24.5 release, place the Checkout modal element on the last page of the donation form.

6. Select Save Order and Edit Selected.

7. Select your checkout configurations and Preview or Save your changes.

   Note: The upcoming 24.5 release includes support for allowing cash and check offline payments.

    

   • Accepted Payment methods - By default, checkout provides all available payment types.

   • Style - For the modal, optionally enter a color for your buttons.

   • Cash Payment - To allow administrators in your organization the ability to record offline cash donations on this form, select this option.

   • Check Payment - To allow administrators in your organization the ability to record offline check donations on this form, select this option.