1. Home
  2. Docs
  3. Supreme Shortcodes
  4. Shortcodes
  5. Buttons

Buttons

Links and buttons are very important when creating page content. With the Supreme Shortcodes plugin you’ll have a large variety of sizes and unlimited colours at your disposal. Now you can create beautiful buttons on the fly using the Shortcode Builder. Advanced option have been integrated into the Post/Page text editor allowing you to instantly generate buttons of any type without having to write the shortcode markup yourself. Use these supreme Call To Actions to create your marketing funnels.

3D Buttons

Options:

  • Link
  • Text
  • Target (same window or new tab)
  • Size (4 sizes)
  • Background Colour
  • Text Colour
  • Border roundness
  • Icon
  • Icon Spin
  • Class
Supreme Shortcodes - 3D Button  Supreme Shortcodes - 3D Button

        
[st_button text_color="#ffffff" link="#" background="#3498db" size="large" target="_self"]Large Button[/st_button]
    

Hover Buttons

Options:

  • Link
  • Text
  • Target (same window or new tab)
  • Size (4 sizes)
  • Background Colour
  • Text Colour
  • Hover Colours (background and text)
  • Border roundness
  • Border thickness
  • Icon
  • Icon Spin
  • Text transformation (Uppercase, Capitalise, Lowercase)
  • Class
Supreme Shortcodes - Hover Button  Supreme Shortcodes - Hover Button  Supreme Shortcodes - Hover Button

        
[st_hover_fancy_icon_button link="#" target="blank" size="large" background="#f50054" hover_background="#f50054" text_color="#ffffff" icon="icon: angle-right" icon_spin="no" icon_color="#ffffff" icon_background="#d20249" icon_position="ss-icon-right" icon_separator="ss-sep-diagonal" border_radius="0" text_transform="none" font_weight="normal" border_width="1px"]Click Here[/st_hover_fancy_icon_button]
    

Sharing Buttons

Options:

  • Choose from: Facebook Like, Facebook Share, Twitter, Pinterest, LinkedIn, Tumbler
  • Class
Supreme Shortcodes - Sharing Button Facebook Like

        
[st_fblike style="standard" fb_size="small" width="200"]