20% OFF Dedicated Servers for the first 12 months of service!

USE COUPON CODE: Q22018

Ends June 30, 2018

*T&C Apply

Add custom HTML to Joomla

This tutorial will show you how to add custom HTML to Joomla

1) Click Extensions

frame03_187

2) Then Module Manager

Scroll right

3) Click New

frame05_183

4) Select Custom HTML

frame07_177

Scroll right

5) Click Next

frame08_174

6) Enter a Title

frame10_162

If Show Title is set to Yes, the module name will be displayed on the front-end

Scroll down

7) Click the HTML icon here

frame12_148

8) Enter your HTML code

frame13_143

9) Click Update

Scroll up

10) Enter the suffix for the CSS class of this module

frame17_133

In this example, the CSS class name of this module would be .module-html

11) Click Save

The custom HTML module will now appear on the front-end. Let’s go to our Joomla site

frame19_128

Scroll down

Our custom HTML appears here

frame20_121

 

That’s it! You now know how to add custom HTML to your Joomla site