Introduction to ShortcodesLatest update: June 11, 2018 | Reading time: 2 to 3 minutes
What is a shortcode?
Shortcodes, introduced in WordPress 2.5, could be considered as macros that allow you to add scripts ( PHP, HTML, JS, etc. ) in posts, pages, widgets without writing any code directly. Shortcodes have a markup similar to HTML tags, with the difference that shortcode tags are using brackets.
In example, a basic self-closing shortcode that allows you display a gallery would look like this:
[gallery id="123" size="medium"]
There are also shortcodes with start / end tags, such as the caption:
Both of the shortcodes displayed above, along with several others, are included with WordPress.
WPBakery Page Builder Shortcodes
The WPBakery Page Builder is actually a graphical user interface that allows you to easily add/edit shortcode elements on the main post editor. This is a very handy feature, since managing loads of complex shortcodes using directly the markup ( as displayed above ) would be at least frustrating.
The WPBakery Page Builder plugin itself includes dozens of basic post editing shortcodes ( rows, columns, texts, post grids, etc. ) that will help you easily design your landing pages. Click here to review what you can do with WPBakery Page Builder.
On top of that, our theme comes with additional niche-related shortcodes, also managed via the page builder interface, which will make the landing page design an easy process even for novice users.
Default Page Builder Templates
For those who want easily replicate a theme demo element or a whole demo page on the Page Builder interface, you should consider using our predefined templates.
On the Backend Editor, you just click on the templates icon on the top left corner. It will display a panel similar to the above, where all you have to do is to click on the selected template and after a couple of seconds it will be appended on your page builder, waiting for you to edit it as you like.