This guide highlights all the embedding options available in Jotform. You can find them by going to the Publish tab of the Form Builder.
Platforms: 3rd Party Publish Options
The Platforms tab contains the tried and true embed codes for some of the most common CMS and publishing platforms.
To get the embed code for your platform:
- Go to the Publish tab in the Form Builder.
- Choose Platform on the left.
- Search and select your platform.
- Copy the code provided.
Here’s the list of supported platforms:
- Adobe Muse
- BigCommerce
- Blogger
- Cargo
- Dreamweaver
- Drupal
- Duda
- Expression
- Frontpage
- Ghost
- GoDaddy
- Google Sites
- IMCreator
- iWeb
- Jigsy
- Jimdo
- Joomla
- LiveJournal
- Magento
- Ning
- Piwigo
- PrestaShop
- Sandvox
- SharePoint
- Shopify
- Squarespace
- Tiger Commerce
- Tumblr
- TypePad
- Unbounce
- Web Page Maker
- Webs.com
- Weebly
- Wix
- WordPress.com
- WordPress.org
- Xara
- Yahoo! SiteBuilder
- Yola
- Zenfolio
- Zoey
Embed: Various Webpage Embed Options
The Embed tab lists even more ways for embedding your form. Some of the popular ones are JavaScript, source code, and iframe embed methods.
JavaScript
The default embed option is a simple one-line JavaScript code.
The JavaScript version dynamically loads the form in an iframe. That means the width and height of the form are automatically generated. You do not need to update the code on your website every time you change something on your form.
Source Code
Use the full source code embed method if you need to edit the form’s code to fit specific requirements.
One thing to consider when using the full source code method is that you have to manually update the embed code on your site every time you make a change to your form in the Form Builder. For more information, see How to Get the Full Source Code of Your Form.
iFrame
Use the iframe embed method if none of the other options work properly.
The iframe embed method is designed to work on any web page. Since the form is displayed inside an iframe, it’s less likely to cause conflict with anything on your website. For more information, see Getting the Form Iframe Code.
WordPress
The WordPress option is for managed WordPress.com websites.
You don’t need to install any plugin for this option. Simply copy and paste the provided code into a Shortcode or Custom HTML block to embed the form. For more information, see How to Embed a Form to WordPress.com.
Feedback Button
The Feedback Button embed method creates a floating button on your website which displays your form in a modal window when you turn it on.
You can insert the embed code into your site’s header file to display the feedback button on your site’s pages. For more information, see Creating a Feedback Button.
Pop-up
The pop-up method allows you to display a link, anywhere on your website, which opens your form in a new pop-up window when clicked on.
Lightbox
The lightbox method allows you to display a button, anywhere on your website, which opens your form in a modal window when clicked on.
You can change the lightbox to automatically display the form when the page loads. For more information, see How to Create a Lightbox Form.
Here you can see how to open the embed section:
Any questions, comments, or concerns? Let us know in the comment field below.
Send Comment:
106 Comments:
85 days ago
I'm trying to embed the form I created on my Showit website. I want it to be a link that takes me directly to the form, like it does if you email the form. Is this possible? If so, which embed option do I use? So far the Java Script and the HTML option have not worked. Thank you.
More than a year ago
HOW DO EMBED JOTFORM ON MY HOSTGATOR WEBSITE BUILDER
More than a year ago
I get a scroll bar that shows up differently on different screens and some show it and some do not. 123 form dos not do that!!!! I woudl rather use Jotform!!!
More than a year ago
The full code is displayed on my website I only want the underlined link displayed. What should I do?
More than a year ago
Please: I am new to WordPress and need help embedding a form in a page
More than a year ago
I have made a contact form in Jotform and now want to load it onto my contact page in Serif web plus 8 can you help me with this
Kind regards
More than a year ago
Hi, just started using Jotform, very impressed so far.
I have created a form which is working well. However if i want to teak or make changes to it 'offline' at what point does a form go live after editing it? Im using the direct link option to embed the form in another web.
I see the system autosaves what im doing and the history to roll back. But no specific button to publish any changes i have made.
Is it just when you go to the PUBLISH tab ?
Many thanks
More than a year ago
TROPPO COMPLICATO CI VUOLE UN INGEGNERE INFORMATICO. RINUNCIO!
More than a year ago
I would like to embedd the lead form on my url within my website. Can you show me how to do that?
More than a year ago
can you put the link to the form page on instagram? because it seems like i get payment but i can’t see the customers choices. this is bad business for me and for you. i’m very upset and need HELP
More than a year ago
Nothing is working..
I'm using unbounce, tried script, tried Iframe, the form keeps poping and disappear like this
It's been 24h i've signed up and had already 10 bugs... it's a shame.
Bye bye !
More than a year ago
Hello! I am trying to use the contact form that I created, I know the embed code was given to me. But I'm not quite sure where to put it. I use 22slides as my website host, and they do have an area for css.
Mobile
Redirects
I can assume I should put it in body, but I'm looking for some guidance as my understanding of code is little. I just do as I'm told by website prompts or tutorials haha.
More than a year ago
I also want to know which form embed code should I use.
More than a year ago
can you teach me how to embed my code into my wix website?
More than a year ago
Do I have to pay first before I am able to embed a form? I want to know I can embed a form from here to godaddy before I pay for your service.
More than a year ago
thank you very much for this
More than a year ago
Your help I already have the form registered on the website, but I need to be able to also see the status of all submissions
More than a year ago
I want to know how can i make my own online form which has all the features which a jotform form has..i dont want the customer to see the jot form title which beneath the form..I hope you got what I said ..help me please
More than a year ago
I re embedded the short code.
I didn’t use the iframe - can you tell me how this looks on the website ?
More than a year ago
HI , how can I provide access to a professional developer , so they can embed code for me ?
More than a year ago
See my post below. I tried to follow the instructions on the help pages for GoDaddy but all that ended up on GoDaddy was the first page of a multiple page form. What can I do to get the whole form on GoDaddy?
More than a year ago
I have developed my jotform form and am ready to embed it on our website which is on the GoDaddy platform. I am confused on how to do this as I don't see GoDaddy listed. So I have the form, what do I do next?
More than a year ago
Hi! Is it possible for users to submit image files through jotform forms?
More than a year ago
How do I add this to my Mobirise site. I am struggling as to where I am meant to put the code in Mobirise. I have made a page for my form in Mobirise, and have added a block on that page and then pasted the code in. When I do this I just see the code and no form. Can you please tell me what I am doing wrong?
More than a year ago
Form not working on Facebook, anybody know how to embed this form on facebook page?
More than a year ago
Can we get the same capabilities for designing/embedding the resulting PDF presentation? The PDF editor, although new, is very limited and in some cases not ideal at all. I'm currently forced to look for other solutions that will allow me to design and publish my form's resulting data.
More than a year ago
keren jugaaaaa
More than a year ago
What works best for Godaddy Website Builder??? Having issues with user having access on different platforms. I am losing business over this.
More than a year ago
Hi none of these are working for my godaddy site
More than a year ago
plz facce book page connect so problem do not connect in google addsence approve so help me
More than a year ago
OPTION 4: THE FULL PROOF IFRAME EMBED METHOD
All I get is the full code when I paste this in my WD site. I really need some help on this urgently and can't seem to get a response to the email chains I have been sending :(
More than a year ago
IFRAME NE MARCHE PAS
More than a year ago
I have some jot form that are a template card of jot form I dlike to place thrm on a web page can you do that or will you send me a link!
More than a year ago
Cab jotform be used to take images from submitters via an email form, and have the images upload directly to a smugmug gallery?
If it can, are you able to give some instruction how I might go about this.
Thank you very much
More than a year ago
I have a multi-page form that I would love to embed on my site (Wix), but I can't figure out how to do it... I like the multi-page thing so it doesn't feel so long...
Ideas?
Jessica
More than a year ago
Trouble with my form displaying in Firefox, but it's working PERFECTLY in Chrome and on my mobile (iPhone). Could it be my browser settings? In Firefox it simply is not showing up at all...
More than a year ago
Regarding opt. 2, when you say : "You do not need to update the code on your website every time you change something in on your FORM BUILDER." What does that mean exactly? I need to change the reCAPTCHA version on my form. Don't I then need to remove the old form from my site and add the new one?
More than a year ago
Hi there!
I love your solution. The only thing is that it doesn't work well in responsive website.
-Website is done with Adobe Muse
-Hosted on Business Catalyst
-There are for breakpoint at 1200, 960, 550, 480
- While the form display correctly on computer 1200 display, it doesn't show on any other devices or screen size
Please see example at
More than a year ago
yardım almak istiyor
More than a year ago
I am trying to embed into a site page on Sharepoint using the iFrame code. It works fine on the Asset collection page, but when I attempt to insert it into the Site page, it accepts the code, but only displays a caption box. Please help. I am super frustrated.
More than a year ago
I tried to publish after creating the form but the could not, what shall I do?
More than a year ago
I am trying to use embed codes for displaying images on my website but they are not responsive when enlarging the page and making it smaller.
I've tried adjusting the width to 100% in the code but the height never adjusts correctly.
I am using wordpress, do I need to paste a code into my elated options in custom CSS
More than a year ago
When I use the embed source code option for a jotform and paste it in mailchimp template builder the radio buttons and submit button dissappears and all thats left are the text.
What could be the cause of this and how can I resolve this?
Thanks
More than a year ago
Good day,
After filling the form on website, it is not submitted and i don't know what happened.
Please help me out.
Thanks
More than a year ago
I am able to get the form to upload to my website. however when i press submit at the end it doesn't take me to the 'Thank you' page and i don't receive an email for it. Do you know whats wrong with it?
More than a year ago
tried embedding a form into site but it won't show the Submit Button to send email!!!
More than a year ago
Hi, I can't get my form to upload to Zenfolio. I have tried every type of code. Iframe seems to be the only one that works, but I don't get the theme and the form is very narrow.
Thank you!!
More than a year ago
I use iframe and paste to my website, but when i view the form using my hp, (mobile), it did not display full form, no SUBMIT BUTTON . half form only. How?
More than a year ago
I am using iframe for my videos still i am not sure how can i make it loading faster? It often break up and take long time to load....p.s. i uploaded only HD 720p and 1020p videos. Can it be the size of the video reason for that or maybe is my browser?
More than a year ago
For Weebly?
More than a year ago
Your embed code will look similar to the example below. Tells FormSite where to find your form.
More than a year ago
I tried to put it on a page, but because we have https enabled on the site and the code comes from a http site, the form doesn't show.
Please help!
More than a year ago
i use your embedded code in the article but its not working its too heavy i use {{jotform}} this way i did it on separate article and i make it linked by another icon from another article cause it shown in same article to long
More than a year ago
email. it keeps saying its wrong ....
More than a year ago
I've been using the embed code and its been working great until today and now nothing works. I'm using Volusion to build my site. The source code is the only one that will show up but it looks awful and adds a bunch of stuff to the form. Why wont the embed code show up anymore??
More than a year ago
Hi,great site,
I have a 1 2 3 domain web site builder. Can I customize a blank form to my own design,say, using Google aps
More than a year ago
My form should look like this:
but when i embed it with the source code it shows up like this:
the embed code doesnt work, nothing shows up.
the iframe code doesnt work, shows blank space where the form should be.
More than a year ago
I can't get any of the codes to work; anyone have any suggestions? I have tried everything including the iframe without success. Zenfolio's support says they aren't sure why it's not working. UGH
Thanks
More than a year ago
Godaddy will not display the signature box. Everything else if fine but the signature box is missing. Do I need to try something else?
More than a year ago
I have tried to embed my forms in my layout in Net Objects. I don't know exactly where to paste the code. The form shows up, but it is not in the right place. It is too high and encroaches on my navigation bar. The iframe doesn't work for me because I get script errors.
I'm just a lay-person who has taught myself to use Net Objects and I cannot get their forms handler to work for me. I love the way the jotforms look.
More than a year ago
I am trying to embed a form with a link to click to open on my godaddy website. I have done this in the past, but I am not remembering the correct way. I cannot get a link to embed. Please help!
More than a year ago
What about if I am designing the website with adobe muse?
More than a year ago
Is it possible to have my form open in a new tab? I've embedded it into our website and it works great but others have asked if this would be possible. Thanks!
More than a year ago
Hi, I want to email my form to clients - can you tell me how to do this please?
Thanks!
More than a year ago
I'm trying to link a form to an Ebay listing but I'm getting the following error message: Your listing cannot contain javascript (".cookie", "cookie(", "replace(", IFRAME, META, or includes), cookies or base href.
Is there a workaround for this?
More than a year ago
When I preview the form the capture is there, but when I embed the code into my web site the form comes up without the capture
More than a year ago
Thank you! This answered a question I had.
All the best,
Stephen
More than a year ago
como puedo reformar mi formulario y despues volver a copiar codigo paa actualizar
More than a year ago
sir i have created website with i page hosting when i have embed code copy and paste on my website page and all is autoplay please tell me how to make manual
More than a year ago
Instructions for gsites says to use the form id. Where do i find that?
More than a year ago
Is there a way to set the height on multipage forms to adjust to the height of the form on that page? Looks pretty ugly when a page with a few field is displayed with a large scroll till the end of the page.
More than a year ago
Embed code on chrome 30.x gives the following JS error - Uncaught TypeError: Cannot read property 'attachEvent' of null
More than a year ago
I've tried embedding each of the codes in my Microsoft Word docx where I insert a hyperlink, and I get an error message "Cannot open the specified file". What am I doing wrong?
More than a year ago
Hi,
I am trying to embed a form which includes a paypal payment. I am trying to emebd the form into an email created with benchmarkemail (). The purpose is to send a reminder to clients whose membership has expired and I would like to embed the form directly into the email. I tried copying the source of the form into the html of the email and to use iframe. The form shows up ok in the body of the email (nicer with iframe) however when clicking submit from within the email it opens up a page (link is: with the following error: "Form ID did not match. Form ID: Form Name: 30768659691168."
Is there a way to do this?
Thank you.
More than a year ago
I am very happy with my choice of embedded, popup, direct link. I connected the link to a button. Worked out great. I tested uploading files and this was the best option. It can be seen on the front page of historicalfamilies.com. File Upload
More than a year ago
Java (iframe) Platform runtime should be up-to-date, on every computer.
To embed as Java (iFrame)
Click on:
For older type of Internet Browsers:
More than a year ago
Anyone ever try to do this with a behance prosite? tried embedding the Iframe and it won't accept it...
More than a year ago
Narrative Forms: If we could build this form and afterwards the .pdf file would look the same... this would be fantastic. We merge several hundreds file coming from the data in JotForm.
And what we still need is calculations! Please! That would make many lives so much easier!
Thank you Guys! Jotform is the best!
More than a year ago
QuizBuilder - I really want this to happen. Are you going ahead with it?
And what are the advantages of embedding Jotform forms in a WordPress.org website (as opposed to just building forms in WordPress)?
Thanks!
More than a year ago
Can QuizBuilder form be embeded?
More than a year ago
This is terrific!!! What will the pricing be? When will it go live?
More than a year ago
As always Jonathan and forever will be =)
More than a year ago
First!
Jotform is the best!
More than a year ago
The embed code is displaying an older version of my form.
Here are the links -- same form ID, different forms displayed.
Javascript Embed: (13480140201)
Direct:
More than a year ago
Hi the tab on my facebook page currently shows a atsr and says welcome. How do i customise it?
More than a year ago
O meu site é wordpress,eu fiz como você mandou mais ele não tá aparecendo. Assim que eu coloquei apareceu depois sumiu. O que eu faço?
More than a year ago
I am unable to embed my form in wordpress.com. I have put in the right codes in the html text area of my post, but the code does not update on some occasions, and on others it only displays the source code on the webpage. is this related to Java?
More than a year ago
Can Jotform be embedded to twitter? If so, then how?
More than a year ago
I am using google site. it is asking for a form ID. How do I find my form ID
More than a year ago
Hello can u help me ? when i try to put the simply embed code in my web page, I can not able to change the width of the form...how i can manipulate the width of my form ?
More than a year ago
help!im trying to embed this in my multiply online store..however it only shows the link? cant it show the form itself?
More than a year ago
When I past the embedded code into my page it loads it up just as I want but then loads blank space over and over again. I cant scroll to the bottom of my pages and then after ten of fifteen seconds it restarts again. Anyone else having this problem? I need help!!
More than a year ago
I created my site in some website builder, and built a form in Jotform to allow customers to upload documents to an email address at GoDaddy, my host. But all that gets uploaded is the file name, not the file itself. How do I fix this? Is there a file I need to give the website to make your Upload function work?
More than a year ago
Hi
I have webstudio program. And I just want to have a link to the form. what link do I use?
More than a year ago
I just added another textbox to my form. I use the javascript embed option but I do not see the changed. I tried clearing the cache as well and no success. Any help would be appreciated.
More than a year ago
I'm using Posterous as my blogging platform. Which embed code should I use? I tried using Embed, Source, and iFrame but the form doesn't seem to be working. :(
My URL is
More than a year ago
I created my form in JotFort and downloaded the iFrame app but can't get my form to load. I'm following all of the instructions. Please help!
Thanks!
More than a year ago
Ask Ning for that. FBML is only for facebook. It shouldn't be facebook code but rather full html source code.
More than a year ago
To embed a form in a Ning site, should I use the Facebook format? (I think Ning and Facebook are similar)
More than a year ago
We I embed the source code i see the css style layout but when I launch publish my website the style sheet is gone and I hjust have my questions in "whie space". What is causing this and how can i fix it
More than a year ago
To whomever is asking about SiteSpinner. I have used Jotforms with that application with not problem. Copy and paste the Iframe version of the Jotform source code into the HTML code insert of SiteSpinner. If you would like to see an example hit me back.
More than a year ago
You will have to ask sitespinner if they support javascript code.
You can try to put html code of your form.
If not it means you will be able to use only basic features of your form. No power tools, no conditions etc...
More than a year ago
i have wordpress.com
More than a year ago
When I paste the code onto the website page the form doesn't show ===just the link
I u'm using sitespinner pro
which code should I use ?
More than a year ago
mkelly922: To add a Jotform code to a Microsoft Publisher, click the "HTML Code Fragment" command on the "Insert" menu. That opens the "Edit HTML Code Fragment" dialog box, where you can type or paste the code.
More than a year ago
when I paste the code to the website I developed on Microsoft Publisher all that shows is the link. I can't get the form to show ???