Which Form Embed Code Should I Use

April 11, 2024

This guide highlights all the embedding options available in Jotform. You can find them by going to the Publish tab of the Form Builder.

Youtube Embed Poster: VNfeOwjuPaM

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:

  1. Go to the Publish tab in the Form Builder.
  2. Choose Platform on the left.
  3. Search and select your platform.
  4. Copy the code provided.
jotform-embed-platforms

Here’s the list of supported platforms:

  • Adobe Muse
  • BigCommerce
  • Blogger
  • Cargo
  • Dreamweaver
  • Drupal
  • Duda
  • Expression
  • Facebook
  • 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.

jotform-embed-options

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.

jotform-source-code-embed

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.

jotform-iframe-embed

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.

jotform-wordpress-embed

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.

jotform-feedback-button

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.

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.

jotform-popup-embed

The lightbox method allows you to display a button, anywhere on your website, which opens your form in a modal window when clicked on.

jotform-lightbox-embed

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.

Academy Logo

Introduction to Form Building

Embed Your Form, and Create Editable PDFs

Go to course :Embed Your Form, and Create Editable PDFs
lesson-2 - image
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Joe McClure - Profile picture
  • Sharon Houston - Profile picture
  • Mike Jamison - Profile picture
  • Philippe - Profile picture
  • Gig Harbor Republican Club - Profile picture
  • Bob Syverson - Profile picture
  • Reynolds  - Profile picture
  • GDAA - Profile picture
  • vincenzofiorillo3 - Profile picture
  • Lamar - Profile picture
  • mccurley_mary - Profile picture
  • Florian  - Profile picture
  • Samantha Caldwell - Profile picture
  • clyd7676 - Profile picture
  • malipah.intl - Profile picture
  • akiligloballimited - Profile picture
  • mariskim2020 - Profile picture
  • ObservatorioGPS - Profile picture
  • Sachin Chauhan - Profile picture
  • Rachel Allanach - Profile picture
  • marianicusanti - Profile picture
  • stilwellkiwanis - Profile picture
  • stilwellkiwanis - Profile picture
  • Brian Hoh - Profile picture
  • Bloomappeal - Profile picture