Widgets de Vibe Studio

Widgets de gamificación
para tu sitio, creados conversando con la IA

Describe con tus palabras una clasificación, una tira de misiones o un muro de insignias. Vibe Studio lo crea con tu marca, lo llena con los datos en vivo de cada jugador desde Smartico y te da un fragmento de código para colocarlo en cualquier parte de tu sitio.

Tu gamificación, tu estilo

Una sesión real de Vibe Studio: un mensaje convierte la clasificación por defecto en un banner verde de apuestas deportivas. Se publica, se coloca en la página de un casino con un fragmento de código y se cambia otra vez con una línea más.

  • Tu estilo, no el de serie: nuevos colores, fuente, diseño y una imagen generada, con un solo mensaje.
  • Datos en vivo de cada jugador: posiciones, puntos y su propia barra de posición vienen de Smartico.
  • Dentro de tus páginas: publica, pega un fragmento de código y aparece en el lobby, la página de deportes o la cuenta.
  • Cámbialo cuando quieras: pide el cambio, vuelve a publicar y tu sitio lo muestra. Sin desarrolladores ni nueva versión.

Gamificación dentro de tu producto

Un widget es un bloque listo para insertar para jugadores con sesión iniciada: una clasificación en la barra lateral del lobby, una franja de misiones en la página de deportes, un muro de insignias en la página de la cuenta. Tú diseñas el aspecto; Smartico lo llena con las misiones, los saldos, el nivel y las recompensas de cada jugador.

  • Creado a partir de cualquier mecánica: misiones, niveles, torneos, clasificaciones, la tienda, avatares, insignias, registro de actividad, inbox, sorteos, jackpots y clanes, o varias de ellas en un solo bloque.
  • Cada jugador ve su propio progreso de forma automática. No hay parámetros por jugador que gestionar.
  • Empieza con una plantilla o con tus propias palabras y luego pide cambios: colores, diseño, textos y animaciones.

Insertado con un solo fragmento

Publica el widget, haz clic en Get Code y pega el fragmento en tu página. El SDK de Smartico que ya está en tu sitio identifica al jugador.

  • Widget Layout define el contenedor: ancho y alto automáticos o fijos, y si el widget se ajusta a su contenido o llena el espacio.
  • Volver a publicar actualiza el widget en el mismo lugar. La dirección de inserción nunca cambia, así que tu sitio no necesita una nueva versión.
  • Los widgets publicados se sirven a tus jugadores desde una CDN global.
El fragmento de inserción
<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>

Seguro en tu sitio

Un widget vive dentro de tus páginas, así que nunca debe romperlas. Vibe Studio lo comprueba por ti.

  • El comando /widget-check audita el widget para que nada se salga de su caja ni cambie los estilos de tu sitio.
  • El comando /verify ejecuta el proyecto y corrige los errores antes de publicar.
  • Previsualiza en escritorio y móvil, como un jugador real con sus propios datos, antes de publicar nada.
  • Las recompensas se quedan en el back office: un nuevo diseño cambia cómo se ven las cosas, nunca lo que ganan los jugadores.

Prueba widgets reales

Estos widgets se crearon en Vibe Studio a partir de plantillas listas y funcionan en vivo en este sitio con el SDK de Smartico. Los ves como un visitante de este sitio, con tus propios puntos y tu posición.

your-casino.com

Los ocho juegos de Vibe Studio de este sitio, cada uno con su propio arte. El botón de jugar abre el juego.

Solo es una demo: los puntos y los premios de este sitio no tienen valor real.

¿Quieres ver más?

smartico.dev tiene decenas de ejemplos en vivo creados con Vibe Studio: widgets para cada función de gamificación, páginas de promoción, landings y más juegos personalizados.

Abrir smartico.dev

FAQ

¿Cómo llegan los widgets a los jugadores?
¿Necesitamos desarrolladores para añadir un widget a nuestro sitio?
¿Qué mecánicas puede mostrar un widget?
¿Puede un widget afectar a los estilos de nuestro sitio?