How to embed forms as popups or lightboxes?

  • louisschopman
    Gevraagd op 23 maart 2024 om 10:37

    Hallo,


    Wij hebben 3 mooie jotforms gemaakt en op 1 pagina toegevoegd als 3 CTA-buttons.

    Zie helemaal onderaan de pagina, via de link die ik meestuur.

    Dus
    CTA1 = Download Brochure
    CTA2 = COntactformulier
    CTA3= Terugbelverzoek

    Ik wil het graag zo invoegen dat met iedere knop:

    1) de gebruiker klikt op de CTA

    2) het formulier opent als popup

    3) gebruiker vult gegevens in

    4) bedank pagina is nog steeds binnen die popup

    5) bezoeker kan een link klikken of het formulier wegklikken en dus op diezelfde pagina blijven


    Eigenlijk dus dezelfde functionaliteiten als de "feedback-knop" die we ook hebben geinstalleerd, die verschijnt links op de pagina.


    Kunnen jullie me helpen met de juiste codes ( x 3 ) voor de CTA buttons onderaan de pagina?

    Dank!

    (password for the page = welgevonden)

    Jotform Thread 13203693 Screenshot
  • John Support Team Lead
    Geantwoord op 23 maart 2024 om 15:11

    Hi louisschopman,

    Thanks for reaching out to Jotform Support. Unfortunately, our Dutch Support agents are busy helping other Jotform users at the moment. 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, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. I've checked your website, but I can't find the page where you've added the said forms as CTA buttons. Can you share a link that we can check?

    As for embedding your forms as lightboxes, we have a code specifically for that. Let me show you how you can get it.

    1. Open the form in Form Builder then navigate to the publish page by clicking on Publish from the orange bar.

    How to embed forms as popups or lightboxes? Image 1 Screenshot 40

    2. In the Publish page, click on Embed found at the left navigation tab.

    How to embed forms as popups or lightboxes? Image 2 Screenshot 51

    3. Once you're there, you'll see a few options. Just click on Lightbox to grab the code you need to embed your form as a Lightbox

    How to embed forms as popups or lightboxes? Image 3 Screenshot 62

    You'll notice that there's also a Popup option. The lightbox and popup are quite similar, though there's a little difference: the popup appears as a link rather than a button, which is what the lightbox creates. You can learn more about Lightbox here, and you can check this page to know more about popups.

    So depending on your preference, you can experiment with both to see which integrates better with your webpage. Give it a try and let us know how it goes.