How to Add Your Form to Joomla

December 21, 2023

Although scripts and iframes are not allowed in Joomla’s editor by default, you can embed your form into your website using the steps in this guide.

Getting the Embed Code

The first step is to get your form’s embed code:

  1. In the Form Builder, go to Publish at the top.
  2. Select Platforms on the left.
  3. Search and select Joomla.
  4. Copy the code provided.
Steps to get the embed code for Joomla in Jotform Form Builder

Once you have the embed code, the next step is to add it to your Joomla website.

Embedding Your Form Into Joomla

You can add a form to Joomla by disabling the editor temporarily, using an extension, or setting up the text filters.

Disabling the editor temporarily

The easiest way to embed the form into your Joomla website is by disabling the default editor temporarily:

  1. In your Joomla dashboard, go to Systems on the left, then select Global Configuration.
Steps to access global configurations in Joomla
  1. On the next page, set Default Editor to “Editor – None.”
Setting the default editor in Joomla to none
  1. Paste the embed code into your article and save the changes.
  2. Go back to Global Configuration and reenable the editor.

If you’re looking for something permanent, you can try using an extension or setting up text filters.

Using an extension

The Sourcerer extension enables you to use JavaScript or iframe codes in Joomla.

To embed a form using an extension

  1. Install Sourcerer to your Joomla website.
  2. Create or edit an article.
  3. In the editor, open Content CMS on the left, then select Code from the menu.
  4. Paste your embed code in the dialog, then select Insert.
Steps to insert a code in Joomla
  1. Save the changes and preview your article.

To learn more, see Getting Started With Sourcerer.

Setting up text filters

Embed your form without disabling editors or installing extensions by setting up Joomla text filters.

Note

The following example is for setting up TinyMCE’s text filter option for Super Users. Adjust accordingly for other editors and user roles.

To set up the text filters

  1. In your Joomla dashboard, go to System on the left, then select Plugins.
Steps to access plugins in Joomla
  1. On the next page, search and select TinyMCE.
Steps to search and select TinyMCE in Joomla
  1. Next, select Set 0 (for Super Users).
The Set 0 Super User role in Joomla
  1. Scroll down and turn on Use Joomla Text Filter.
The Use Joomla Text Filter option for TinyMCE

Afterward, check for Text Filters user permissions.

  1. Go back to the main dashboard, go to System on the left, then select Text Filters.
Steps to access Text Filters in Joomla
  1. Ensure that Super Users is set to “No Filtering.”
The No Filtering Super Users permission in Joomla

You should now be able to place embed codes in the article editor.

Steps to insert codes in Joomla editor
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:

  • Cristina Espejo - Profile picture
  • rotarymalaysia3300 - Profile picture
  • evanwalsh - Profile picture
  • Shadrack Emachar - Profile picture
  • sctourism - Profile picture
  • roboslug - Profile picture
  • ayachi - Profile picture
  • artxerox - Profile picture
  • Ray - Profile picture
  • frankrizzeaux - Profile picture
  • link2industry - Profile picture
  • JustAli - Profile picture
  • memunozc - Profile picture
  • boogerd - Profile picture
  • glmthug - Profile picture
  • ruthjohnson - Profile picture
  • Barkley - Profile picture
  • pudeto - Profile picture
  • cmoore - Profile picture
  • Adrian - Profile picture
  • popart - Profile picture
  • rcdna - Profile picture
  • rcdna - Profile picture
  • LeRoi - Profile picture
  • flsi11 - Profile picture
  • kcricomunicacion - Profile picture
  • JotFormSupport - Profile picture
  • julianroberts - Profile picture
  • pshrealtor - Profile picture
  • lolo32 - Profile picture
  • dshacker14 - Profile picture
  • youssef2018 - Profile picture
  • bogoka - Profile picture
  • arlenedq - Profile picture
  • geeneeyes - Profile picture
  • JotFormSupport - Profile picture
  • deerockfl - Profile picture
  • blacksonville - Profile picture
  • abcabc3515 - Profile picture
  • vanne23 - Profile picture
  • rahamitz - Profile picture
  • abloom - Profile picture
  • PolatAlemdar - Profile picture
  • Lyngholm - Profile picture
  • premierdepogrl - Profile picture
  • interknecht - Profile picture
  • alanancy - Profile picture
  • aytekin - Profile picture
  • ahmad - Profile picture
  • JotformSupport - Profile picture
  • Balolo - Profile picture
  • Balolo - Profile picture
  • jorgboth - Profile picture
  • MEGSSS - Profile picture
  • aytekin - Profile picture
  • LindaParr - Profile picture
  • elzbt352 - Profile picture
  • bellytimber - Profile picture
  • aytekin - Profile picture
  • Karissa Watson - Profile picture
  • Kairssa Watson - Profile picture