Joomla how to embed modules in articles
There are many useful reasons why you would want to embed a module within article content on your website.
- include a menu in an article
- include a custom html module in an article
- include search function in article
Any of your modules published within your module manager can be embedded.
Getting Started
If you already have a module in mind, its as easy as adding:
{loadposition user21}
Just add above syntax in your article where you would like the module to appear & edit “user21″ to reflect the position of the module you would like to embed & your done.
Here is a short tutorial showing how to make your own custom module and embed it in an article on your front page
From the control panel dashboard, click on your module manager
open your module manager
In the top right hand side of your module manager click “New”
Select "New" from the "module manager"
Click “custom HTML” or click radial checkbox to the left of the text and click “next”
Select "Custom HTML" and click "Next"
Enter your “Title” in this case were using “my custom module”
Create a new “user position” by typing one directly into the box, the value can be any number you want.
*TIP* Its best to start with a higher number to avoide using a position already used by your joomla template.
*TIP* Menu assignment, the all setting will allow the module to be embedded on any page in your site
Custom HTML module settings
Now if you scroll down past the settings to the bottom, you will see your editor.
This is where you create your custom module
Create the content to display in your "Custom Module"
When you are done editing your “Custom Module”, scroll back up to the top of the page and click save
(Top Right)
Click "Save" to finish your "Custom Module"
Once you have saved your “Custom Module”,
Click your article manager so you can embed your newly created “Custom Module”
(In this case we are embedding it on the home page of our site)
Click your article manager & select article you wish to include your "Custom Module"
Type: {loadposition user21} into the article where you wish to display your new “custom HTML” module
*TIP* You can also center the syntax or place it in a table
if you wish to further control where the “Custom HTML” module displays
Type Syntax:{loadposition user21} into your article where you wish to display your new "Custom HTML" module
Now save your article and check it out!
Check out your page & see your new "Custom HTML" module
Recent Comments