Save This has arrived!

Hubbub Pro: How Do I Customize This Plugin

Social sharing tools have been a must for blogs over the past few years, and our plugin Hubbub has made it simple to have a variety of sharing tools in one easy-to-use plugin. 

Hubbub Pro is packed with options that allow you to tailor the social sharing experience to match your site and audience’s needs. 

Setting up Hubbub Pro

You’ll notice that Hubbub Pro has many more location options over the free version of Hubbub. You can set social buttons in the following locations:

  • Floating Sidebar — this will move along with the user down the side of your content
  • Inline Content — buttons appear within your content, either above or below the post
  • Sticky Bar — on mobile, buttons stick to the bottom or top of the screen. Note: If you are using display adhesion ad units, a Sticky Bar at the bottom will be covered by the adhesion unit.
  • Pop Up — shows up on the screen based on user intent
  • Image Hover Pinterest Button — adds a quick pin button to the corner of images. Note: If you have another Pin It plugin or the Chrome Pinterest Extension enabled, you will see multiple buttons.

To activate, all you need to do is click the switch where it says INACTIVE. Once active, the location will have settings that you can customize.

Grow Social Pro toolkit settings

Be strategic about your placements, and don’t activate all of them! Look at your site as a user, not as a blogger — or better yet, have a non-blogger friend check it out while you make changes!

You can also use tools like heat maps to determine the best place to put your buttons for your audience. Don’t forget to optimize for mobile first, as most traffic comes from mobile devices rather than desktop.

Customizing Hubbub Pro Settings

After you choose which button location(s) you’ll be using, a new menu option for that location will appear in your WordPress sidebar. When you click on that, it will take you to customization settings for the location. You can also get there via the Hubbub Toolkit screen by clicking on settings for each enabled location.

The first thing to do is enable the networks you want shown. There are a variety of networks to choose from, so pick the ones you see the most benefit from.

Grow Social Pro network options

For most bloggers, this will likely be Facebook and Pinterest, and possibly Mix or Yummly. The Email button is a great option as well, so readers can send posts to themselves or friends.

After selecting the networks, you can choose your button style, shape, position and more. If you like having Call to Action text for your social sharing, this is also where you can add it!

Using Share Counts

In Hubbub Pro, you can enable social share counts, or keep them off. While share counts were previously important for “social proof,” this tends to no longer be the case as traffic originating from search engines grows. 

For both Twitter and Facebook, you’ll need to authorize access to grab social share counts. Twitter uses TwitCount and Facebook requires connecting to the Hubbub Facebook App, or you can create your own Facebook app.

Matching Hubbub to Your Site

By default, social sharing icons in Hubbub Lite and Hubbub Pro are branded to the platform. That is, Facebook icons are blue, Pinterest icons are red and so on. If you’ve branded your site theme to a certain color scheme, you probably want to change your social sharing icons to match. 

Fortunately, this is easy to do in Hubbub Pro.

Once you’re on the settings page, scroll down until you get to Buttons Custom Colors. Here you can either use a hexcode or play around with the color slider to get the options you want. Be sure to keep in mind that color can affect site accessibility

selecting colors in Grow Social Pro

Tip: If you don’t have the hexcodes for your site colors written down somewhere, please do so! Consistent color schemes are one of the easiest ways to brand your site across platforms.

Don’t forget to hit save, and check how your buttons look on your site. You might even want to try a few different options to achieve the best look.