Insert a standard HTML submit input or button. Buttons can also be created using links with anchor tags to direct users to other pages or sites.
[hr]
[tabs]
[clear]
This is the size and style of a default button. Below is the shortcode used to create this button.
[button onclick="alert('Clicked!');"]Default Button[/button]
[clear]
[button_link url="http://mysite.com"]Default Button[/button_link]
[clear]
This is an example of a Small button. Small buttons are just like normal buttons only smaller.
[button style="small" onclick="alert('Clicked!');"]Small Button[/button]
[clear]
[button_link style="small" url="#"]Small Button[/button_link]
[clear]
This is an example of a Large button. Again, just like normal buttons only this time, larger.
[button style="large" onclick="alert('Clicked!');"]Large Button[/button]
[clear]
[button_link style="large" url="#"]Large Button[/button_link]
[clear]
Impact buttons draw attention with large bold text to set them apart from other buttons.
[button style="impactBtn" onclick=""]Impact Button[/button]
[clear]
[button_link style="impactBtn" url="#"]Impact Button[/button_link]
[/tabs]
[clear]
[clear]
Specify the button background and text colors using the background
and color
parameters.
[clear]
[button color="#fff" background="#1693A5"]Click me[/button]
[clear] [hr]
Specify a theme icon to use on a button. Enter the name for your button icon using the icon
parameter.
[clear]
[button icon="icon-ok"]Icon Button[/button]
[clear]
[clear] [hr]
[code][button]Button Text[/button][/code]
[hr]
[code][button_link url=”http://www.mysite.com”]Button Text[/button_link][/code]
[clear]
[clear]