Documentation

Buttons With Style Pro

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

[bws_group_button id="ID"]

2) Display simple Button

[bws_button id="ID"]

You can also use template code to display button in your theme template.
<?php echo do_shortcode('[bws_group_button id="ID"]'); ?>
<?php echo do_shortcode('[bws_button id="ID"]'); ?>

Updated On jan 30, 2017