Need help with Vuukle?🤔

This is the place you are looking for!

PowerBar widget and everything you need to know about it

Updated over a month ago

Emotes Widget



HOW TO ENABLE


Enable Vuukle PowerBar widget using WordPress plugin:

In your WordPress Admin panel, go into Settings > Vuukle and choose On for Show Share Bar

Enable PowerBar in WordPress



For Blogger:

In your Blogger dashboard, go into Layout tab, edit the Vuukle HTML/JavaScript widget and insert the shortcode [vuukle-powerbar]. Then click the Save button.



For JavaScript:

In your website’s HTML, insert the following code where you want the PowerBar widget to display

<div class="vuukle-powerbar"></div>
<div class="vuukle-powerbar-vertical"></div> - Use this div for vertical mode



HOW TO CUSTOMIZE


JS variables:

powerbar: { enabled: false, //Enables PowerBar widget on the page defaultEmote: 2, //Setting shown emote by default verticalPosition: '400px', //
Space from top for veritcal powerbar


WordPress Settings

Wordpress Powerbar Settings:

WP PowerBar



Change PowerBar widget type using WordPress plugin:

In your WordPress Admin panel, go into Settings > Vuukle, click on the Share Bar Type settings and choose Vertical.


WP PowerBar


Put CSS styles for Share Bar Styles (only for vertical type) to place the PowerBar as you like

WP PowerBar