Vibe Studio Widgets

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.
The embed snippet
<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-check command audits the widget, so nothing leaks out of its box or changes your site's styles.
  • The /verify command 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.

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.

your-casino.com

The eight Vibe Studio games of this site, each with its own art. Play opens the game.

Demo only: points and prizes on this site have no real value.

Want to see more?

smartico.dev has dozens of live examples built with Vibe Studio: widgets for every gamification feature, promotion pages, landings and more custom games.

Open smartico.dev

FAQ

How do widgets reach players?
Do we need developers to add a widget to our site?
Which mechanics can a widget show?
Can a widget affect the styles of our site?