Overview
Donation layouts let you choose how donation amount options appear on the front end without building a custom design system.
Requirements
- Donation plan.
- Donation layout option selected.
Steps
- Open the Donation plan.
- Find the layout setting.
- Choose the layout that best fits the page.
- Save the plan.
- Preview the donation page on desktop and mobile.
Expected Result
The donation controls display in the selected layout while preserving the same checkout and validation behavior.
Important Notes
Layouts are presentation only. They do not change how donations are processed, validated, stored, or refunded.
Troubleshooting
If a layout looks cramped, place the shortcode in a wider page container or choose another layout. If mobile display looks wrong, check your theme or page builder container settings.