EmojiSup Widget

Want a cool emoji bar like this on your site?

Add a free emoji reaction widget in seconds.

In the HEAD section of your site, add:

<script src="//api.swiftmoji.com/widget.js?3"></script>

In the BODY section of your site, add:

<div data-emojisup></div>

Copy and paste the code above into your page where you want the widget to appear.

---

Once loaded, the script will automatically load the required stylesheet and scan the page for elements with the [data-emojisup] attribute, rendering reaction widgets in those locations. Each widget is assigned a unique ID, allowing multiple widgets to appear on the same page.

You can also specify a custom ID manually, for example:

<div data-emojisup="" id="random-id-1"></div>

In this case, the widget will use the specified ID.
Important: If the ID changes, a new widget will be initialized and all reaction counters will reset.

If your page uses dynamically loaded content where the widget should appear, you need to call the following method after the content loads:

<script>
    emojiSup.update();
</script>

This method updates the list of widgets on the page and initializes any new ones.

Emoji Podcast