WS-Shortcodes - Clever and Simple Joomla Shortcode System

This awesome Joomla Shortcode Plugin is build with a lot of for details, a powerful and flexible Shortcode System for Joomla and responsive Web Design. We included a lot of Features in this Joomla Plugin to customize it for your needs. When editing an Article, simply click the Typography Button and choose your Shortcode. See all Snippets below:

NOTE: for many Shortcodes you need a Pipe '|'. Make them on Windows ALT GR + < > or make them on Mac ALT + 7. Attention: The Shortcode Button works NOT with Frontend Editing!

Gridsystem

Gridsystem

Please set the complete Number of Columns always full to 12, means when you have {col4} and {col3} your last columns is {col5}.
Gridsystem Demo

{row} {col4}Your Content goes here{/col} {col4}Your Content goes here{/col} {col4}Your Content goes here{/col} {/row}

{row} {col2}Your Content goes here{/col} {col3}Your Content goes here{/col} {col7}Your Content goes here{/col} {/row}

Row Start{row} 1 Column{col1} 2 Column{col2} 3 Column{col3} 4 Column{col4} 5 Column{col5} 6 Column{col6}

Row End{/row} 7 Column{col7} 8 Column{col8} 9 Column{col9} 10 Column{col10} 11 Column{col11} 12 Column{col12}
Icons
Icon{icon | icon-name} Icon Black{icon-black | icon-name} Icon White{icon-white | icon-name} Icon Templatecolor{icon-templatecolor | icon-name} See all available Icons
Icons-List
Icon List {icon-list} {list-black | icon-name}Type in some text to display in this list{/list} {list-black | icon-name}Type in some text to display in this list{/list} {list-black | icon-name}Type in some text to display in this list{/list} {/icon-list} Icon List Templatecolor {icon-list} {list-templatecolor | icon-name}Type in some text to display in this list{/list} {list-templatecolor | icon-name}Type in some text to display in this list{/list} {list-templatecolor | icon-name}Type in some text to display in this list{/list} {/icon-list} See all available Icons
Responsive Videos
Vimeo Videos{vimeo}Place here the Vimeo ID like 21762736, simply look at the URL{/vimeo} YouTube Videos{youtube}Place here the YouTube ID like Yq_6kEyIAcM, simply look at the URL{/youtube} YouTube Wide Videos{youtube-wide}Place here the YouTube ID like N966cATFWjI, simply look at the URL{/youtube-wide}
Buttons & Labels
Button Demo{button | small | black | http://www.google.de | Jump to Google} Button{button | Size: tiny, small, medium, large | Color: templatecolor, white, black | Your Link goes here | Name your Button here} Label Demo{label | radius | success | Awesome} Label{label | Style: radius, round, square | Color: success, alert, secondary, templatecolor | Your Text goes here}
Toggles
Toggle 1{toggle1 | Title of the Tab}Your Content goes here{/toggle} Toggle 2{toggle2 | Title of the Tab}Your Content goes here{/toggle} Toggle 3{toggle3 | Title of the Tab}Your Content goes here{/toggle}
Tooltips
Tooltip Demo{tooltip | I am a Tooltip | 200 | top | Tooltip} Tooltip{tooltip | Place here Content of the Tooltip | Width in Pixels | Position (left, right, top, bottom) | Word for Tooltip}
Overlays
Overlay Demo{overlay | top | # | /images/image1.jpg}Morbi leo risus{/overlay} Overlay{overlay | Position (left, right, top, bottom) | Your Link | Your Image}Your Text for Overlay{/overlay}
Blockquotes
Blockquote{blockquote}Your Content goes here{/blockquote} Blockquote with Name{blockquote}Your Content goes here{/blockquote-name | Name here}
Dropcaps
Dropcap 1{dropcap1}Your Letter goes here{/dropcap} Dropcap 2{dropcap2}Your Letter goes here{/dropcap} Dropcap 3{dropcap3}Your Letter goes here{/dropcap} Dropcap 4{dropcap4}Your Letter goes here{/dropcap}
Panels
Panel White{panel-white}Your Content goes here{/panel} Panel Black{panel-black}Your Content goes here{/panel} Panel Templatecolor{panel-templatecolor}Your Content goes here{/panel}
Messages
Message Box Demo{message-box | red | Message Box Red}Integer posuere erat a ante venenatis dapibus posuere velit aliquet.{/message-box} Message Box{message-box | Style: red, blue, yellow, green | Type your Headline here}Your Text goes here{/message-box} Message Demo{message | success}This is a green success message{/message} Message{message | Style: red, blue, yellow, green, grey, success, error, info, warning, templatecolor}Your Text goes here{/message}
Shadow Boxes
Box 1{box1}Your Content goes here{/box} Box 2{box2}Your Content goes here{/box} Box 3{box3}Your Content goes here{/box} Box 4{box4}Your Content goes here{/box} Box 5{box5}Your Content goes here{/box} Box 6{box6}Your Content goes here{/box}
ToTop Links
ToTop Link{toptop-link | Name your Link here} ToTop Link{toptop-line | Name your Link here}
Misc
Spacer Demo{spacer | 50px} Spacer{spacer | Height of the Spacer} Liner Demo{liner | 10px 0 20px 0} Liner{liner | Margins of the Line (Top, Right, Bottom, Left)}
Reveal
Reveal Link Demo{reveal-link | reveal1 | Open} Reveal Link{reveal-link | Module Name (reveal1, reveal2, ...) | Name of the link} Reveal Image Demo{reveal-image | reveal1 | /images/image1.jpg)} Reveal Image{reveal-image | Module Name (reveal1, reveal2, ...) | Path to image (your-domain.com/images/image1.jpg)} Reveal Button Demo{reveal-button | reveal1 | small | black | Open} Reveal Button{reveal-button | Module Name (reveal1, reveal2, ...) | Size: tiny, small, medium, large | Color: templatecolor, white, black | Name of the Button}
Comments
Comments Demo{comments | DisqusUser} Comments{comments | Your Disqus Username/Short URL, make an Account on www.disqus.com} Comments Last Demo{comments-last | DisqusUser | 5 | 0 | 50 | 200} Comments Last{comments-last | Your Disqus Username/Short URL, make an Account on www.disqus.com | How many last Comments should be visible | Hide Avatars (0=false, 1=true) | Avatar width | How many Charakters of the Comment should visible}
Pricing Tables
Pricing Table {pricing} {row} {col6}Place here an unordered List (ul, li){/col} {col6}Place here an unordered List (ul, li){/col} {/row} {/pricing} Pricing Table Demo {pricing} {row} {col6} <ul> <li>Standard</li> <li>$20</li> <li>Perfect for those getting started with Hosting.</li> <li>1 Database</li> <li>5GB Storage</li> <li>Unlimited Users</li> <li>No Time Tracking</li> <li>Enchaned Security</li> <li><a href="#" class="button medium black">Buy now</a></li> </ul> {/col} {col6} <ul> <li>Standard</li> <li>$20</li> <li>Perfect for those getting started with Hosting.</li> <li>1 Database</li> <li>5GB Storage</li> <li>Unlimited Users</li> <li>No Time Tracking</li> <li>Enchaned Security</li> <li><a href="#" class="button medium black">Buy now</a></li> </ul> {/col} {/row} {/pricing}

Included in most of our responsive Joomla Templates

Browse all Templates

We're sorry, but this Plugin is not for Sale cause it will only work with the Foundation Framework. But no matter, it's included for free in most of our responsive Joomla Templates. See the full feature list here.

Simple

This Plugin is so simple to use, only click the Button and choose your favorite Shortcode, customize it, ready

Powerful

You have the Control over your Content back with so so many Shortcodes you can use nearly everywhere in Joomla

Button

Comfortable Selection of the favorite Shortcode possible, only one click to insert the Shortcode into Content

Options

There are so many Shortcodes with a lot of options to customise it for your needs, you will love this