De formulierhoogte is kort bij gebruik van embed

  • Vivienne_van
    Gevraagd op 25 juni 2024 om 09:29

    Hi,


    We hebben een formulier gemaakt die volledig uitgeklapt zou moeten zijn (Klassiek Formulier, alle vragen op één pagina), echter is hij maar erg klein. Hierbij de link naar de website waar we bezig zijn: https://hairolicious.company.site/products/Aanmelden-B2B-c165684524


    Hoe krijgen we het voor elkaar om hem toch groot toe te kunnen voegen? De kaart formulier werkt wel naar behoren, echter zijn het te veel vragen en oogt dit nogal onprofessioneel.


    Alvast heel erg bedankt!

  • Jefferson Jotform Support
    Geantwoord op 25 juni 2024 om 12:08

    Hi Vivienne_van,

    Our Dutch Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Dutch, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, You can increase the height of your form when embedded using iFrame by changing the height value and enabling the scrolling of your embed code. You can copy the code below and add it again to your website:

    <iframe id="JotFormIFrame-241765037009455" title="Clone of Clone of B2B Registratieformulier"
    onload="window.parent.scrollTo(0,0)" allowtransparency="true" allow="geolocation; microphone; camera; fullscreen"
    src="https://form.jotform.com/241765037009455" frameborder="0"
    style="min-width:100%;max-width:100%;height:3300px;border:none;" scrolling="yes">
    </iframe>
    <script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
    <script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-241765037009455']", "https://form.jotform.com/")</script>


    You can also use the Embed using Script. Let me show you how:

    1. In your Form Builder, click on the Publish tab in the orange navigation bar at the top of the page.
    2. Click on the Embed tab on the left side of the page.
    3. Click the Copy code button and paste it into your website.De formulierhoogte is kort bij gebruik van embed Image 1 Screenshot 30

    That's it! Test your website, and you will see that the form height has increased. Check out my screencast below:

    De formulierhoogte is kort bij gebruik van embed Image 2 Screenshot 41

    You can also check out this guide on Embedding a Form Into a Web Page.

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

 
Your Answer