Helix Shortcode Generator

All JoomShaper templates with Helix Framework on board comes with 11 built-in shortcodes (e.g. tabs, gallery, video, google map etc.) that users can attach to certain pages by adding the corresponding macro codes into articles or even modules. But we went a step further than the competition, we created Helix Shortcode Generator plugin for Joomla 3.x. This is a free plugin for adding & displaying Helix shortcodes on your website.

Info about Shortcodes

Shortcodes are small samples of simple code that can be inserted into Joomla! content (articles/Custom HTML modules) to call larger HTML and Javascript functions.  By using shortcodes with our Helix Framework, you can drastically increase the functionality and display options for your website. Below on screenshot you can see example Accordion tabs result.


We know that adding shortcodes to the Visual Editor can be a pain in the buttocks. Not anymore, we improved UX. Now, you can add all shortcodes and a button to the editor as simply as using an array and this plugin. With this plugin you can easily create tabs, buttons, column layouts, testimonials boxes, google map, accordion slides, gallery or even Progress Bars - in just a few clicks. Using Shortcodes Generator you can quickly and easily retrieve premium template features and display it on your site.

Video tutorial


How to install plugin

You can install it through your Joomla admin dashboard in Extensions --> Extension Manager --> Install. After installing the plugin, you will see a new position in your Plugin Manager called "Helix Shortcode Generator". Remember to enable it.

Using Shortcodes button in Articles

Inserting content into the shortcodes couldn’t be easier. Simply click the "Helix Shortcodes" button and choose of the element you would like to insert.

Now you should fill out all of the available parameters and your content, for example Title and Content of tabs. You can simply include these info in your shortcode as well later. 

The shortcodes will automatically populate with the content you entered.  

Save your changes and preview your updated page. You should see working Tabs or other effect which you've selected.

Using Shortcodes button in HTML Module

All kinds of Shortcodes can be also used in Custom HTML modules, Joomla! offers the possibility to apply additional functions to content, but because they are from plugin it needs to be enabled in module options in each module which you going to use for them.

In Custom HTML module type (Option tab), the option is called:Prepare Content must be [YES]. If you turn on the Prepare Content, the HTML content you added to the module will be treated as any article content. Note: But there are some third-party modules that don't have the "Prepare Content" option.

All rest steps are this same as it was in article example.


In summary

Hopefully we’ve effectively demonstrated that with JoomShaper shortcodes you can easily create functional and visually pleasing designs for your Joomla site.