Skip to content
Vuukle Docs

ShareBar widget

ShareBar (sometimes called Powerbar) is the social-share bar that combines share buttons with a reaction icon. It can render horizontally inline with the article or vertically sticky to the side.

Vuukle ShareBar widget

Enable

<!-- Horizontal -->
<div class="vuukle-powerbar"></div>


<!-- Vertical sticky -->
<div class="vuukle-powerbar-vertical"></div>

Configuration

<script>
  var VUUKLE_CONFIG = {
    apiKey: 'YOUR_API_KEY',
    articleId: 'post-12345',
    powerbar: {
      enabled: true,
      defaultEmote: 2,         // index 1–6: which emote shows in the share bar
      verticalPosition: '400px', // distance from top for the vertical sticky bar
    },
  };
</script>

In the dashboard, Settings → Site Settings → ShareBar Settings lets you pick which social networks appear, the default emote, and the vertical-bar offset — without touching code.

Vertical sticky styling

For the vertical share bar, add a CSS block in WordPress → Settings → Vuukle → ShareBar Styles to position it. Example:

.vuukle-powerbar-vertical {
  position: fixed;
  top: 30%;
  left: 20px;
  z-index: 100;
}
Was this page helpful?
Help us improve — drop a note or open the dashboard.
Email support Open dashboard ↗ Suggest an edit ↗