JotForm User Guide / Share Forms /

Embedding a Form to a Web Page

Embedding a Form to a Web Page

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

Go to the PUBLISH tab in the Form Builder, select the EMBED option in the left menu, and then click the COPY CODE button.

Embedding Form on web page

Paste the code into your web page where you would like to display it  usually somewhere in the body of the page.

Not sure which embed code to use? Check out this user guide:

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

Make sure you have a JotForm account so you can embed forms on your website.

Got questions about embedding forms? Let us know in the comments section below.



Send Comment

72 Comments...

See all comments
  • treeoflifemedicinals

    I've embedded my form in to my website www.treeoflifemedicinals.com, but it says the user needs adobe acrobat in order to submit it to me. Is this correct? Is there a way to submit without adobe? What is a client is using their phone without adobe? Thank you!

  • XPertAuto

    I created a form but when I view or publish form only the top 1/3 of form shows on page. What is up with this?

  • freshlocker

    I have 2 questions regarding embedding my jotform onto my website:
    1) How do I embed the form so that the URL, which currently starts with changes so that it starts with my website URL? Does the above user guide instructions achieve this and if not what guide explains how this is done?
    2) What is the cost associated with this?
    Thanking you in advance.

  • Scott

    I keep getting a "slow down, you move too fast message" when sending a comment

  • commongroundscaz

    The small form i created comes out upside down from the way it was built https://form.jotform.com/90854469899179

    Also, I see that the embed option has been removed and replaced with "platforms" I have a webdesigner who writes everything in HTML, what code should I give her to embed.
    Thanks!

  • Emma

    Hi I’m
    Struggling to paste my form on my website

  • rogerfedyk

    I have an interactive PDF. What do I have to do?

  • walterkredit

    Bonjour
    Je ne sais pas comment partager mon formulaire sur d'autres sites populaires comme WordPress, e-commerce...
    Aidez-moi svp. Merci

  • AsgardRegulatoryGroup

    Can I change the name in the embedded area of the form url

  • Mike

    Can you embed the form into a button, so that when you click on the button e.g book now
    It takes you to a separate page for the booking form?

  • girlsquadfitness

    Hi,
    I have been trying to copy and past the copy code onto my Squarespace website, but when I copy, the only thing that pops up on my webpage is the actualy copy code. I need some help please!
    Elise

  • habitatbergen

    My web page uses Squarespace. When I try and imbed the code on my page only the top third of the form loads. I can't seem to get the whole form to appear on the page. Please advise. Thank you!

  • MCFBManager

    I want to embed this form into a website so viewers can fill it out. How do I do that? Copy and paste URL doesn't work

  • Renhir4

    I am copy pasting url link to my website page and I am getting an error that says "Invalid"

  • ituhbright.

    Please how do I know which hosting package allows for a form ?

  • Kasra Daroon

    Hi Jotform. I have already built two forms on the Webflow designer. I want to export the code and host the site away from Webflow. Can I use your services to handle my form submissions. If yes, how can I integrate Jotforms into my Webflow forms.

  • tomy

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

  • tarana101

    I need my form to be fillable online for registrants. How do I do that. And how do I get the filled forms back?

  • rhettgunter

    OK I GOT THE FORM ONTO MY WEBSITE .now how do i make it where people can type on it and send it to my email.. its not interactive .. please help

  • Brian Danielsson

    My form is just loading and loading when i try to submit my answers.

  • QPSUKLTD

    Hi,

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

    KR

  • 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????