Which Form Embed Code Should I Use

March 29, 2022

Jotform’s Publish wizard has many options. Which one is best for you? This simple guide will help you find the right solution for your needs.

To access the publish wizard, click the Publish tab at the top of the Form Builder.

Platforms: 3rd Party Publish Options

Do you use one of the following 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

If you use one of these platforms, you should use the specific code provided for each of them. These are the tried and well-tested methods for those formats.

Embed: Various Webpage Embed Options

On the Embed tab, you can see the available embed codes that you can use.

JavaScript

The default embed option is a simple one-line JavaScript code, as shown in the above image. It is designed to work on any web page.

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 Builder.

Source Code

Use your inner coding skills and get the form’s full source code.

If you need to edit the form code to fit specific requirements, you should use the full source code. To learn more about the form’s full source code, you can check this guide: How to get the Full Source Code of your Form.

iFrame

The full proof iFrame embed method.

If none of the other options work properly use the iFrame embed code: How to Get the iFrame Code.

If you copy the iFrame code correctly, almost nothing can break the form on your page! Since the form is displayed inside an iFrame, it will not conflict with anything on your page.

WordPress

The WordPress option is for managed WordPress.com websites. You don’t need to install any plugin on your WordPress.com website for this option. Copy/paste the given code to your WordPress Shortcode or Custom HTML block.

Please visit the following guide for more details: How to Embed a Form to WordPress.com.

Feedback Button

If you want a floating button on your website, use the Feedback Button. To display the feedback button on all website pages without embedding the code on each page, you must embed the codes into your site’s header file.

Please see the following user guide if you want to know more: Creating a Feedback Button.

Popup

You can embed the form as a popup and open it on a new native browser window. The code has a snippet that prevents your browser’s toolbar from displaying.

Please visit the following user guide to learn more: Creating a Feedback Button.

Lightbox

A lightbox is a modal window that pops up when visitors click on a link or button. You can configure the lightbox to autoload or open it based on your browser cookie.

To learn more, please visit the following user guide: How to Create a Lightbox Form.

Any questions, comments, or concerns? Let us know in the comment field below!

Was this guide helpful?
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: