Button Shortcodes

3 Different Sizes

[button size=”small” link=”/” icon=”heart”]Small Button[/button]

[button size=”medium” link=”/” icon=”heart”]Medium Button[/button]

[button size=”big” link=”/” icon=”heart”]Big Button[/button]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[button size=”small” link=”/” icon=”heart”]Small Button[/button]

[button size=”medium” link=”/” icon=”heart”]Medium Button[/button]

[button size=”big” link=”/” icon=”heart”]Big Button[/button]

[/get_the_code]

[/toggle]

[divider]

2 Alternatives Styles

[button size=”medium” link=”/” style=”simple” icon=”heart”]Simple Button[/button]

[button size=”medium” link=”/” style=”solid” icon=”laptop”]Solid Button[/button]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[button size=”medium” link=”/” style=”simple” icon=”heart”]Simple Button[/button]

[button size=”medium” link=”/” style=”solid” icon=”laptop”]Solid Button[/button]

[/get_the_code]

[/toggle]

[divider_top]

2 Different Types

[button size=”medium” link=”/” type=”simple” style=”simple”]Simple Button[/button]

[button size=”medium” link=”/” type=”wide” style=”simple”]Wide Button[/button]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[button size=”medium” link=”/” type=”simple” style=”simple”]Simple Button[/button]

[button size=”medium” link=”/” type=”wide” style=”simple”]Wide Button[/button]

[/get_the_code]

[/toggle]

[divider_top]

Multiline label

[button size=”small” link=”/”]Small button Second Line[/button] [button size=”medium” link=”/”]Medium button Second Line[/button] [button size=”big” link=”/”]Big button Second Line[/button]

[button size=”small” link=”/” style=”simple”]Small button Second Line[/button] [button size=”medium” link=”/” style=”simple”]Medium button Second Line[/button] [button size=”big” link=”/” style=”simple”]Big button Second Line[/button]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[button size=”small” link=”/”]Small button Second Line[/button]
[button size=”medium” link=”/”]Medium button Second Line[/button]
[button size=”big” link=”/”]Big button Second Line[/button]

[button size=”small” link=”/” style=”simple”]Small button Second Line[/button]
[button size=”medium” link=”/” style=”simple”]Medium button Second Line[/button]
[button size=”big” link=”/” style=”simple”]Big button Second Line[/button]

[/get_the_code]

[/toggle]

[divider_top]

Linking Methods

[button size=”medium” link=”http://vimeo.com/12613824″ linking=”default”]Open in a same window[/button] [button size=”medium” link=”http://vimeo.com/12613824″ linking=”new-window”]Open in a new window[/button]
[button size=”medium” link=”/wp-content/uploads/2013/05/photo_08_v01.jpg” linking=”lightbox” style=”simple”]Open Image in a lightbox[/button] [button size=”medium” link=”http://vimeo.com/12613824″ linking=”lightbox” style=”simple”]Open Movie in a lightbox[/button] [button size=”medium” style=”simple” link=”http://maps.google.pl/maps?q=New+York&hl=pl&sll=51.127065,16.991864&sspn=0.08845,0.264187&hnear=Nowy+Jork,+Stany+Zjednoczone&t=m&z=13″ linking=”lightbox”]Open Google Map in a lightbox[/button]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[button size=”medium” link=”http://vimeo.com/12613824″ linking=”default”]Open in a same window[/button]
[button size=”medium” link=”http://vimeo.com/12613824″ linking=”new-window”]Open in a new window[/button]

[button size=”medium” link=”/wp-content/uploads/2013/05/photo_08_v01.jpg” linking=”lightbox” style=”simple”]Open Image in a lightbox[/button]
[button size=”medium” link=”http://vimeo.com/12613824″ linking=”lightbox” style=”simple”]Open Movie in a lightbox[/button]
[button size=”medium” style=”simple” link=”http://maps.google.pl/maps?q=New+York&hl=pl&sll=51.127065,16.991864&sspn=0.08845,0.264187&hnear=Nowy+Jork,+Stany+Zjednoczone&t=m&z=13″ linking=”lightbox”]Open Google Map in a lightbox[/button]

[/get_the_code]

[/toggle]

[divider_top]

Custom Color Scheme

[button size=”medium” link=”/” bg_color=”#f1c40f” text_color=”#ffffff”]Yellow[/button] [button size=”medium” link=”/” bg_color=”#e67e22″ text_color=”#ffffff”]Orange[/button] [button size=”medium” link=”/” bg_color=”#e74c3c” text_color=”#ffffff”]Red[/button] [button size=”medium” link=”/” bg_color=”#9b59b6″ text_color=”#ffffff”]Purple[/button] [button size=”medium” link=”/” bg_color=”#3498db” text_color=”#ffffff”]Blue[/button] [button size=”medium” link=”/” bg_color=”#2ecc71″ text_color=”#ffffff”]Green[/button]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[button size=”medium” link=”/” bg_color=”#f1c40f” text_color=”#ffffff”]Yellow[/button]
[button size=”medium” link=”/” bg_color=”#e67e22″ text_color=”#ffffff”]Orange[/button]
[button size=”medium” link=”/” bg_color=”#e74c3c” text_color=”#ffffff”]Red[/button]
[button size=”medium” link=”/” bg_color=”#9b59b6″ text_color=”#ffffff”]Purple[/button]
[button size=”medium” link=”/” bg_color=”#3498db” text_color=”#ffffff”]Blue[/button]
[button size=”medium” link=”/” bg_color=”#2ecc71″ text_color=”#ffffff”]Green[/button]

[/get_the_code]

[/toggle]

[divider_top]

[icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]

Shortcode Documentation

[button doc=”true”]