How to embed custom codes in Joomla website

Maangatech > Web Design > How to embed custom codes in Joomla website

Custom codes in joomla

Joomla is a powerful and award winning content management system on the web. Unfortunately Joomla did not allow adding custom code snippets through its editors without doing some tricks.

Sometimes you need to embed custom codes in Joomla site in order to accomplish your designing task eg. adding custom form, custom block style, etc. In this short tutorial I will show you how you can achieve this within a few minutes.

Requirements:
Joomla 3.x
Sourcerer plugin

  1. I hope you have the working Joomla site together with basic knowledge of using and manipulating Joomla.
  2. Download Sourcerer from (Regularlabs) and install it in your Joomla site using extension manager.
  3. After installing it successful; got to your article or module editor and click [<> Code] button at the top of editor. A modal will appear with a snippet beginning with {source} tang; remove other codes and leave only the opening and closing {source}…{/source} tags; type or paste your code inside the {source}…{/source} tags and click insert.
  4. Save your model or article and preview your work. (you can view my example using this approach here)

I hope this short tutorial help you. Please, I would like to hear your feedback in the comment bellow. Thank you for reading.

Related Post