Buttons

Buttons For Every Situation

You are here: Home / Shortcodes / Buttons

SQUARE BUTTONS STANDARD

SMALL BUTTON

MEDIUM BUTTON

LARGE BUTTON

[ww-shortcode-button label="" colour="accent" type="standard" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button label="" colour="accent" type="standard" size="medium" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button label="" colour="accent" type="standard" size="large" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]

SQUARE BUTTONS WITH ARROWS

SMALL BUTTON

MEDIUM BUTTON

LARGE BUTTON

[ww-shortcode-button label="" colour="accent" type="squarearrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button label="" colour="accent" type="squarearrow" size="medium" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button label="" colour="accent" type="squarearrow" size="large" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]

SLIGHTLY ROUNDED BUTTONS

SMALL BUTTON

MEDIUM BUTTON

LARGE BUTTON

[ww-shortcode-button label="" colour="accent" type="slightlyrounded" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]

[ww-shortcode-button label="" colour="accent" type="slightlyrounded" size="medium" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]

[ww-shortcode-button label="" colour="accent" type="slightlyrounded" size="large" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]

SLIGHTLY ROUNDED BUTTONS WITH ARROWS

SMALL BUTTON

MEDIUM BUTTON

LARGE BUTTON

[ww-shortcode-button label="" colour="accent" type="slightlyroundedarrow" size="small" link="" target="_self" ][/ww-shortcode-button]
[ww-shortcode-button label="" colour="accent" type="slightlyroundedarrow" size="medium" link="" target="_self" ][/ww-shortcode-button]
[ww-shortcode-button label="" colour="accent" type="slightlyroundedarrow" size="large" link="" target="_self" ][/ww-shortcode-button]

ROUNDED BUTTONS

SMALL BUTTON

MEDIUM BUTTON

LARGE BUTTON

[ww-shortcode-button lable="" colour="accent" type="rounded" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button lable="" colour="accent" type="rounded" size="medium" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button lable="" colour="accent" type="rounded" size="large" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]

ROUNDED BUTTONS WITH ARROWS

SMALL BUTTON

MEDIUM BUTTON

LARGE BUTTON

[ww-shortcode-button label="" colour="accent" type="roundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button label="" colour="accent" type="roundedarrow" size="medium" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button label="" colour="accent" type="roundedarrow" size="large" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]

COLORED BUTTONS WITH ARROWS

Small button Small button Small button Small button Small button Small button Small button Small button Small button

[ww-shortcode-button label="" colour="black" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button] [ww-shortcode-button label="" colour="grey" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button] [ww-shortcode-button label="" colour="lightgrey" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button] [ww-shortcode-button label="" colour="purple" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button] [ww-shortcode-button label="" colour="lightblue" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button] [ww-shortcode-button label="" colour="turquoise" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button] [ww-shortcode-button label="" colour="green" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button] [ww-shortcode-button label="" colour="orange" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button] [ww-shortcode-button label="" colour="pink" type="slightlyroundedarrow" size="small" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]

BUTTON EFFECTS

Outer Glow Effect Button

Drop Shadow Effect

[ww-shortcode-button label="Outer Glow Effect Button" colour="accent" type="outerglow" size="large" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]
[ww-shortcode-button label="Drop Shadow Effect Button" colour="accent" type="standard" size="large" link="" target="_self" animate_type="scale-up" ][/ww-shortcode-button]