User Guide

How to Open Your Form in a Popup Window

Last Update: September 3, 2017

There's an embed option to open forms as a popup window. To get an idea how that looks like:

🔘 Click this link: Popup Form

🔘 Or this button: Popup Form

These are called Popup Windows and if that's how you want to embed a form on your website, just follow these steps.

1. On the Form Builder, click PUBLISH at the top.

2. Go to the EMBED section on the left nav.

3. Then click the green COPY CODE button.

Paste the codes on your website's source code and that's all there is to it!

The actual link will bear your form's title. You can stop here and the codes should work as is but if you want to customize it a bit, here are some key pointers that you should know.

First, let's have a look at the actual embed codes (where XXXXXXXXXXXXXX is your Form ID):

href="javascript:void( window.open( 'https://www.jotform.com/XXXXXXXXXXXXXX', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) )"> Integrations 

🔘 You would notice that the href attribute contains JavaScript so if you're using a website builder that strips off scripts, it will not work.

🔘 You can set the width and height of the popup window upon your discretion by changing the width and height values on the embed codes.

🔘 You can incorporate this on an existing link, button, or menu on your website. All you need is the href attribute value and use that in place of the href attribute value of your existing link/button/menu.

Example:

Suppose you have a "Click this link" link on your website:

Click this link

To make your embed codes work on that link, just replace the href attribute value with:

javascript:void( window.open( 'https://www.jotform.com/XXXXXXXXXXXXXX', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) )

Comments and suggestions are welcome below. If you have a question, post it in our Support Forum so we can assist you.

2 Comments...

  • susanmpofu

    I think i need help i want to join

     
  • lenz123

    hellow, i want to open the form automatically on a popup window, without having to click on a link, help please

     

Send Comment