Button Shortcodes

Button Size

[button link= »# » new_tab= »true » size= »XXS » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »false » size= »XS » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »false » size= »S » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »false » size= »M » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »true » size= »L » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »true » size= »XXL » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »true » size= »3XL » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »false » size= »4XL » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]
[button link= »# » new_tab= »true » size= »5XL » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Button[/button]

Button Color

[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »bright » color= »red » shape= »sharp » custom_class= » » ]Red[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »black » shape= »sharp » custom_class= » » ]Black[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »blue » shape= »sharp » custom_class= » » ]Blue [/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »green » shape= »sharp » custom_class= » » ]Green[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »bright » color= »crimson » shape= »sharp » custom_class= » » ]Crimson[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »bright » color= »deeppink » shape= »sharp » custom_class= » » ]Deeppink[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »bright » color= »orange » shape= »sharp » custom_class= » » ]Orange[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »bright » color= »darkorange » shape= »sharp » custom_class= » » ]Darkorange[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »teal » shape= »sharp » custom_class= » » ]Teal[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flast » hover= »bright » color= »white » shape= »sharp » custom_class= » » ]White[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »lime » shape= »sharp » custom_class= » » ]Lime[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »gold » shape= »sharp » custom_class= » » ]Gold[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »yellow » shape= »sharp » custom_class= » » ]Yellow[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »darkviolet » shape= »sharp » custom_class= » » ]Darkviolet[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »cyan » shape= »sharp » custom_class= » » ]Cyan[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Theme Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »secaccent » shape= »sharp » custom_class= » » ]Theme Secondary Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »text » shape= »sharp » custom_class= » » ]Main Text Color[/button]

Button Ghost

[button link= »# » new_tab= »true » size= »XL » width= »default » style= »ghost » hover= »bright » color= »red » shape= »sharp » custom_class= » » ]Red[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »black » shape= »sharp » custom_class= » » ]Black[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »blue » shape= »sharp » custom_class= » » ]Blue [/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »green » shape= »sharp » custom_class= » » ]Green[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »ghost » hover= »bright » color= »crimson » shape= »sharp » custom_class= » » ]Crimson[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »ghost » hover= »bright » color= »deeppink » shape= »sharp » custom_class= » » ]Deeppink[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »ghost » hover= »bright » color= »orange » shape= »sharp » custom_class= » » ]Orange[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »ghost » hover= »bright » color= »darkorange » shape= »sharp » custom_class= » » ]Darkorange[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »teal » shape= »sharp » custom_class= » » ]Teal[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »ghost » hover= »bright » color= »white » shape= »sharp » custom_class= » » ]White[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »lime » shape= »sharp » custom_class= » » ]Lime[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »gold » shape= »sharp » custom_class= » » ]Gold[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »yellow » shape= »sharp » custom_class= » » ]Yellow[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »darkviolet » shape= »sharp » custom_class= » » ]Darkviolet[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »cyan » shape= »sharp » custom_class= » » ]Cyan[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Theme Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »secaccent » shape= »sharp » custom_class= » » ]Theme Secondary Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »ghost » hover= »bright » color= »text » shape= »sharp » custom_class= » » ]Main Text Color[/button]

Button 3D

[button link= »# » new_tab= »true » size= »XL » width= »default » style= »3d » hover= »bright » color= »red » shape= »sharp » custom_class= » » ]Red[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »black » shape= »sharp » custom_class= » » ]Black[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »blue » shape= »sharp » custom_class= » » ]Blue [/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »green » shape= »sharp » custom_class= » » ]Green[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »3d » hover= »bright » color= »crimson » shape= »sharp » custom_class= » » ]Crimson[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »3d » hover= »bright » color= »deeppink » shape= »sharp » custom_class= » » ]Deeppink[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »3d » hover= »bright » color= »orange » shape= »sharp » custom_class= » » ]Orange[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »3d » hover= »bright » color= »darkorange » shape= »sharp » custom_class= » » ]Darkorange[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »teal » shape= »sharp » custom_class= » » ]Teal[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »3d » hover= »bright » color= »white » shape= »sharp » custom_class= » » ]White[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »lime » shape= »sharp » custom_class= » » ]Lime[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »gold » shape= »sharp » custom_class= » » ]Gold[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »yellow » shape= »sharp » custom_class= » » ]Yellow[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »darkviolet » shape= »sharp » custom_class= » » ]Darkviolet[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »cyan » shape= »sharp » custom_class= » » ]Cyan[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Theme Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »secaccent » shape= »sharp » custom_class= » » ]Theme Secondary Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »3d » hover= »bright » color= »text » shape= »sharp » custom_class= » » ]Main Text Color[/button]

Button Shade

[button link= »# » new_tab= »true » size= »XL » width= »default » style= »shade » hover= »grow » color= »red » shape= »sharp » custom_class= » » ]Red[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »black » shape= »sharp » custom_class= » » ]Black[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »blue » shape= »sharp » custom_class= » » ]Blue [/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »green » shape= »sharp » custom_class= » » ]Green[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »shade » hover= »grow » color= »crimson » shape= »sharp » custom_class= » » ]Crimson[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »shade » hover= »grow » color= »deeppink » shape= »sharp » custom_class= » » ]Deeppink[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »shade » hover= »grow » color= »orange » shape= »sharp » custom_class= » » ]Orange[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »shade » hover= »grow » color= »darkorange » shape= »sharp » custom_class= » » ]Darkorange[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »teal » shape= »sharp » custom_class= » » ]Teal[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »shade » hover= »grow » color= »white » shape= »sharp » custom_class= » » ]White[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »lime » shape= »sharp » custom_class= » » ]Lime[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »gold » shape= »sharp » custom_class= » » ]Gold[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »yellow » shape= »sharp » custom_class= » » ]Yellow[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »darkviolet » shape= »sharp » custom_class= » » ]Darkviolet[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »cyan » shape= »sharp » custom_class= » » ]Cyan[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »accent » shape= »sharp » custom_class= » » ]Theme Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »secaccent » shape= »sharp » custom_class= » » ]Theme Secondary Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »shade » hover= »grow » color= »text » shape= »sharp » custom_class= » » ]Main Text Color[/button]

Button Link

[button link= »# » new_tab= »true » size= »XL » width= »default » style= »link » hover= »bright » color= »red » shape= »sharp » custom_class= » » ]Red[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »black » shape= »sharp » custom_class= » » ]Black[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »blue » shape= »sharp » custom_class= » » ]Blue [/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »green » shape= »sharp » custom_class= » » ]Green[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »link » hover= »bright » color= »crimson » shape= »sharp » custom_class= » » ]Crimson[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »link » hover= »bright » color= »deeppink » shape= »sharp » custom_class= » » ]Deeppink[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »link » hover= »bright » color= »orange » shape= »sharp » custom_class= » » ]Orange[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »link » hover= »bright » color= »darkorange » shape= »sharp » custom_class= » » ]Darkorange[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »teal » shape= »sharp » custom_class= » » ]Teal[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »link » hover= »bright » color= »white » shape= »sharp » custom_class= » » ]White[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »lime » shape= »sharp » custom_class= » » ]Lime[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »gold » shape= »sharp » custom_class= » » ]Gold[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »yellow » shape= »sharp » custom_class= » » ]Yellow[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »darkviolet » shape= »sharp » custom_class= » » ]Darkviolet[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »cyan » shape= »sharp » custom_class= » » ]Cyan[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »accent » shape= »sharp » custom_class= » » ]Theme Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »secaccent » shape= »sharp » custom_class= » » ]Theme Secondary Accent[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »link » hover= »bright » color= »text » shape= »sharp » custom_class= » » ]Main Text Color[/button]

Button Hover Animation

[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »bright » color= »red » shape= »sharp » custom_class= » » ]Bright[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »grow » color= »black » shape= »sharp » custom_class= » » ]Grow[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »plusegrow » color= »blue » shape= »sharp » custom_class= » » ]Pulse Grow[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »float » color= »green » shape= »sharp » custom_class= » » ]Float[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »buzzout » color= »crimson » shape= »sharp » custom_class= » » ]Buzz Out[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »uleft » color= »deeppink » shape= »sharp » custom_class= » » ]Underline Left[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »ucenter » color= »orange » shape= »sharp » custom_class= » » ]Underline Center[/button]
[button link= »# » new_tab= »true » size= »XL » width= »default » style= »flat » hover= »uright » color= »darkorange » shape= »sharp » custom_class= » » ]Underline Right[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »ureveal » color= »teal » shape= »sharp » custom_class= » » ]Underline Reveal[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »oreveal » color= »lime » shape= »sharp » custom_class= » » ]Overline Reveal[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »shadow » color= »gold » shape= »sharp » custom_class= » » ]Shadow[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »fshadow » color= »cyan » shape= »sharp » custom_class= » » ]Float Shadow[/button]

Button Shape

[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »darkviolet » shape= »sharp » custom_class= » » ]Sharp Shape[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »yellow » shape= »smooth » custom_class= » » ]Smooth Shape[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »gold » shape= »smooter » custom_class= » » ]Smoother Shape[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »green » shape= »rounded » custom_class= » » ]Rounded Shape[/button]
[button link= »# » new_tab= »false » size= »XL » width= »default » style= »flat » hover= »bright » color= »crimson » shape= »pill » custom_class= » » ]Pill Shape[/button]

Button Block

[button link= »# » new_tab= »false » size= »XL » width= »block » style= »flat » hover= »bright » color= »text » shape= »sharp » custom_class= » » ]Full Width Button[/button]