Basic Example

Button
Shortcode 
[su_button url="https://getshortcodes.com/" target="blank"]Button[/su_button]

Styles and Colors

Style: Default Style: Flat Style: Ghost Style: Soft Style: Glass Style: Bubbles Style: Noise Style: Stroked Style: 3d
Shortcode 
[su_button url="https://getshortcodes.com/" target="blank" style="default"] Style: Default [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" style="flat"] Style: Flat [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" style="ghost" color="black"] Style: Ghost [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" style="soft"] Style: Soft [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" style="glass"] Style: Glass [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" style="bubbles"] Style: Bubbles [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" style="noise"] Style: Noise [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" style="stroked"] Style: Stroked [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" style="3d"] Style: 3d [/su_button]
BUY NOW SUBSCRIBE GET STARTED LIVE DEMOS VIEW EXAMPLES COMPARE PLANS LEARN MORE START CREATING CHOOSE PLAN
Shortcode 
[su_button url="https://getshortcodes.com/" background="#e73d28" size="5" target="blank" style="default"] BUY NOW [/su_button]

[su_button url="https://getshortcodes.com/" background="#67b565" size="5" target="blank" style="flat"] SUBSCRIBE [/su_button]

[su_button url="https://getshortcodes.com/" background="#3981b3" size="5" target="blank" style="ghost" color="black"] GET STARTED [/su_button]

[su_button url="https://getshortcodes.com/" background="#b339af" size="5" target="blank" style="soft"] LIVE DEMOS [/su_button]

[su_button url="https://getshortcodes.com/" background="#39b3a3" size="5" target="blank" style="glass"] VIEW EXAMPLES [/su_button]

[su_button url="https://getshortcodes.com/" background="#ebcb4b" size="5" target="blank" color="#333" style="bubbles"] COMPARE PLANS [/su_button]

[su_button url="https://getshortcodes.com/" background="#333" size="5" target="blank" style="noise"] LEARN MORE [/su_button]

[su_button url="https://getshortcodes.com/" background="#eb7d4b" size="5" target="blank" style="stroked"] START CREATING [/su_button]

[su_button url="https://getshortcodes.com/" background="#78eb4b" size="5" target="blank" color="#333" style="3d"] CHOOSE PLAN [/su_button]

Icons

See the complete list of available icons

CHOOSE PLAN DOWNLOAD
Shortcode 
[su_button url="https://getshortcodes.com/" background="#78eb4b" size="5" target="blank" color="#333" style="3d" icon="icon: star"] CHOOSE PLAN [/su_button]

[su_button url="https://getshortcodes.com/" background="#78eb4b" size="5" target="blank" color="#333" style="3d" icon="icon: cloud-download"] DOWNLOAD [/su_button]

Multiple Buttons Inline

Button Button Button
Shortcode 
[su_button url="https://getshortcodes.com/" target="blank"]Button[/su_button]
[su_button url="https://getshortcodes.com/" target="blank"]Button[/su_button]
[su_button url="https://getshortcodes.com/" target="blank"]Button[/su_button]

Call-to-Action (combined with Panel)

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

Button
Shortcode 
[su_panel background="#f1f9ff" color="#001e34" border="1px solid #001e34" radius="3"]
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

[su_button url="https://getshortcodes.com/" target="blank" size="4"]Button[/su_button]
[/su_panel]

Size Variations

Size: 1 Size: 2 Size: 3 Size: 4 Size: 5 Size: 6 Size: 7 Size: 8
Shortcode 
[su_button url="https://getshortcodes.com/" target="blank" size="1"] Size: 1 [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" size="2"] Size: 2 [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" size="3"] Size: 3 [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" size="4"] Size: 4 [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" size="5"] Size: 5 [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" size="6"] Size: 6 [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" size="7"] Size: 7 [/su_button]

[su_button url="https://getshortcodes.com/" target="blank" size="8"] Size: 8 [/su_button]

Wide and Centered

BUY NOW
BUY NOW
Shortcode 
[su_button url="https://getshortcodes.com/" background="orangered" size="5" target="blank" style="default" wide="yes"] BUY NOW [/su_button]
[su_button url="https://getshortcodes.com/" background="orangered" size="5" target="blank" style="default" center="yes"] BUY NOW [/su_button]