TikTok Emoji Widget for Your Blog
Drop in two lines of HTML and your readers can browse and copy 46+ TikTok hidden emoji codes right from your article. Click-to-copy, mobile-friendly, zero dependencies, ~15KB. Built for creators writing about TikTok culture, comment strategies, or emoji roundups.
Live preview
Click any emoji to copy↑ That is the actual widget your readers will see. No screenshot, no mockup.
Option 1 — Script tag (recommended, DoFollow link included)Recommended
Loads a ~15KB vanilla JS file, renders the widget directly into your page DOM, and adds a small credit footer link to emojitik.com. Best for SEO juice.
<!-- TikTok Emoji Widget by Emoji Tik -->
<div id="tt-emoji-widget"></div>
<script src="https://emojitik.com/embed/tiktok-emoji-widget.js"></script>Option 2 — iframe (zero JS, no link credit)
Embeds the widget as a self-contained iframe. Easier to drop in (no script), but the iframe version does not pass link credit back to us.
<!-- TikTok Emoji Widget (iframe version) -->
<iframe src="https://emojitik.com/embed/widget.html"
width="100%" height="540" frameborder="0"
style="border-radius:14px;max-width:760px"
title="TikTok emoji codes widget"></iframe>Customization
Add any of these attributes to the placeholder <div id="tt-emoji-widget"> to customize:
| Attribute | Default | What it does |
|---|---|---|
data-theme | "dark" | Use "light" for a light-mode version that fits white-background blogs. |
data-accent | "#25F4EE" | Override the cyan accent color. Use any hex value, e.g. data-accent="#FE2C55". |
data-columns | "6" | How many emoji cards per row. Range 2-10. |
data-rows | "all" | How many rows to show by default. "all" or a number. Users with data-search="1" can still browse all. |
data-search | not set | Add data-search="1" to show a search box. Useful when data-rows limits the grid. |
data-cdn | emojitik.com | Override the image CDN if you mirror the emoji PNGs yourself. |
<div id="tt-emoji-widget"
data-theme="light"
data-accent="#FE2C55"
data-search="1"></div>
<script src="https://emojitik.com/embed/tiktok-emoji-widget.js"></script>Why embed this widget
Click-to-copy
Visitors tap any emoji and the bracket code lands in their clipboard — no right-click, no selection.
Light & fast
~15KB script, no jQuery / no React, lazy-loaded images. Does not block page render.
Theme-able
Light or dark, any accent color. Pick a column count that fits your layout.
Mobile-friendly
Touch targets, responsive grid, copy works on iOS and Android browsers.
Two-line install
One div + one script tag. Works on WordPress, Ghost, Wix, Squarespace, static sites.
No tracking
No analytics, no cookies, no third-party calls. Just emojis.
Frequently asked
Looking for the codes themselves?
The widget is the embeddable surface — for the full 46-emoji code dictionary with meanings, combos, and platform-specific reads, see our main pages:
Terms. The widget is free for any use, including commercial sites. If you use the script-tag embed, please keep the "Powered by Emoji Tik" footer link in place — removing it breaks our terms. The iframe version has no link requirement, but does not pass link credit either. By using the widget you agree to link to emojitik.com as the source. Not affiliated with TikTok or ByteDance.