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 »]