You can add a social share bar that sticks to the bottom of the screen on mobile devices via the "Sticky Bar" option in the Toolkit. 

Sticky Bar Settings

First, select the networks you'd like to include by pressing the "Select Networks" button. 

After you have selected the networks you can sort them in whichever order you wish them to appear on the front-end side of your website. To sort the items, simply click and hold the sort icon on the left of each item and move the network in the desired position. You can also remove networks by clicking the X icon on the right of each item.

Now, decide how and where you'd like them to display.

Display Settings

  • Button Shape: Choose whether the buttons should be rectangular, rounded, or circles.
  • Show Icon Animation: Will animate the social media icon upon hover.
  • Show on device: Choose whether you want the buttons to display on mobile, desktop, or both. 
  • Mobile position: Pick whether you want the buttons to appear on the top or bottom of the screen on mobile. 
  • Mobile screen width (pixels): For screen widths smaller than this setting, the mobile sticky bar will display. It will NOT display on screens larger than this setting. 
  • Intro animation: Choose whether you want no animation, a fade in, or a slide in upon load. 
  • Show after user scrolls: Choose to delay the load of the buttons for site speed.
  • Scroll distance (%): The percentage of the content that the user needs to scroll before the buttons will appear.

Button Share Counts

  • Show share count: Display the share count for each social network.
  • Show total share count: (Desktop only) Will display the total share counts for all social networks that we are able to pull share counts for. 

Button Custom Colors

  • Buttons color: Turns all buttons in the color you have selected. If the buttons hover color is not set, when hovering over the buttons the default color of the social network will show.
  • Buttons hover color: When hovering over the buttons will turn the color of the button into the one you have selected here.
  • Bar background color: Custom background color of the share bar. 

Post Type Display Settings

You can place social sharing buttons on single posts, pages and custom post types that are registered as public. You can select on which post types single posts the floating sidebar should appear.

Did this answer your question?