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

85 Comments...

See all comments
  • pooja.itgeeks

    i create a form and giving me embeded code are you shure this code proper work in my shopify store?

  • wahyu

    jotform is the best

  • yurmila valli

    Hello
    The form I just created is not working im google sites. I have followed the steps correctly but I'm unable to figure what is the problem. Please help.

  • HAYWARD BORDERS

    I will have to wait for my daughter to become available to finish the form. Thank you for your patience.

  • HAYWARD BORDERS

    I need personal assistance to do form.

  • notfi_fics

    how do embedded submissions

  • majeem

    This is my embed code in my page HTML https://d.pr/i/MRzQ6V but it is showing a Blank Page. what am I doing wrong?

  • JoyceStanley

    When I open my account in JotForm, I do not see any of those files that you are listing above. I do not see a Publish, Embed, E-Mail none of those are there. Only the form that I have added but none of this other information. I looked at each of the drop down boxes at the top of the website but nothing there to do the actions that you said I should use to create my URL or to Publish my form. Is there somewhere else where I find this Publish and other forms.

  • Kay94

    Hown do I know my form has been embedded successfully

  • Achilles45

    Thank you

  • graceadls

    Why are the Publish ...Edit ...and Build menu options still reflected in the form once it's uploaded to the site?

  • graceadls

    Is it possible to embed a code into a form without the password if you are working on a form that will be posted to a website?

  • Art_Kinkade

    I use Mochahost.com they use Easy Site Builder
    How do I embed my code?

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