Embed a form to a webpage

  • Angelique
    Asked on May 4, 2025 at 2:47 PM

    I created a website using Next.js and Typescript, how would I embed the form into my website code?

  • Jeric JotForm Support
    Replied on May 4, 2025 at 3:12 PM

    Hi Angelique,

    Thanks for reaching out to us for help. Embedding your Jotform form into your Next.js and Typescript website is straightforward. Let me walk you through it:

    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.

    Embed a form to a webpage Image 1 Screenshot 20

    We also have this guide on how to embed your form on a webpage.

    Reach out again if you have any other questions.

Your Answer