Need help with Vuukle?🤔

This is the place you are looking for!

How to install Vuukle 2.0 platform using JavaScript?

Updated over a month ago

To embed Vuukle platform using JavaScript, log into the Vuukle dashboard and open the Integration drop-down present in the top menu. Then, proceed to click on the API Docs link

how to embed vuukle 2 0 via js img 2

Get your API key

Get API KEY step

Copy this script to your page:

<script>
  var VUUKLE_CONFIG = {
    apiKey: 'Place Your API Key Here',
    articleId: 'Generate Unique id for your article',
  };
  // ⛔️ DON'T EDIT BELOW THIS LINE
  (function() {
    var d = document,
      s = d.createElement('script');
    s.src = 'https://cdn.vuukle.com/platform.js';
    (d.head || d.body).appendChild(s);
  })();
</script>

Change values in apiKey and articleId to the valid ones.

Place the code in your website’s HTML where you would like the comment system to appear. The shortcodes for displaying the various Vuukle plugins are as follows –

<div id='vuukle-comments'></div> – Displays the main Vuukle comment system

<div id='vuukle-emote'></div> – Displays the Emotes widget for the page

<div id='vuukle-newsfeed'></div> – Displays the Newsfeed widget for the page

<div class='vuukle-powerbar'></div> – Displays the social media share buttons. Can be included multiple times in a page.


Placeholder Values

  • apiKey {string}: Publisher API key

  • articleId {number | string}: Article ID