Insertar widgets

Herramientas y juegos gratis para tu web – en el estilo de tu página

Puedes insertar nuestras herramientas y juegos en línea gratis en tu propia web con un pequeño iframe. Sin registro – a cambio, la pequeña insignia boza.info permanece visible. Las herramientas se pueden personalizar completamente en color y estilo; en los juegos, el tablero permanece original y solo se personaliza lo que lo rodea (tarjeta, marcador, botones).

Inicio rápido

Copia el fragmento de iframe y pégalo en tu web. Alternativa: abre una página de herramienta o juego y elige "Insertar" en el menú de compartir – el código se copia automáticamente.

Editor de estilo en vivo

Elija un widget, ajuste colores y opciones: la vista previa de la izquierda se actualiza en vivo. Debajo del editor encontrará el código de inserción listo para copiar.

Widget

Colores

Consejo: haz clic en un elemento de la vista previa para editar sus colores.

Fondo

Tarjeta

Tema base

Acento

Texto del botón

Botones

Texto de botón (claro)

Pantalla

Borde

Éxito

Peligro

Texto

Texto (atenuado)

Fondo de insignia

Texto de insignia

Opciones

Modo claro Seleccionar elemento Compacto Sin barra de título Fondo transparente

Radio de esquinas (px)

Ancho

Idioma

Código de inserción

Referencia de parámetros

Todos los parámetros se añaden directamente a la URL del widget:

Parámetro	Valores	Efecto
`theme`	`dark` / `light`	Tema base (por defecto: oscuro)
`bg`	Hex oder `transparent`	Fondo del widget
`card`	Hex	Fondo de tarjeta/marcador
`accent`	Hex	Color de acento para botones y elementos activos
`accentText`	Hex	Color de texto en botones de acento
`btn`	Hex	Fondo de los botones estándar
`btnText`	Hex	Color de texto en botones estándar
`display`	Hex	Fondo de pantalla/entrada
`border`	Hex	Color del borde de tarjetas y campos
`success`	Hex	Color de éxito (p. ej. igual, copiado)
`danger`	Hex	Color de peligro (p. ej. limpiar/reiniciar)
`text`	Hex	Color de texto principal
`muted`	Hex	Color de texto secundario
`radius`	Zahl (px)	Radio de esquinas de la tarjeta
`maxWidth`	`full` oder px-Zahl	Ancho del widget (full = llena la página)
`compact`	`true`	Comprime la barra de título
`hideHeader`	`true` / `false`	Mostrar/ocultar la barra de título
`lang`	`de/en/es/fr/hi/zh`	Idioma del widget
`badgeBg`	Hex	Fondo de la insignia de boza.info
`badgeFg`	Hex	Color de texto de la insignia de boza.info

Personalización en vivo con JavaScript

Puedes personalizar el widget en tiempo de ejecución sin recargarlo – mediante un mensaje postMessage al iframe:

var frame = document.getElementById('myWidget');

frame.contentWindow.postMessage({
    source: 'boza-widget-config',
    config: { accent: '#22c55e', card: '#0f172a' }
}, '*');

No todos los parámetros se pueden cambiar en vivo: lang y theme requieren una recarga de la página.

Nota sobre la insignia

El uso de los widgets es gratuito mientras la insignia "boza.info" permanezca visible. No puedes renombrar los widgets ni presentarlos como productos propios.

Preguntas frecuentes

¿Cómo personalizar un widget?

Los colores se definen con valores hex: accent colorea botones y elementos activos, card el fondo de la tarjeta, text y muted los colores de texto. Con bg=transparent el widget se integra perfectamente en cualquier página. Radio de esquinas, compacidad, barra de título e idioma también se controlan con parámetros.

¿Por qué no puedo cambiar el color del tablero de un juego?

En los juegos, el tablero activo (canvas, tablero, celdas) permanece en su diseño original a propósito. Todo lo que lo rodea es personalizable: tarjeta, barra de título, marcador, panel de puntuaciones y botones.

¿Funciona en WordPress, Shopify o constructores web?

Sí – en cualquier lugar donde puedas insertar un bloque HTML o un iframe (p. ej. un bloque "HTML personalizado", un bloque "Insertar" o un widget de código).

¿Ralentiza mi página?

No. El widget es ligero y solo carga cuando se necesita (lazy loading). Recomendación: usa loading="lazy".

¿Puedo insertar varios widgets?

Sí, puedes insertar cualquier número de widgets en una página.