ShareBar widget

ShareBar 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.

Enable the widget

JavaScript

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

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

The older class names vuukle-powerbar / vuukle-powerbar-vertical still work for backward-compat. New sites should use vuukle-sharebar.

WordPress

Settings → Vuukle → Share Bar Widget Settings → Show Share Bar → On.

Blogger

Use [vuukle-sharebar-top] or [vuukle-sharebar-bottom] shortcodes in your Vuukle HTML/JavaScript widget.

Configuration is in the dashboard

ShareBar has no browser-side configuration. Everything customizable — which social networks appear, the default emote on the reaction button, vertical-bar offset — is set from Vuukle dashboard → Site Settings → ShareBar Settings.

Want to change…	Where in the dashboard
Which social networks show (Twitter, Facebook, LinkedIn, WhatsApp, etc.)	Site Settings → ShareBar → Networks
Default emote shown in the reaction button	Site Settings → ShareBar → Default emote
Vertical-bar offset (top/side positioning)	Site Settings → ShareBar → Vertical position
Show horizontal vs vertical	Toggle via the WordPress plugin, or include the corresponding <div> on your page

Vertical sticky positioning

If the default vertical-bar position from the dashboard isn’t where you want it, target the wrapper directly with CSS:

.vuukle-sharebar-vertical {
  position: fixed;
  top: 30%;
  left: 20px;
  z-index: 100;
}

Related

Emote widget

The reaction button on the ShareBar uses the same emote set. Emotes →

Customize Emote images

Replace the default reactions. Emote customization →

Comments widget

Often combined with ShareBar. Comments →

General settings

Article metadata that every widget reads. General settings →