Make a Donation Form Responsive to Mobile Devices

Warning: All credit and debit card transactions must use the new checkout by March 2025 to meet Payment Card Industry standards. Configure your active, new, and recurring card payment forms with checkout to meet PCI standards before March 2025.

Make your donation forms responsive to donors on tablets and smart phones in addition to those on a computer.

Tip: For a truly responsive form you also need use a responsive Page Wrapper with the form.

The Standard Donation Level, Payment Type , Checkout Modal, and Checkout Embedded donation form data elements have the Responsive layout. All other donation form elements are the same as standard form elements. When in the Responsive layout: 

• The Standard Donation Level element doesn't include the configurable column level layouts because they aren't necessary

• The Payment Type element is compact and uses selection buttons instead of drop-down menus

Locate and make a donation form responsive

1. Go to Fundraising > Donation Management.

2. Select the All Donation Forms tab and locate your donation form.

3. In the Actions column for that form, select Edit.

4. On the Identify Donation Form page, scroll down to the Form Layout option.

5. Select Responsive.

6. Select Save.