Embedded form is not showing full page when embedded in Wordpress

  • bill359
    Asked on June 26, 2024 at 8:26 PM

    no matter what I do, the form is squeezed into a small area. It's not going full width or even the forced pixel amount. I NEED the form to be a 100% wide.

  • William JotForm Support
    Replied on June 27, 2024 at 12:52 AM

    Hi Bill,

    Thanks for reaching out to Jotform Support. I see that you have a WordPress page. Can you tell us the embedding method that you have used? If you are using the WordPress embed code, can you try embedding the form using iframe code instead? Here's where you can find the code:

    1. Edit your form in Form Builder and go to Publish
    2. On the left, select Embed
    3. In the list, expand the iframe option and copy the code. Embedded form is not showing full page when embedded in Wordpress Image 1 Screenshot 30

    When pasting the code in WordPress, if you are using the block editor, make sure that you convert the body to code editor, here's how:

    1. When editing the page in your WordPress site, go to the top right and click the 3 vertical dot button
    2. In the menu, switch the editor to Code Editor
    3. Paste the iframe code and save it.Embedded form is not showing full page when embedded in Wordpress Image 2 Screenshot 41

    After this, check your page and see if the form goes full width.

    As soon as we hear back from you we'll help you more with this.

  • bill359
    Replied on June 27, 2024 at 10:00 AM

    So I don't use block edit. Using the Divi theme (I'll never use Block Editor lol)

  • bill359
    Replied on June 27, 2024 at 10:02 AM

    Also when I do input via code, it cuts off at the bottom.Embedded form is not showing full page when embedded in Wordpress Image 1 Screenshot 20

  • Richie JotForm Support
    Replied on June 27, 2024 at 10:35 AM

    Hi Bill,

    Can you try using the iFrame code in embedding the form in the Divi theme? Let me show you how to get the Iframe code:

    1. In Form Builder, in the orange navigation bar click on Publish
    2. Click on Embed on the left side of the screen.
    3. Then, click on iFrame and copy the code.

    Embedded form is not showing full page when embedded in Wordpress Image 1 Screenshot 20

    You can check out this guide on how to add a form in Divi.

    Give it a try and let us know how it goes.

 
Your Answer