Introduction
When you embed an Iframe into Joomla 4, have you ever had the problem that you cannot save the module or article, or the iFrame code is removed after saving? This happens because Joomla has text filters that delete iFrame code by default. These filters are necessary to keep your site safe.
However, if you want to insert iframe code for videos or maps, you can adjust the text filters. So, in today’s blog, we will show you how to make iframe code work properly on your Joomla 4 site. This way, you can easily add iframe code from YouTube or Google Maps to your site to make it more vivid and impressive. Let’s start now!
How to Embed an Iframe into Joomla 4
There are 2 ways for you to embed an iframe into Joomla 4. You can do that by selecting the No filtering option in the Global Text Filters. Besides, you can also modify the text editor to allow the iframe code.
Using Global Text Filters
First of all, you need to change the Filter Type of the user in the Global Configuration. In order to do that, you need to go to System -> Global Configuration.
In the Text Filters tab, choose the user groups that you want to allow to add iFrame code to the custom HTML modules or articles. For example, we will allow it for the Administrator group. So, in the Filter Type box next to the Administrator, simply select the No Filtering option.
Don’t forget to save the settings.
Enabling iFrame Code in Text Editor
The second method for you to embed an Iframe into Joomla 4 is to enable iFrame code in the text editor.
If you are using TinyMCE editor, let’s access System -> Plugins (in the Manage tab).
After that, simply enter the name of the editor you are using in the search box. Then, simply click on it to edit.
Select the Set type first: Set 0 (assigned to Administrator, Editor, and Super Users), Set 1 (assigned to Manager and Registered), and Set 2 (assigned to Public).
Once you have chosen the Set type, scroll down to find the Prohibited Elements option and delete the ‘iframe’ in the list of prohibited elements.
Finally, save all your changes with the save or save & close button at the top of the screen.
If you are using the JCE Editor, you can allow users to embed iframes in Joomla 4 by going to Components -> JCE Editor -> Profiles -> Default.
In the Plugin Parameters tab, find the Media Support section in the left column of the screen.
Next, simply select the Yes option for Allow iFrames. Finally, save all your changes.
Everything is done. Now, you can easily create a new article or custom HTML module and add any iframe code you want.
Wrap Up
In conclusion, we hope that today’s blog helps you fix the problem of not being able to embed an iframe into Joomla 4. With the 2 methods above, you can quickly add iframe code from YouTube or Google Maps to your site to attract more visitors. Besides, if you are looking for instructions on switching from the TinyMCE editor to another one, see how to switch the editor in Joomla 4 here.
Moreover, if you want to create good articles and manage them effectively, learn more about how to create and manage articles. Last but not least, we are providing many responsive and SEO-friendly Joomla 4 Templates. So, don’t hesitate to take a look and get the best one!
