Jotform for Beginners
Get more done with powerful, easy-to-use online forms. Learn how in this helpful, free guide from Jotform.
Download the Book
After creating your form and setting up email alerts, you can now embed your form into your website. This guide shows how to get your form’s JavaScript embed code. For other options, check out our guide on different Embed Codes.
Here’s how to get your form’s embed code:
- In the Form Builder, click on Publish at the top.
- Choose Embed on the left, then click the Copy Code button.
- Paste the code into your web page.
You can also choose other embed codes (i.e., Source Code, Iframe, etc.), found on the same page, according to your needs. To learn more, see Embed Codes.
Send Comment:
134 Comments:
Nice it is very help full
it's a wondeful one
When I embed a form into my wordpress.org site, the form gets condensed and then takes up about 1/3rd of the page. What settings am i missing? Again, the form when I view it on the jetform website all good, I embed it into wordpress.org website and it gets condensed.
It's beneficial, and I strongly recommend it.
Thank you for this website 🌹😊
Can I add it to a simple site website
Quiero crear un form de sign in y de sing up como le hago?
Hey I have this assignment given to create a website that sell phone covers online, now how can the website send transactional emails to customers?
Hi,
I have a jot form for course bookings is there a way or a site jot form is associated with, where, should someone book onto a course with the form the information is immediately inserted into a online calendar?
Thanks
James
do my clients need a jot account to access form on my website?
I am confused on how to link my jotform to an external excel link after my clients/customers submit it? How do I do this?
Also, how do you add an submit button? I keep trying on my form but it will not let me add it.
The Save button on my form disappears when it is embedded in my site. Is the Save option possible in embedded forms?
I have a website manager that manages and updates my website. How do I send my jotform intake form to my website manager?
Hello . Im using SimDif for my website. How do i include jotform link to my website ? I tried using the code given , it doesnt work. Thank you.
Hi,
I would like to create a login form for a coding course.
Can I provide individualised passwords for each student that logs in?
Kind regards
Paul
when we paste the embed code on website so then the form show in my website.
Hey, when i click imbef and paste the link to my websight it doesnt since in wjere its clickable. Its just text on the webpage not a link to click on. How do i fox this
Is there a way to embed different form code on dynamic web pages?
For example, if I want embed form:
to the dynamic page:
&
to the dynamic page:
trebuie să trimit document word pe
1) I can't connect in test mode with Square to see whether the payment gateway works. It keeps getting pushed to live mode even though I am in the sandbox in Square. Earlier when I was able to connect in test mode, it told me it couldn't process the sample credit card number because it couldn't find the authorization token. How do I fix it?
2) I tested the form in preview and the discount code works but it is not working on the embedded form on my website. How do I fix it?
Thanks
The last conversation I can see from support is from 2016 on the subject. That is why I'm asking again. I have a form and have edited the HTML. Am I still able to host that on jotform? If not, what are the workarounds?
Does the patient have to create a Jotform account to fill the form out?
The email that the office staff will receive has all information hidden! How can I make this info appear?
Does the office staff need to login to Jotform to get the Submissions?
if we change anything on the form, will the embeded form on our own page automatically affected? or every changes we make, we have to re-enter the embed code?
Hello,
I would like to remove an embedded form from my website. I do not know where on the home page I embedded it or how to remove it. Thank you!
Yes, that worked. Thank you. Why was the form accessible all this time (200 plus submissions) and then stopped being accessible all of a sudden?
Donn Terada
Is there anyway to share the form as a QR code so people can pull the form up on their personal phone?
Thanks!
what if i had a form of my own and want a data from client who fill the form
Can I embed it on my email ?
How do people scan it? I don’t see the icon
Bonjour,
Quand j'intègre le code html dans mon site via un widget (muse), j'aimerai que le formulaire fasse apparaître une barre de défilement verticale dans la zone qui lui est attribuée si celle-ci est moins longue que celle de mon formulaire.
Comment faire ?
Cdlt
Christophe
I've tried countless times to paste each of the embed codes into a page on our website at ChurchSpring but it hasn't worked. I also have not heard back from them in answer to my support ticket on the subject.
They originally instructed me to 'paste the embed code' from Jotform into a blank text box where HTML goes and that's what I've tried (lots of different ways too!)
There is a formatting header above the text box. The first choice is for HTML. Am I supposed to press that, then paste the code? Because I've tried it and it's not working.
Not sure if this is enough info for you or if I must wait to hear back from them, but thought I'd try reaching out to you as well.
Thank you.
I can copy the code to my website but when I go back to click on it it does nothing. Help please....
Hi
I would need to know, when I embed short form in my website and clients click submit, do they stay on the website or does submitting the form takes them to a new page and then they have to come back to the page they where on?
Many Thanks
i create a form and giving me embeded code are you shure this code proper work in my shopify store?
jotform is the best
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.
I will have to wait for my daughter to become available to finish the form. Thank you for your patience.
I need personal assistance to do form.
how do embedded submissions
This is my embed code in my page HTML but it is showing a Blank Page. what am I doing wrong?
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.
Hown do I know my form has been embedded successfully
Thank you
Why are the Publish ...Edit ...and Build menu options still reflected in the form once it's uploaded to the site?
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?
I use Mochahost.com they use Easy Site Builder
How do I embed my code?
I've embedded my form in to my website , 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!
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?
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.
I keep getting a "slow down, you move too fast message" when sending a comment
The small form i created comes out upside down from the way it was built
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!
Hi I’m
Struggling to paste my form on my website
I have an interactive PDF. What do I have to do?
Bonjour
Je ne sais pas comment partager mon formulaire sur d'autres sites populaires comme WordPress, e-commerce...
Aidez-moi svp. Merci
Can I change the name in the embedded area of the form url
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?
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
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!
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
I am copy pasting url link to my website page and I am getting an error that says "Invalid"
Please how do I know which hosting package allows for a form ?
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.
Yes sure which Embed code to use? Check out this other guide:
I need my form to be fillable online for registrants. How do I do that. And how do I get the filled forms back?
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
My form is just loading and loading when i try to submit my answers.
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
sitemin neresine gömeceğimi bilmiyorum malesf
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
No aparece la opcion Embed for. Pego el codigo a mi pagina web y no funciona.
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?
help me pls where do i paste the code asap
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
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.
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?
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.
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.
How to paste in my web page where ther is no obtion for paste
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!
But the form loads so slowly and it didn't show the images.
Thanks for your help.
When I click on Embed from the nav bar, it saves my form but does nothing else. The Wizard does not come up. HELP!
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?
Adding a form to a responsive Wordpress page. Form is aligning centered to the overall page. How can I make it align left?
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'
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.
I followed the steps and the file still will not open on my webpage.
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?
I managed to put it in my website but the signed forms are not going to my email address, what am I doing wrong?
I'm trying to add to a wordpress page. Have no idea how to do this. Novice :)
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
please add customize you drop down menu it,s not a beautiful and radio buttons are not beatiful,if we want to add radio button using your widgets then logic conditions are not working
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
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!
i don't get it.
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
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
where do i get the FORM ID????
I cannot paste the form eather in the sorce or embed code....can someone help?
Am I able to style the form, for some odd reason, the form centers in the page. I have embedded the form here,
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.
There is something wrong at https://www.jotform.com/answers/54222-I-am-wondering-when-do-you-have-built-in-support-for-google-analytics-g, which is the View Answer link to indexbear's comment of 18 Jan 2012. It seems to redirect to https://www.jotform.com/answers/54222, and just keeps trying to redraw the page. I've tried it using 3 browsers. Feel free to remove this comment when the link or target page is fixed.
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?
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
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.
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!
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
rightly always to me
Jotforms is pretty amazing. Great job!
WOW thats awesome.... Love the features, what I wanted to know also, if in Jotforms there is the ability to have 3 fields where 2 have numbers and the 3rd field is an autosum of the first 2. For example if field 1 has 10 and the second field in another text box has 20 the third box will automatically show 30... Would love to have that feature !!! Thanks so much
JAMCS
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
Where do i paste the code within the html?
Please explain.
I am wondering when do you have built in support for google analytics goal and eCommerce tracking features?
it's great...
Love the tips -- I want more! So great!
Questions:
How can I redirect a follow=-up form to automatically send to a client based on the answer to a questions?
Example:
Question: Are you interested in "A" or "B"?
Based on the answer, I would like to send a unique sign-up form automatically.
Example:
Values assessment with clients requires "halving" a master list over and over to hone in to the top 10 personal values. I would like to have a new list populate with only the value words selected by the client and send out automatically.
I can't wait to hear how to do this!
Thanks a million!
hello
please help...
can i use jotform to create airline booking forms with calender? if i can, please point me in the right direction. thanks!
hi
I can't get #6 (make submissions page public) to work. I visit the 'public' URL in a different browser than where my Jotform account is active, enter the password as I set it up, and all it shows is a blank 'submissions' looking page, with no submissions present - though there are over 400 new ones for the specific form I made 'public'. Help? Thanks!
Siete mitici! Se passate a Firenze vi offro una pizza!
Excellent!!!! Thanks I will definitely make use of these :)
Thanks
Wow! Great.! But does anyone know how to make a website looks real like facebook or hotmail or even yahoo?
Really Amazing, Love it
I love it already, I'm thinking of a thousand ways to use Jot Forms... ;-)
changing the header colour doesn't seem to work with the template codes on your example
Great Tips Aytekin. Thanks.
wow!!!
Hi,wher about do i paste the form imbeded code on my website please help.
how i get the css code???
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
But doesn't send messages! anywhere
trying to add form to netobjects fusion 11 cant seem to get it to be seen. please help....
I am using XARA. Having difficulty adding form to pages. Are there specific instructions you can forward???
Please ask your questions to the forum.
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!!!
i click on the button set and share but it doesnt open i cant get share button