Embed widgets

Free tools and games for your website – styled to match your page

You can embed our online tools and games on your own website for free with a small iframe. No sign-up required – in return, the small boza.info badge stays visible. Tools can be fully customized in color and style; for games, the game board itself stays original and only the surroundings (card, scoreboard, buttons) are customizable.

Quick start

Copy the iframe snippet and paste it into your website. Alternatively: open a tool or game page and choose "Embed" from the share menu – the ready code is copied automatically.

Live styling editor

Choose a widget, adjust colors and options – the preview updates live on the left. Below the editor you'll find the ready embed code you can copy directly.

Widget

Colors

Tip: Click an element in the preview to edit its colors.

Background

Card

Base theme

Accent

Button text

Buttons

Button text (light)

Display

Border

Success

Danger

Text

Text (muted)

Badge background

Badge text

Options

Light mode Select element Compact Without title bar Transparent background

Corner radius (px)

Width

Language

Embed code

Parameter reference

All parameters are appended directly to the widget URL:

Parameter	Values	Effect
`theme`	`dark` / `light`	Base theme (default: dark)
`bg`	Hex oder `transparent`	Widget background
`card`	Hex	Card/scoreboard background
`accent`	Hex	Accent color for buttons and active elements
`accentText`	Hex	Text color on accent-colored buttons
`btn`	Hex	Background of standard buttons
`btnText`	Hex	Text color on standard buttons
`display`	Hex	Display/input background
`border`	Hex	Border color of cards and fields
`success`	Hex	Success color (e.g. equals, copied)
`danger`	Hex	Danger color (e.g. clear/reset)
`text`	Hex	Primary text color
`muted`	Hex	Secondary text color
`radius`	Zahl (px)	Corner radius of the card
`maxWidth`	`full` oder px-Zahl	Widget width (full = fills the page)
`compact`	`true`	Compresses the title bar
`hideHeader`	`true` / `false`	Show/hide the title bar
`lang`	`de/en/es/fr/hi/zh`	Widget language
`badgeBg`	Hex	Background of the boza.info badge
`badgeFg`	Hex	Text color of the boza.info badge

Live customization via JavaScript

You can customize the widget at runtime without reloading it – via a postMessage message to the iframe:

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

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

Not all parameters can be changed live: lang and theme require a reload of the page.

Badge note

Using the widgets is free as long as the "boza.info" badge stays visible. You may not rename the widgets or present them as your own products.

Frequently asked questions

How do you customize a widget?

Colors are set via hex values: accent colors buttons and active elements, card the card background, text and muted the text colors. With bg=transparent the widget blends seamlessly into any page. Corner radius, compactness, title bar and language can also be controlled via parameters.

Why can't I recolor the game board of a game?

For games, the active board (canvas, board, cells) stays in its original design on purpose. Everything around it is customizable: card, title bar, scoreboard, highscore panel and buttons.

Does this work on WordPress, Shopify or website builders?

Yes – everywhere you can insert an HTML block or an iframe (e.g. a "Custom HTML" block, an "Embed" block or a code widget).

Will this slow down my page?

No. The widget is lightweight and only loads when needed (lazy loading). Recommendation: use loading="lazy".No. The widget is lightweight and only loads when needed (lazy loading). Recommendation: use loading="lazy".. verwenden.

Can I embed multiple widgets?

Yes, you can embed any number of widgets on one page.