Adder Setup

The Simple Share Buttons Adder does exactly what it says on the tin – adds share buttons to all of your posts and/or pages, simply. You can have share links on your WordPress website/blog in under a minute! More of a watcher than a reader? Watch the tutorial below…

 

Once you have installed and activated your plugin, navigate to the SSBA Admin Panel via ‘Settings’ -> ‘Share Buttons’.

Navigate to the Simple Share Buttons Admin Panel

Navigate to the Simple Share Buttons Admin Panel

You will then be greeted by the following screen:

Simple Share Buttons Admin Panel

Simple Share Buttons Admin Panel

Set where on your site you would like to include your share buttons.

Share Buttons Location

Share Buttons Location

When using the Simple Share Buttons Adder, you can choose their placement on your posts or pages – Before, After, or both. Select the option that you desire from the drop-down option.

Share Buttons Placement

Share Buttons Placement

You can also use [ssba] or [ssba_hide] to show or hide share buttons from posts/pages.

Share Buttons Shortcode

Share Buttons Shortcode

Change the text that appears with your buttons to whatever you wish.

Share Button Text

Share Button Text

Choose your favourite set of Share Buttons from the ‘Image Set’ drop-down menu, or set to ‘Custom’ to upload your own.

Share Buttons Image Sets

Share Buttons Image Sets

Click here to preview the button sets available with the Simple Share Buttons Adder.

Drag, drop and reorder the buttons that you wish to include on your website, from left to right.

Drag, drop and reorder

Drag, drop and reorder

Set the width of your buttons in pixels.

Share Button Size

Share Button Size

Your Share Buttons will follow your default css attribute for images, this has been named on SSBA as ‘Left’, purely because this is the default for most websites. If you wish to center your Share Buttons, select ‘Center’ from the ‘Alignment’ menu. This shall most likely work best for mobile websites.

Share Buttons Alignment

Share Buttons Alignment

Add or reduce the padding around the images by adjusting the ‘Padding’ option.

Share Buttons Padding

Share Buttons Padding

Set your share text to a custom color, or leave blank for it to inherit the color of your main text.

Share Text Color

Share Text Color

Choose from the available font families or set the share text to inherit this from your website.

Share Text Font Family

Share Text Font Family

Set the size of your share text font, in pixels

Share Text Font Size

Share Text Font Size

Pick the weight for your share text

Share font weight

Share font weight

Choose where you would like your text to appear, in relation to the buttons.

Share text placement

Share text placement

Set some padding to the Share Buttons container if needed.

Container Padding

Container Padding

Pick a background colour for the container if you wish.

Background Colour

Background Colour

Set the colour for the container’s border.

Border Colour

Border Colour

Set the width for the container’s border.

Container Border Width

Container Border Width

Check/uncheck the box to add/remove rounded corners to the Share Buttons container.

Rounded Corners

Rounded Corners

If you wish to style the buttons using your own CSS, click ‘custom CSS’ and enter your code in the text box.

Custom CSS

Custom CSS

Check/uncheck the ‘Show’ option to show/hide share counters.

Show Share Count

Show Share Count

Check/uncheck the show once option,leaving it checked deactivates share counts for categories and archives allowing them to load more quickly. This option is recommended to be left checked.

Show Share Counts Once

Show Share Counts Once

Pick the style of counters that suits your website best.

Counters Style

Counters Style

If you’d like to customise your share counts via CSS, click ‘custom CSS’ and enter your own code.

Counters Custom CSS

Counters Custom CSS

Check/uncheck the ‘Links’ option to set share links to open in a new/the same window.

Links in a new window

Links in a new window

Add some text that will be added to emails when shared that way.

Custom Email Text

Custom Email Text

Check/uncheck the ‘Share text link’ option to link/unlink the share text to simplesharebuttons.com

Share Text Link

Share Text Link

Click ‘Save changes’ to save your share buttons setup.

Save changes

Save changes

And that’s it! Your Share Buttons will be displayed where and how you have configured them!

If you require any further assistance, please visit the WordPress Support Forum

Download it here for yourself!