Button Plugin Pro: Styles, Controls and Placement

Start with the button’s purpose, then pick a format and shape its appearance in Button Plugin Pro’s visual editor. Live preview lets you review changes as you work. When the design is ready, use a widget or the extension’s multiple shortcode selection to place it on your site.

Choose a format and style

Options include simple, icon, social, and drop-down buttons, along with CSS3-inspired 2D and 3D styles. The feature list names nine button types, seven social button sets, and nine sets of other button types. Use these formats for navigation, calls to action, social links, sharing layouts, or other button-based interface elements.

Gradients and hover effects add styling choices. The add-on also lists more than 500 Google Fonts and unlimited color settings for button text and other elements.

Adjust the visual details

Set font size and family, text and hover text colors, alignment, padding, height, width, background and hover background colors, borders, border radius, and border style. Further controls cover text shadows and their colors, including hover colors, as well as button shadows and hover shadows with their associated colors. You can adjust container margin, choose icons, and add custom CSS for additional styling.

Use the live preview to check typography, spacing, colors, borders, shadows, and hover presentation while editing.

Place buttons across your site

Widget placement and multiple shortcode selection let you use buttons in widget areas and in content that accepts shortcodes. Prepare a social set for repeated use, or configure an individual button for a particular link or page section.

Set up a button

1. Install the plugin in WordPress and open its options.
2. Create a button or button set.
3. Select a button type and add any needed icon or social styling.
4. Configure the text, colors, dimensions, borders, shadows, and hover options.
5. Review the design in the live preview.
6. Place it using a widget or the appropriate shortcode selection.