Skip to content

Widget shortcodes

JavaScript anchors

HTMLWidget
<div id="vuukle-comments"></div>Comments
<div id="vuukle-emote"></div>Emotes
<div id="vuukle-newsfeed"></div>Newsfeed
<div id="vuukle-newsletter"></div>Newsletter subscribe
<div class="vuukle-powerbar"></div>ShareBar (horizontal)
<div class="vuukle-powerbar-vertical"></div>ShareBar (vertical, sticky)
<a class="vuukle-comment-count" data-id="ARTICLE_ID"></a>Comment count

Blogger shortcodes

Place inside the Vuukle HTML/JavaScript widget in Layout:

ShortcodeWidget
[vuukle-emote]Emotes
[vuukle-subscribe]Newsletter
[vuukle-powerbar-top]ShareBar above the post
[vuukle-powerbar-bottom]ShareBar below the post

Endless-mode anchors

When endlessMode: true, append a unique index to each anchor:

<div class="vuukle-powerbar-{INDEX}"></div>
<div id="vuukle-emote-{INDEX}"></div>
<div id="vuukle-comments-{INDEX}"></div>

And call window.newVuukleWidgets({ elementsIndex: '{INDEX}', ... }) per article.

See infinite scroll install.

Was this page helpful?
Help us improve — drop a note or open the dashboard.