Embedded form is small and left justified on Wordpress.

  • staff_Staff_staff350
    Asked on April 18, 2024 at 3:51 PM

    I'm trying to embed a jotform schedule form onto a wordpress page. It appears fine when viewing it on the jotform website, but it is too slim and it's left justified when embeded on wordpress. How do I make the form wider and center justified?


    https://form.jotform.com/241086066197158


    https://beauvinciviolins.com/book-a-call/


    Embedded form is small and left justified on Wordpress Screenshot 30Embedded form is small and left justified on Wordpress Screenshot 41

  • Princess JotForm Support
    Replied on April 18, 2024 at 4:35 PM

    Hi staff_Staff_staff350,

    Thanks for reaching out to Jotform Support. I visited your website, and I was able to replicate the issue. The reason for this might be related to how you embedded your form on WordPress. May I ask for the codes you used to embed your form? As we have a ready to use embed codes when embedding on WordPress. Let me show you how to get it:

    1. In Form Builder, in the orange navigation bar at the top of the screen, click on Settings.
    2. Click on Embed in the menu on the left side of the page.
    3. Select the WordPress element and copy the code.
    4. Now, just paste the copied code on the website. That's it. You're done. Embedded form is small and left justified on Wordpress Screenshot 20

    Check out this guide to learn more about our WordPress plugin.

    If that still doesn't work, you can try adding this iframe code instead:

    <iframe
    id="JotFormIFrame-241086066197158"
    title="Phone Consultation"
    onload="window.parent.scrollTo(0,0)"
    allowtransparency="true"
    allowfullscreen="true"
    allow="geolocation; microphone; camera; fullscreen"
    src="https://form.jotform.com/241086066197158"
    frameborder="0"
    style="min-width:100%;max-width:100%;height:600px;border:none;"
    scrolling="yes">
    >
    </iframe>


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

  • staff_Staff_staff350
    Replied on April 19, 2024 at 2:17 PM

    The iframe code worked. Thanks!

 
Your Answer