How to Add a Form to Joomla

September 30, 2022

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

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.png
  1. Set the Default Editor option to “Editor – None.”
joomla-4-default-editor-none-min.png
  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.png
  1. Save the changes and preview your article.

To learn more, visit: https://docs4.regularlabs.com/sourcerer/

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.

Note

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.png
  1. Search and select TinyMCE.
joomla-4-plugins-tinymce-min.png
  1. Select Set 0 (where Super Users is assigned).
joomla-4-tinymce-set-0-min.png
  1. Scroll down to the Use Joomla Text Filter option and set it to “On.”
joomla-4-tinymce-use-joomla-text-filter-min.png

Afterward, check for text filters’ user permissions.

  1. Go to System then select Text Filters.
joomla-4-text-filters-min.png
  1. Make sure that Super Users is set to “No Filtering.”
joomla-4-text-filters-upser-users-min.png

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

joomla-4-text-source-code-min.png
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:

  • 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
  • MEGSSS
  • aytekin
  • LindaParr
  • elzbt352
  • bellytimber
  • aytekin
  • Karissa Watson
  • Kairssa Watson