Joomla how to insert html code

Learn how to embed HTML code into a Joomla website with this step-by-step tutorial.

Inserting HTML Code into Joomla

Inserting HTML code into Joomla is a relatively simple process. There are two main options for inserting HTML code into Joomla. The first is to use the Joomla WYSIWYG (What You See Is What You Get) editor, which allows you to directly insert HTML code into a Joomla article or page. The second option is to use the Joomla Custom HTML module, which allows you to insert HTML code into a module that can then be displayed on a page.

Using the WYSIWYG Editor

The most straightforward way to insert HTML code into Joomla is to use the WYSIWYG editor. This is the default editor that is used when creating articles and pages in Joomla. To use it to insert HTML code, simply switch to the HTML mode, by clicking the HTML icon in the toolbar. This will open a text editor with the HTML code of the page or article.

Once in the HTML mode, you can insert HTML code directly into the page or article. Simply type or paste the HTML code in the appropriate place. When you are done, switch back to the WYSIWYG mode, and the HTML code will be rendered in the page. Be sure to save the page or article after inserting the HTML code.

Using the Custom HTML Module

The Custom HTML module allows you to insert HTML code into a module, which can then be displayed on a page. To use the Custom HTML module, first create a new module and select the Custom HTML module type. You will then be presented with a text editor in which you can type or paste your HTML code.

Once you have inserted the HTML code into the text editor, you can select which pages the module should be displayed on. Then, you can save the module and it will be displayed on the selected pages. The code inside the module will be rendered exactly as it appears in the text editor.

Conclusion

Inserting HTML code into Joomla is a relatively simple process. You can either use the WYSIWYG editor to directly insert HTML code into a page or article, or you can use the Custom HTML module to insert HTML code into a module which can then be displayed on a page.