How to Embed the Form to the Website as a Pop-up Form

  • S
    Scott Jones
    Asked on August 11, 2025 at 4:04 PM

    Hi there.

    I have a popup form on my website and the screenshot is attached as well. I want to replace this form with Jotform, so please guide me accordingly.

    Jotform Thread 29937811 Screenshot
  • Profile Image
    Podo: Support AI Agent
    Replied on August 11, 2025 at 4:04 PM

    Hi Scott,

    Thanks for reaching out to Jotform Support. I'm an AI assistant. I'll do my best to help you until someone from the support team is available.

    Let me help you with that:

    To replace your current popup form with a Jotform form, you need to embed your Jotform form into your website. Here's how:

    1. Create or edit your form in Jotform Form Builder.
    2. Go to the Publish tab in the Form Builder.
    3. Click on Embed and then copy the JavaScript embed code.
    4. Paste the embed code into your website's HTML where you want the form to appear, typically inside the <body> tag.
    5. If you want it to appear as a popup, you may need to use your website's popup functionality or a third-party popup plugin to load the embedded form as a popup.

    Jotform does not currently support creating custom popups directly, so the popup behavior depends on your website setup.

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

    Best regards,
    Jotform Support

  • Profile Image
    Anna JotForm Support
    Replied on August 11, 2025 at 4:12 PM

    Hi Scott,

    Embedding your form on a webpage is really easy. Let me show you how:

    1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
    2. In the menu on the left side of the page, click on Embed.
    3. Now, select the embed option you want to use, and click on Copy Code. (I used the iFrame method only to show in this case.)
    4. Paste your code into your webpage's embed area, and that’s it.

    How to Embed the Form to the Website as a Pop up Form Image 1 Screenshot 40

    If you want the Jotform to appear as a pop-up as well, I'll show you how to do that:

    1. In Form Builderin the orange navigation bar at the top of the screen, click on Publish.

    2. Select Embed on the left side of the screen.

    3. Select the Popup Embed code.

    How to Embed the Form to the Website as a Pop up Form Image 2 Screenshot 51

    4. On the next page, click on the Copy Code button and paste your code into your webpage's embed area, and that’s it.

    How to Embed the Form to the Website as a Pop up Form Image 3 Screenshot 62

    That's it. You can also check out this guide on How to Create a Pop-up Form with Jotform.

    Give it a try and let us know if you need any other help.