Looking for expert marketing and design content that’s fresh, relevant, and useful with just a dash of wit? We’ve got you covered.

Joomla! : How to Insert Custom Modules into Articles

By Kyle Magnusson

Managing your articles and modules with Joomla! is a piece of cake. Joomla! makes it easy to store and display content across complex websites. In this example, we’ll review how to load custom modules into a specific article on a page. Let’s take a look:

  1. Go to Extensions –> Modules.Screen Shot 2016-12-21 at 4.03.14 PM
  2. Click “Add New”.
  3. Select the module type (in this case, we’ll use Custom HTML).
  4. After creating the module, create your own module position by typing a name and hitting enter.Screen Shot 2016-12-21 at 3.36.28 PM
  5. Go to the assignments tab, and include the page on which you want your module to appear.Screen Shot 2016-12-21 at 3.37.30 PM
  6. Go to the options tab and set “Prepare Content” to “Yes”.Screen Shot 2016-12-21 at 3.37.52 PM
  7. Save and close out of the module area.
  8. Go to Content –> Articles.
  9. Select article.
  10. Insert this code into the article: {loadposition position-of-module}. the name position-of-module can be changed to the one you created (joomla-tutorial-example). This code will load the module wherever you put it in the html. Save the Article.Screen Shot 2016-12-21 at 4.05.24 PM
  11. Go to Extensions –> Plugins. Make sure that Content – Load Modules in enabled.Screen Shot 2016-12-21 at 3.40.48 PM
  12. Reload your web page.Screen Shot 2016-12-21 at 4.02.13 PM
    And there you have it!