Button shortcode

Updated: September 28, 2015

Button shortcode will allow you to add button to any page inside visual editor. For instance it can be added between paragraphs of texts. You can insert button by clicking on green button in visual editor:

shortcode list

You can set up many options for your button including color, target link and texts:

button shortcode

Final code on your page will look something like:

[button width="41.2%" title="AIT Themes Button" description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod..." iconurl="http://preview.ait-themes.com/theme/directory2/wp-content/uploads/sites/7/lists-white.png" iconalign="left" textalign="left" align="center" bgcolor="#8CC000" textcolor="#FFFC00"]

The code above will generate the following button:

button icon AIT Themes Button Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod...

List of the Button’s Settings

Settings Default Value Unit / Available Options Settings Description
title AIT Themes text main title of the button
titlecolor – colorpicker color of main title
description – text description text of the button
textcolor – colorpicker color of description text
textalign center center, left, right text alignment in the button
width 180px px, % button’s width
url https://www.ait-themes.club link button’s link
bgcolor – colorpicker button’s color
align none none, left, right, center button’s alignment
iconurl – url link to image of the icon
iconalign left left, right, top, bottom position of the icon in the button
margintop – px, % margin above the button
marginleft – px, % left margin of the button
marginright – px, % right margin of the button
marginbottom – px, % margin under the button