Skip to main content

How do I remove the vertical scrollbar on my embedded payment form?

← Support

Easy Pay Forms uses something called an iFrame in order to embed payment forms on your website. This is the code that is copied to your clipboard when you click Copy embed code on your dashboard.

You can think of the iFrame as a container that holds your payment form. If your payment form is taller than the iFrame container (perhaps if you are using multiple custom fields), vertical scrollbars may appear so that your customers are able scroll down and see the bottom of the form. Although your payment form is completely functional, it may look a bit clunky.

A simple fix to this issue is to increase the height attribute on the <iframe> tag until the scrollbar disappears. If the height is currently 660px, try bumping it up to 700px and so forth. A web developer could also write some code to resize the iFrame height dynamically.