User Guide

 

Adding a Form to a Web Page

Adding a Form to a Web Page

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:

Which-Form-Embed-Code-Should-I-Use

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

Send Comment

51 Comments...

See all comments
  • kadriye3478

    sitemin neresine gömeceğimi bilmiyorum malesf

  • Làm thế nào

    Blog làm thế nào, sẽ hướng dẫn các bạn làm thế nào để có thể seo tốt nhất

  • argenisherrera

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

  • polarisproductions

    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?

  • jct29

    help me pls where do i paste the code asap

  • jdmlt

    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

  • Annieca edwards

    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.

  • AquaticRealm

    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?

  • DHolcomb

    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.

  • NygForms

    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.

  • Cristmusic

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

  • adnan86291

    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!

  • Sunflowerwindy

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

  • Sallybrook712

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

  • jessicapiekos

    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?

  • tmatacale

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

  • Beshara

    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'

  • scarleterin

    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.

  • Claujad

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

  • MTIRachel

    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

  • CarolSouzaPhotography

    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/

  • ngaahowhakaari

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

  • denecooke

    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

  • seammgt313

    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

  • ShelliOG

    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!

  • johntemu

    i don't get it.

  • Nathanleigh

    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

  • hippiechixer

    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

  • JMAE

    where do i get the FORM ID????

  • g4b000

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

  • jurullc

    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

  • Leonnabra

    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.

  • ice4

    I'm having problems getting my form to post on my website. it's www.evansbonding.com/testimonials.html

  • Marcopaz

    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?

  • startsnew

    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

  • Lilli Allen

    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.

  • internetfiliale

    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!

  • bracebeagles

    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

  • alwayslly

    rightly always to me

  • legallybonnie

    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

  • Lenny Manor

    Where do i paste the code within the html?

    Please explain.

  • InspirationEquation

    hi

  • pakizah

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

  • carlina_toscano

    how i get the css code???

  • xnyjyh

    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

  • orion-poison

    But doesn't send messages! anywhere

  • danrobrien1

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

  • Michael Lewin

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

  • JotFormSupport

    Please ask your questions to the forum.

  • georgekoulmandas

    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!!!