Skip to main content

Buttons Shortcodes

Check out all the buttons options and can be set in different styles with Visual Composer Button shortcode.

[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Default

[vc_btn title=”Default” style=”classic”][vc_btn title=”Success” contextual=”success”][vc_btn title=”Info” contextual=”info”][vc_btn title=”Warning” contextual=”warning”][vc_btn title=”Danger” contextual=”danger”]

Colors

[vc_btn title=”Primary” skin=”primary”][vc_btn title=”Secondary” skin=”secondary”][vc_btn title=”Tertiary” skin=”tertiary”][vc_btn title=”Quaternary” skin=”quaternary”]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Modern Buttons

[vc_btn title=”Gray”][vc_btn title=”Blue” color=”primary”][vc_btn title=”Turquoise” color=”info”][vc_btn title=”Green” color=”success”][vc_btn title=”Orange” color=”warning”][vc_btn title=”Red” color=”danger”][vc_btn title=”Black” color=”inverse”][vc_btn title=”and more…” color=”purple”][vc_empty_space height=”20px”]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Classic Buttons

[vc_btn title=”Gray” style=”classic”][vc_btn title=”Blue” style=”classic” color=”primary”][vc_btn title=”Turquoise” style=”classic” color=”info”][vc_btn title=”Green” style=”classic” color=”success”][vc_btn title=”Orange” style=”classic” color=”warning”][vc_btn title=”Red” style=”classic” color=”danger”][vc_btn title=”Black” style=”classic” color=”inverse”][vc_btn title=”and more…” style=”classic” color=”purple”][vc_empty_space height=”20px”]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Flat Buttons

[vc_btn title=”Gray” style=”flat”][vc_btn title=”Blue” style=”flat” color=”primary”][vc_btn title=”Turquoise” style=”flat” color=”info”][vc_btn title=”Green” style=”flat” color=”success”][vc_btn title=”Orange” style=”flat” color=”warning”][vc_btn title=”Red” style=”flat” color=”danger”][vc_btn title=”Black” style=”flat” color=”inverse”][vc_btn title=”and more…” style=”flat” color=”purple”][vc_empty_space height=”20px”]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Outline Buttons

[vc_btn title=”Gray” style=”outline”][vc_btn title=”Blue” style=”outline” color=”primary”][vc_btn title=”Turquoise” style=”outline” color=”info”][vc_btn title=”Green” style=”outline” color=”success”][vc_btn title=”Orange” style=”outline” color=”warning”][vc_btn title=”Red” style=”outline” color=”danger”][vc_btn title=”Black” style=”outline” color=”inverse”][vc_btn title=”and more…” style=”outline” color=”purple”][vc_empty_space height=”20px”]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

3D Buttons

[vc_btn title=”Gray” style=”3d”][vc_btn title=”Blue” style=”3d” color=”primary”][vc_btn title=”Turquoise” style=”3d” color=”info”][vc_btn title=”Green” style=”3d” color=”success”][vc_btn title=”Orange” style=”3d” color=”warning”][vc_btn title=”Red” style=”3d” color=”danger”][vc_btn title=”Black” style=”3d” color=”inverse”][vc_btn title=”and more…” style=”3d” color=”purple”][vc_empty_space height=”20px”]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Buttons Sizes

[vc_btn title=”Large Size” color=”primary” size=”lg”][vc_btn title=”Large Size” style=”classic” color=”primary” size=”lg”][vc_btn title=”Large Size” style=”outline” color=”primary” size=”lg”][vc_btn title=”Large Size” style=”flat” color=”primary” size=”lg”][vc_btn title=”Large Size” style=”3d” color=”primary” size=”lg”]
[vc_btn title=”Normal Size” color=”primary”][vc_btn title=”Normal Size” style=”classic” color=”primary”][vc_btn title=”Normal Size” style=”outline” color=”primary”][vc_btn title=”Normal Size” style=”flat” color=”primary”][vc_btn title=”Normal Size” style=”3d” color=”primary”]
[vc_btn title=”Small Size” color=”primary” size=”sm”][vc_btn title=”Small Size” style=”classic” color=”primary” size=”sm”][vc_btn title=”Small Size” style=”outline” color=”primary” size=”sm”][vc_btn title=”Small Size” style=”flat” color=”primary” size=”sm”][vc_btn title=”Small Size” style=”3d” color=”primary” size=”sm”]
[vc_btn title=”Mini Size” color=”primary” size=”xs”][vc_btn title=”Mini Size” style=”classic” color=”primary” size=”xs”][vc_btn title=”Mini Size” style=”outline” color=”primary” size=”xs”][vc_btn title=”MIni Size” style=”flat” color=”primary” size=”xs”][vc_btn title=”Mini Size” style=”3d” color=”primary” size=”xs”]
[vc_empty_space height=”20px”][vc_separator color=”custom” gap=”tall” gradient=”yes”]

Buttons Border Radiuses

[vc_btn title=”Rounded” style=”classic” color=”primary”][vc_btn title=”Square” style=”classic” shape=”square” color=”primary”][vc_btn title=”Round” style=”classic” shape=”round” color=”primary”]

Buttons Icons

[vc_btn title=”Left Icon” style=”classic” color=”primary” i_icon_fontawesome=”fa fa-refresh” add_icon=”true”][vc_btn title=”Right Icon” style=”classic” color=”primary” i_align=”right” i_icon_fontawesome=”fa fa-refresh” add_icon=”true”][vc_btn title=”” style=”classic” color=”primary” i_icon_fontawesome=”fa fa-thumbs-up” add_icon=”true”][vc_btn title=”” style=”outline” color=”primary” i_icon_fontawesome=”fa fa-thumbs-up” add_icon=”true”]