Button Shortcodes

3 Different Sizes

Small Button Medium Button Big Button

2 Alternatives Styles

Simple Button Solid Button

2 Different Types

Simple Button Wide Button

Multiline label

Small button Second Line Medium button Second Line Big button Second Line

Small button Second Line Medium button Second Line Big button Second Line

Linking Methods

Open in a same window Open in a new window
Open Image in a lightbox Open Movie in a lightbox Open Google Map in a lightbox

Custom Color Scheme

Yellow Orange Red Purple Blue Green

Get The Code

Yellow
Orange
Red
Purple
Blue
Green

Shortcode Documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • linking
    What to do when user clicks the button?
    Available Options:
    • default - open in the same window
    • new_window - open in a new window
    • lightbox - open in a lightbox
  • link
    The destination to which the link leads
  • lightbox_group
    Fill in this field, if you want different elements to be in one gallery
  • align
    Available Options:
    • left
    • center
    • right
  • size
    Available Options:
    • small
    • medium
    • big
  • type
    Available Options:
    • standard
    • wide
  • style
    Available Options:
    • simple
    • solid
  • icon
    Available Options:
    All icons available on Font Awesome site
  • title
  • text_color
    Text Color
  • bg_color
    Background Color