Customize emote images

Vuukle ships six default reactions: Happy, Unmoved, Amused, Excited, Angry, Sad. You can replace any or all of them with your own images and labels.

Per-site (recommended)

In your Vuukle dashboard, open Settings → Site Settings → Emote settings. For each emote slot:

1. Upload an image (PNG or SVG, square, ≥80×80px).
2. Edit the label (the text shown under the emote).
3. Save.

Changes apply to every article on the site within a minute.

Per-page (via VUUKLE_CONFIG)

Override individual emotes inline:

<script>
  var VUUKLE_CONFIG = {
    apiKey: 'YOUR_API_KEY',
    articleId: 'post-12345',
    emotes: {
      firstImg:  'https://cdn.example.com/emotes/love.png',
      firstName: 'Love',
      secondImg: 'https://cdn.example.com/emotes/wow.png',
      secondName: 'Wow',
      // ...
      fifthImg:  'https://upload.wikimedia.org/wikipedia/commons/1/10/Linea_5.png',
      fifthName: 'Angry',
    },
  };
</script>

Disable specific emotes

If you want fewer than six reactions, set emotes.disable to an array of slot indexes (1-based):

emotes: {
  disable: [3, 5], // hides third and fifth emote
}

Related

• Emote widget reference
• General settings