How to Add a Form to Joomla

February 13, 2023

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

Getting the Embed Code

The first step is to copy the embed code:

  1. Go to the Publish tab in the Form Builder.
  2. Choose Platforms on the left.
  3. Search and select Joomla.
  4. Copy the code provided.
Form Builder Platforms Joomla Min

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

Embedding the 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. Go to Systems then choose Global Configuration.
Joomla 4 Global Configuration Min
  1. Set the Default Editor option to “Editor – None.”
Joomla 4 Default Editor None Min
  1. Paste the embed code in 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.

Here’s how to embed a form using an extension:

  1. Install Sourcerer to your Joomla website.
  2. Create or edit the article.
  3. Click Content CMS in the editor then choose Code from the menu.
  4. Paste the embed code then click Insert.
Joomla 4 Insert Code Min
  1. Save the changes and preview your article.

To learn more, visit:

Setting up text filters

You can also embed the form without disabling editors or installing extensions. This can be done by setting up Joomla’s text filters.


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

Here’s how to set up the text filters:

  1. Go to System then choose Plugins.
Joomla 4 Plugins Min
  1. Search and select TinyMCE.
Joomla 4 Plugins Tinymce Min
  1. Select Set 0 (where Super Users is assigned).
Joomla 4 Tinymce Set 0 Min
  1. Scroll down to the Use Joomla Text Filter option and set it to “On.”
Joomla 4 Tinymce Use Joomla Text Filter Min

Afterward, check for text filters’ user permissions.

  1. Go to System then select Text Filters.
Joomla 4 Text Filters Min
  1. Make sure that Super Users is set to “No Filtering.”
Joomla 4 Text Filters Upser Users Min

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

Joomla 4 Text Source Code Min
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:

Contact Jotform Support:

Send Comment:

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


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