Widget shortcodes
JavaScript anchors
| HTML | Widget |
|---|---|
<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:
| Shortcode | Widget |
|---|---|
[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.
Was this page helpful?
Help us improve — drop a note or open the dashboard.