Adding a form to a web page

Last Update: May 24, 2016


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



1. Click the "Publish" button from the top toolbar



2. Click the "Embed" option in the Publish window and select "Embed" at the options in the dropdown menu.


3. Click on "Copy Code"

4. Paste the code into your web page where you would like to display it. Usually somewhere in the body section of your webpage and within tags

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

http://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use


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



48 Comments...


   
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.

Shea

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)

hi


   
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??
Thanks-
Bonnie

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 loanaudit.org 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 www.evansbonding.com/testimonials.html

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, http://integratedlearninggroup.com/contact_us.html

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 http://www.lucky9poker.com/contact2.html

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


thanks

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?http://carolsouzaphotography.com/portrait-agreement/

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?

https://www.mtiadventurewear.com/contact-us

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 http://www.beshara.org/booking-form.html

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 - essaysouq.com. 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 http://www.chillngrill.lt/anketa/, 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 https://form.jotformeu.com/60635052685356

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


Send Comment