How to Add Custom HTML to Your Joomla Site

This tutorial is going to show you how to add custom HTML to your site in Joomla. For the purpose of this tutorial, we will assume that you are logged into your administrative panel of your Joomla site.

In the menu bar in the upper menu, click on Extensions, then on Module Manager. This will open a window that will show you all your modules. If some are missing, go to the bottom of the page, and make sure the Show ___to a page is set to show All. This will bring them all up for you to view.

Manager page, scroll right and click on New. From the list of available new modules, select Custom HTML. Scroll right, and click on Next. On the Module edit form, start by entering a title for your new Module. The next option is Show Title. If this is set to Yes, the module name will be displayed on the front-end. Scroll down to the text box. In the icons for the editor, you will see a small HTML icon. Click on this icon. This gives you an HTML Source Editor box. Enter your HTML code here. When you are done, click update in the lower left corner. Scroll up, and in the right hand column you will see a section called Parameters. Where it says Module Class Suffix, enter the suffix for the CSS class of this module, such as -html. For example, the CSS class name of this module could be .example-html. Click the save button in the upper right corner, and the custom HTML module will now appear on the front-end.

That is the end of this tutorial. You now know how to add custom HTML to your Joomla site.

  • 2 Users Found This Useful
Was this answer helpful?

Related Articles

Restoring a Akeeba JPA file on our servers

Note: Before proceeding ensure your website folder or has not got any joomla files in it...

How to Register a New User Account in Joomla

The purpose of this tutorial is to teach you how to register a new user account in Joomla....

How to Change the Default Admin's Username in Joomla

This tutorial will teach you how to change the default Admin's Username in Joomla. You need to...

How to Use the Menu Manager in Joomla

The purpose of this tutorial is to teach you how to use the Menu Manager in Joomla. You should be...

How to Use the Section Manager in Joomla

This tutorial will teach you how to use the Section Manager in Joomla. You will need to be...