Installation

Installation of Buttons With Style Pro requires a few small clicks. To install the plugin, please use the following steps:

  • Buy Buttons With Style Pro and Upload the ‘buttons-with-style-pro’ folder to the ‘/wp-content/plugins/’ directory
  • Upload the ‘buttons-with-style-pro’ folder to the ‘/wp-content/plugins/’ directory.
  • Activate the Buttons With Style Pro plugin through the ‘Plugins’ menu in WordPress.
  • Enter the Buttons With Style Pro Plugin License under Plugins -> Buttons With Style Pro Plugin License.

Buttons With Style Pro should now be installed successfully!

Getting started with Buttons With Style Pro

Buttons With Style Pro adds a Menu tab in WP Admin side with the name “Buttons With Style Pro” where you can customize the link as per your need with beautiful shortcode.
Screen shows “Buttons With Style Pro” tab in the left side.

There are two type of button

  • Button Group
  • Simple Button

Button Group Settings:

group-button-setting

  • Button Type: First select button type(e.g. : button Group, simple button)
  • Button Text: Enter button name in button text field.
  • Button Link: Enter button link in button link field.
    (e.g. : https://www.wponlinesupport.com)
  • Font Icon: Enter font icon(e.g: play, star, For more Click Here).
  • Action:There are two type of action(e.g: Add more button and Delete button)

Simple Button Settings:

simple-button-setting

  • Button Type: First select button type(e.g. :button Group, simple button)
  • Button Text: Enter button name in button text field.
  • Button Link: Enter button link in button link field.(e.g. : https://www.wponlinesupport.com)
  • Font Icon: Enter font icon(e.g. : play, star, For more Click Here).

Buttons With Style Pro General Settings

button-general-settings

  • Button Type : Select button shape(e.g. : Radius,Square, Round)
  • Button Color Class: Select button color class(e.g. : Black, White Light Grey, etc…)
  • Button Style: Select Button Style. (e.g. : Shadow, Plane, Border, hollow)
  • Button Size: Select button size(e.g. : Tiny, Small, Large)
  • Button Target: Select button target(e.g. : Same Tab, New Tab)

How to display and shortcodes

how-to-short-code

1) Display Button Group

2) Display simple Button

You can also use template code to display button in your theme template.

Updated On jan 30, 2017