The button shortcodes can be entered manually or through the Button dropdown in the WYSIWYG editor. The shortcut dropdown will insert the shortcode with all availabel options shown. You can delete any that you don't want instead of leaving them blank. This will make your edit screen less cluttered.

Example shortcode with all available options set


[button link="#" text="Your text here" size="large" type="info" icon="cog" icon_color="#333" icon_size="large" text_color="black" spin="yes"]

Default buttons


Button Shortcode Example
[button link="#" text="Default"]
[button link="#" text="Primary" type="primary"]
[button link="#" text="Info" type="info"]
[button link="#" text="Success" type="success"]
[button link="#" text="Warning" type="warning"]
[button link="#" text="Danger" type="danger"]
[button link="#" text="Inverse" type="inverse"]
[button link="#" text="Info Large" type="info" size="large"]
[button link="#" text="Info Small" type="info" size="small"]
[button link="#" text="Info Mini" type="info" size="mini"]
Block level button spans entire container width.
[button link="#" text="Block Level" type="info" size="mini" block="yes"]
Button You can also add icons and effects to your button using the FontAwesome icons.
[button link="#" text="Button" type="warning" icon="spinner" icon_color="#333" text_color="black" spin="yes"]