How to Make Your Embedded Form Scrollable on Your Website

January 28, 2025

Jotform can automatically adjust your form’s height based on the embed method you use, ensuring it fits seamlessly into your webpage. However, if your embedded form uses a custom height and requires a scrollbar for proper display, the iframe embed option allows you to enable scrolling effectively.

To make your embedded form scrollable on your website, follow these steps:

  1. In Form Builder, click on the Publish tab.
  2. Then, click on the Embed tab in the menu on the left side of the page.
  3. On the right, select the Iframe embed option.
Iframe option of the Embed section in the Publish tab of the Jotform Form Builder
  1. On the next page, click on the Copy Code button.
Copy Code button of the Iframe option in the Embed section of the Publish tab in Jotform Form Builder
  1. Update the value of the scrolling attribute in the iframe to yes when you paste it into your code editor to embed your form on your website.
Value of the Scrolling attribute updated to yes in the form iframe embed code
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Podo Comment Be the first to comment.