Adding a Form to a Web Page

Last Update: August 9, 2017

You've created your first form and set up email alerts. Now it's time to add the form to your web page.

You need to go to the PUBLISH tab on your Form Builder, select the EMBED option, then click the COPY CODE button.

Paste the codes into your web page where you would like to display it. Usually somewhere in the body section of your webpage.

Not sure which Embed code to use? Check out this other guide:


Let us know any question you might have in the comments section below.


Rudra93 (February 12, 2011 at 03:03 AM)

i click on the button set and share but it doesnt open i cant get share button

georgekoulmandas (March 03, 2011 at 02:42 AM)

I copied the code and pasted to my web page clicked view but all i have there is code showing on the screen not my form? I can't see my form anywhere!!!

JotFormSupport (March 03, 2011 at 04:10 AM)

Please ask your questions to the forum.

Michael Lewin (March 11, 2011 at 04:03 PM)

I am using XARA. Having difficulty adding form to pages. Are there specific instructions you can forward???

danrobrien1 (March 14, 2011 at 03:58 PM)

trying to add form to netobjects fusion 11 cant seem to get it to be seen. please help....

orion-poison (June 05, 2011 at 12:07 PM)

But doesn't send messages! anywhere

View Answer

xnyjyh (July 28, 2011 at 12:56 AM)

clarification please...

so i made up my form, im using Dreamweaver CS5., but I want a pop up window for my form on my website. there is no real explaination where to embed this code for it to work properly.

Right now im using the code for my button link... but only to direct to a new page for the form... i dont want that.

someone please explain how and where to put the code in dream weaver for the pop up to work please?!

thanks alot.


View Answer

carlina_toscano (August 03, 2011 at 07:48 PM)

how i get the css code???

View Answer

pakizah (August 17, 2011 at 09:52 AM)

Hi,wher about do i paste the form imbeded code on my website please help.

View Answer

InspirationEquation (October 09, 2011 at 05:32 AM)


Lenny Manor (December 08, 2011 at 05:08 PM)

Where do i paste the code within the html?

Please explain.

View Answer

legallybonnie (January 13, 2012 at 02:27 PM)

The Form that I create keeps adding a whole bunch of blank space above itself shifting down my whole website - tried every tactic, but nothing seems to be helping this. What should I do??

View Answer

alwayslly (February 07, 2012 at 03:24 AM)

rightly always to me

bracebeagles (March 09, 2012 at 05:13 PM)

I try to send my form to my web page but when i embed it tells me to copy or paste but i have no idea what to do at that point how do you do it I try right click left click how do I copy or paste

View Answer

internetfiliale (March 20, 2012 at 11:55 AM)

Embedding works fine, but when I make more than 2 changes on an existing form these changes are not adopted on the published form on my website. Please help!

View Answer

Lilli Allen (August 20, 2012 at 05:14 PM)

I have added the form to my website at however a test form that I completed has yet to be emailed to me. what is the typical timeline for a form to be emailed.

View Answer

startsnew (August 21, 2012 at 08:29 PM)

i have try doing what it said about 40 times n all i am getting is the script n not the actual form. this is getting really fustatate

View Answer

Marcopaz (April 02, 2013 at 03:48 PM)

Tengo pegado el codigo HTML todo OK, se despliega el formulario todo OK, Hago la prueba pero NO ENVIA el mail a mi correo. Que pasa?

View Answer

ice4 (June 27, 2013 at 05:05 PM)

I'm having problems getting my form to post on my website. it's

View Answer

Leonnabra (September 08, 2013 at 05:10 PM)

I cannot figure it out. Paste to my website. How do I get to the website to paste it. It is too complicated and I have more to add to the site, if I ever can figure out where to copy and paste. I keep getting submissions sent to my e-mail and nothing is in the submission link.

View Answer

jurullc (September 11, 2013 at 08:38 PM)

Am I able to style the form, for some odd reason, the form centers in the page. I have embedded the form here,

View Answer

g4b000 (October 14, 2013 at 11:30 PM)

I cannot paste the form eather in the sorce or embed code....can someone help?

View Answer

JMAE (November 15, 2013 at 02:50 PM)

where do i get the FORM ID????

View Answer

hippiechixer (January 07, 2014 at 04:57 PM)

I have tried everything and I cannot embed the code for my contact form to my WebStudio 5 website. The contact form has its own page.

my code is:

If I could see/use the form, it would be located at

View Answer

Nathanleigh (January 14, 2014 at 06:06 PM)

Hi I am trying to ad the code to my website which is made through havealook here in Australia. When previewing the link on the site it transfers to not found 404, the link is also very messy with text and numbers then the actual blue highlighted link. I would also like to rename it. This is my code


View Answer

johntemu (January 25, 2014 at 04:33 AM)

i don't get it.

View Answer

ShelliOG (March 03, 2014 at 12:11 AM)

I did exactly as it says and I only see this

on my webpage not the form. I have done it many times and I can not get it to work. Please help!

View Answer

seammgt313 (March 10, 2014 at 10:33 PM)

When requesting customers info for subscribing to our newsletter can we embed code inside the text for customers to click vs making a page for the for to reside.. saw the pop-up form, also the form clicked from an email link I sent myself it loaded like a webpage

View Answer

denecooke (May 07, 2014 at 02:13 AM)

the codes are not showing up on the embed wizard.... Please help... what I do embed doesn't have all the conditions I added and therefore makes the form look bad.

Thank you

View Answer

ngaahowhakaari (June 06, 2014 at 03:43 AM)

I'm trying to add to a wordpress page. Have no idea how to do this. Novice :)

View Answer

CarolSouzaPhotography (June 16, 2014 at 11:51 PM)

I managed to put it in my website but the signed forms are not going to my email address, what am I doing wrong?

View Answer

MTIRachel (January 21, 2015 at 04:36 PM)

I have used many different methods to embed my form into my webpage. I can see it in IE and on my iPhone, but I cannot see it in my Chrome browser. I am currently using iFrame to post the form. Any ideas?

View Answer

Claujad (February 07, 2015 at 07:39 PM)

I followed the steps and the file still will not open on my webpage.

View Answer

scarleterin (March 05, 2015 at 01:08 PM)

I embedded my form using various options. But, when I click submit (to submit a payment), it just sits there and does not process. It works fine when I go direct to the job form page.

View Answer

Beshara (April 13, 2015 at 12:41 PM)

I have added a form to the web-page, really easy and looks great EXCEPT that the form appears to be wider than the website is set up to be so some of the words in the text areas are lost. See

Any ideas what I should do? Website is made using 'cms made simple'

View Answer

tmatacale (May 09, 2015 at 04:47 PM)

Adding a form to a responsive Wordpress page. Form is aligning centered to the overall page. How can I make it align left?

View Answer

jessicapiekos (June 03, 2015 at 07:41 PM)

I've embedded a form in my WordPress (4.2.2) page. (I'm using the Bridge theme template.) The form seems to embed properly when I add the code, save, then view the page. However, when I click on the page from the top navigation, the form does not load on the page. If I refresh the page, I can see it. I've had another user recreate this error also. We're viewing the page using Chrome and Safari. Tips on getting the form to load when the page does?

View Answer

Sallybrook712 (June 04, 2015 at 03:05 PM)

When I click on Embed from the nav bar, it saves my form but does nothing else. The Wizard does not come up. HELP!

View Answer

Sunflowerwindy (July 08, 2015 at 04:19 AM)

But the form loads so slowly and it didn't show the images.
Thanks for your help.

View Answer

adnan86291 (August 11, 2015 at 09:43 PM)

I added the form to my website just fine, but the calculations don't seem to work. They work just fine on jotform website but not on mine - Please help!

View Answer

Cristmusic (September 16, 2015 at 12:33 AM)

How to paste in my web page where ther is no obtion for paste

View Answer

NygForms (September 22, 2015 at 02:32 PM)

Cuando coloco el formulario en mi web, guardo el archivo, lo subo a internet y entro, EL FORMULARIO NO APARECE. YA intente todo ayudenme rapido porfavor, adios.

View Answer

DHolcomb (November 09, 2015 at 12:38 AM)

I"m trying to add my form as a page on my WordPress site. I don't know where to embed it on the page.

View Answer

AquaticRealm (December 04, 2015 at 10:31 AM)

I have added the script into the body of my web page and published it to the web site.

The form displays in all browsers except Chrome. How can I correct?

View Answer

Annieca edwards (March 20, 2016 at 04:01 PM)

I have embedded my form on a frontpage website, however there are several pages each with a next and back button. Once I have completed the first page and click next the only other option on the second page is back so I am unable to complete the form.

View Answer

jdmlt (May 02, 2016 at 08:54 AM)

The form was added according instructions for wordpress, it loads well, etc, but once you've fill and try to sent it "siųsti" button, it keeps "please wait" for ever. What could be the reason?
We've tried different wordpress pages, but the form doesn't work.
It works well if you fill via direct link

View Answer

jct29 (May 22, 2016 at 02:45 AM)

help me pls where do i paste the code asap

View Answer

polarisproductions (June 04, 2016 at 08:15 PM)

When I embed the form on my Wordpress page, it centers itself. How can I move it to the left to line up the rest of the page, which is left-justified?

View Answer

argenisherrera (December 21, 2016 at 07:27 AM)

No aparece la opcion Embed for. Pego el codigo a mi pagina web y no funciona.

View Answer

Send Comment