HTML for Joomla - Simple Module to Quickly Add Code (2024)

Mod HTML is a module, developed by this website, for those who need a simple way to quickly add HTML to their Joomla website. It allows you to add any HTML snippet or JavaScript code to your Joomla website via a Joomla module and thus create a website without requiring expertise in web site design.

There are unlimited uses of Mod HTML for web site design. Amongst other things you can use the module to achieve the following results:

  • Joomla HTML module allows you to add any HTML or Javascript to your modules without having to change any settings in Joomla. Therefore you don't have to disable your editor to insert an HTML snippet. Just create an HTML module, and insert your HTML or Javascript into this module. This makes web site design much simpler.
  • You can copy the module in the Module Manager, for quick clones of an advertisement or banner ad. Also since a large number of advertisements, affiliates, or third-party modules come as small HTML snippets, Joomla HTML allows you to insert this HTML into your Joomla website without having to mess around with your template.
  • Another great usage of Joomla HTML is to insert Google AdSense into your website. Just copy and paste from your Google AdSense account page.

This is another module developed by this website.

Configuration

  • Module Class Suffix - this allows you to add a suffix to the module such that you can enable custom styling to the module using CSS
  • Enable Cache - whether you want the module's content to be cached or not
  • HTML - the HTML you want to show on the front end once you publish the Joomla HTML module
  • Javascript URLs for insertion into header - if you need to reference a specific Javascript function from a 3rd party script, you can this here to be added to the header of the site (PRO Only)
  • CSS URLs for header - if you want to use a specific CSS file for the HTML, you can reference this here so that it can be added to the header automatically (PRO Only)
  • Clean JS - removes any HTML line breaks in the Javascript
  • Clean CSS - removes any HTML line breaks from any inlined CSS
  • Clean HTML - removes all HTML link break

Let's help you manage your Joomla better

joomla

Free Joomla tips ebook button

Download Joomla HTML

PRO Version - Add CSS and JS files (€9)

The PRO version allows you to insert a link to JS or CSS files to add to the header of the page such that the HTML you insert into the module can reference the JS files and CSS files you have specified.

You can add these as part of the parameters of the module, and these will be added to the header of your website.

add css js header

Buy and download PRO Version

Basic version

Buy me a beer! Joomla 2.5 and Joomla 3.0 - Buy me a beer version (€3) - an identical version to the free version - it is just supporting the development 

Joomla 2.5 and Joomla 3.0 - FREE

If you like it, please take a moment to write a small review on the Joomla Extensions site, vote for us, or link to us! Especially if this has helped you to create a website. If you'd like to see which other products here, these are our favorite Joomla extensions.

The module is extremely simple to use. Simply paste your HTML / JavaScript in the HTML parameter, enable and you are good to go.

Installation

To install the module, simply go to (Extensions > Module Manager), choose the file you have downloaded above and click on the upload and install button.

dc joomla html module

Support

Please post to the comments if you need help in configuring the module.

About the Author
David Attard
David has been working in or around the online and digital industry for the last 21 years. He has vast experience in the software and web design industries using WordPress, Joomla and niches surrounding them. He has worked with software development agencies, international software companies, local marketing agencies and now is Head of Marketing Operations at Aphex Media - an SEO agency. As a digital consultant, his focus is on helping businesses get a competitive advantage using a combination of their website and digital platforms available today. His blend of technology expertise combined with a strong business acumen brings a competitive edge to his writings.

One more thing... Did you know that people who share useful stuff like this post look AWESOME too? ;-)
Please leave a useful comment with your thoughts, then share this on your Facebook group(s) who would find this useful and let's reap the benefits together. Thank you for sharing and being nice!

Disclosure: This page may contain links to external sites for products which we love and wholeheartedly recommend. If you buy products we suggest, we may earn a referral fee. Such fees do not influence our recommendations and we do not accept payments for positive reviews.

 

who are we?

CollectiveRay is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run DronesBuy.net - a website for drone hobbyists.

David attard

 

 

Author(s) Featured On:  Inc Magazine Logo   Sitepoint logo   CSS Tricks logo    webdesignerdepot logo   WPMU DEV logo   and many more ...