Gamification Widgets for Your Site, Built by Chatting
Describe a leaderboard, a missions strip or a badge wall in your own words. Vibe Studio builds it in your brand, fills it with each player's own live data from Smartico, and gives you one snippet to put it anywhere on your site.
Your Gamification, Your Look
A real Vibe Studio session: one message turns the default leaderboard into a green sportsbook banner. It is published, placed on a casino page with one snippet, and changed again with one more line.
- Your look, not the default: new colours, font, layout and a generated picture, from one message.
- Live data for each player: ranks, points and their own rank bar come from Smartico.
- Inside your pages: publish, paste one snippet, and it sits in the lobby, the sports page or the account.
- Change it any day: ask, re-publish, and your site shows it. No developers, no new release.
Gamification Inside Your Product
A widget is a drop-in block for logged-in players: a leaderboard in the lobby sidebar, a missions strip on the sports page, a badge wall on the account page. You design the look; Smartico fills it with each player's own missions, balances, level and rewards.
- Built from any mechanic: missions, levels, tournaments, leaderboards, the store, avatars, badges, activity log, inbox, raffles, jackpots and clans, or several of them in one block.
- Every player sees their own progress out of the box. There are no per-player parameters to manage.
- Start from a template or from your own words, then ask for changes: colours, layout, texts and animations.
Embedded With One Snippet
Publish the widget, click Get Code and paste the snippet into your page. The Smartico SDK that is already on your site identifies the player.
- Widget Layout sets the container: automatic or fixed width and height, and whether the widget fits its content or fills the space.
- Re-publishing updates the widget in place. The embed address never changes, so your site needs no new release.
- Published widgets are served to your players from a global CDN.
<div id="smartico-gamification-block" style="width:100%"></div>
<script>
_smartico.gamificationBlock({
dom_id: 'smartico-gamification-block',
url: 'https://<your-widgets-domain>/.../widget.js',
fit: 'content'
});
</script>Safe on Your Site
A widget lives inside your pages, so it must never break them. Vibe Studio checks that for you.
- The
/widget-checkcommand audits the widget, so nothing leaks out of its box or changes your site's styles. - The
/verifycommand runs the project and fixes errors before you publish. - Preview on desktop and mobile, as a real player with their own data, before anything goes live.
- Rewards stay in the back office: a new design changes how things look, never what players win.
/widget-checkNothing leaks out of its box or restyles your site
/verifyThe project runs and builds without errors
Their own data, on desktop and phone
Prizes and odds stay in the back office
Try Real Widgets
These widgets were made in Vibe Studio from ready templates and run live on this site with the Smartico SDK. You see them as a visitor of this site, with your own points and rank.
The eight Vibe Studio games of this site, each with its own art. Play opens the game.
A weekly points race. Points from the games and doodles on this site move you up.
Your profile on this site: avatar, points, gems and diamonds, filled in live by Smartico.
Demo only: points and prizes on this site have no real value.
FAQ
Publish the widget, copy the snippet from Get Code and paste it into your site. The snippet mounts the widget with the Smartico SDK that is already on the page. The SDK identifies the logged-in player, so there are no per-player parameters.
Only once, to paste the snippet into the page where the widget should appear. After that, every change is a re-publish in Vibe Studio, and the embed address stays the same.
Missions, levels, tournaments, leaderboards, the store, avatars, badges, activity log, inbox, raffles, jackpots and clans, alone or several in one block. Each player sees their own data.
It should not, and Vibe Studio checks it for you: the /widget-check command audits the widget so nothing leaks out of its box. Widget Layout sets the size of its container.







