When viewing the final step (Payment) of your 3-Step Donation Form, you might notice a scroll bar inside the form. This happens when the iframe height is shorter than the content it contains.
While this doesn't affect functionality, you can adjust the height to remove the scroll bar and create a smoother visual experience for donors.
🛠️ How to Adjust the Iframe Height
- Go to Manage Forms in Studio
- Click the edit icon next to your form
- Open the Payment tab
- Locate the Iframe Height field
- Increase the value (e.g. from 800 to 1000) to give the form more vertical space
- Click Update at the bottom to save your changes
The scroll bar may still appear in the form editor preview — this is expected.Â
🔍 How to Check the Appearance
To see the actual result, open your published donation page in a new browser tab and scroll to the payment step
Â
Â
You can tweak the height value until the full form content displays without scrolling, giving your donors a cleaner and more polished experience.Â
Â