How to Add or Display Module to Joomla Article (Step by Step)

(Last Updated On: October 3, 2019)

If you have ever wanted to add more advanced features to your Joomla articles, for example; a login/create account form module, main menu module, breadcrumb module, etc., to your Joomla article without having to write any piece of code, this post is actually for you!

Log in form, main menu, breadcrumb, etc., are modules you have to publish and assign positions to.

Something interesting about adding modules into Joomla articles is that; it makes use of short codes! So, you do not have to worry about having to copy the generated code to anywhere in your Joomla article.

This JovialGuide will show you how to easily add a module to Joomla article.

How to Add a Module to Joomla Article

For better understanding, this JovialGuide is written with steps that would help you understand this Joomla tutorial smoothly.

How to Add a Module to Joomla Article

Step 1 – Logging into Your Joomla Control Panel

Log in to the Control Panel of your Joomla website. The login page of your Joomla website could be accessed by adding /administrator to the end of the homepage URL. For example; if your Joomla website URL is http://example.com, adding /administrator to the end of http://example.com becomes http://example.com/administrator. When the go or enter button is pressed, it displays the admin login page of your Joomla website. You can now enter your admin username and password.

Step 2 – Selecting the Desired Article

On the control panel of your Joomla website, click on articles (under contents). This is located by the left side of your control panel window.

On the articles page, select the article you would like to add a module to.

When it opens, place the cursor anyway in your article, (where you would like to add a module to), and click on modules .

If you are new to Joomla, we recommend you see how to learn Joomla and how to use Joomla.

Step 3 – Selecting/Searching for the Module to Add to Your Article

Click on the module you would like to add into your article.

Use the search box above the available modules to find the module you want.

The generated short code looks like this; {loadmoduleid ID}. Where ID is the identity number of the module you are inserting into your article.

If you would like to change the position of the module in your article, just copy the short code and paste anyway in your article.

Step 4 – Saving Your Article With Module

If you have finished, you can save your article.

Can I Add More than One Module to my Article in Joomla?

Yes, you can! If you would like to add more than one module into your article, repeat the steps in this tutorial all over again.

How to Change the Position of A Module in Joomla Article?

If you would like to change where you added the module into your article (to somewhere), copy the short code generated for that particular module (looks like this: {loadmoduleid ID}, ID is the identity number of the module), to anyway you like, and save your article.

How do I Delete an Already Added Module from my Joomla Article?

If you would like to delete an already added module from your Joomla article, open the article you added a module to, locate the line in which the short code was placed. Find and delete the short code, it looks like this {loadmoduleid ID}. If you have carefully done this, save and view your article.

Quick Recap: How to Add a Module to Joomla Article

  • Step 1 – Log in to the control panel of your Joomla website.
  • Step 2 – Click on articles. On the articles page, open the article you would like to add a module to.
  • Step 3 – On the article edit window, click on module, search and select the module you would like to add to your article.
  • Step 4 – Save and view your article when you are done.

Conclusion

Adding a module to Joomla article helps you set/add more advanced features to your Joomla website, without having to write any code.

There are other Joomla tutorials we covered, take a visit to our Joomla tutorials for more.

JovialGuide

We provide comprehensive tutorials. Reach us on Facebook via JovialGuide.

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Shares