Intégrer des widgets

Outils et jeux gratuits pour votre site – dans le style de votre page

Vous pouvez intégrer gratuitement nos outils et jeux en ligne sur votre propre site avec un petit iframe. Sans inscription – en échange, le petit badge boza.info reste visible. Les outils peuvent être entièrement personnalisés en couleur et en style ; pour les jeux, le plateau reste original et seul ce qui l'entoure (carte, tableau des scores, boutons) est personnalisable.

Démarrage rapide

Copiez l'extrait iframe et collez-le sur votre site. Alternative : ouvrez une page d'outil ou de jeu et choisissez "Intégrer" dans le menu de partage – le code est copié automatiquement.

Éditeur de style en direct

Choisissez un widget, ajustez les couleurs et les options : l’aperçu à gauche se met à jour en direct. Sous l’éditeur se trouve le code d’intégration prêt à copier.

Widget

Couleurs

Astuce : cliquez sur un élément de l’aperçu pour modifier ses couleurs.

Arrière-plan

Carte

Thème de base

Accent

Texte du bouton

Boutons

Texte du bouton (clair)

Écran

Bordure

Succès

Danger

Texte

Texte (atténué)

Fond du badge

Texte du badge

Options

Mode clair Sélectionner un élément Compact Sans barre de titre Arrière-plan transparent

Rayon des coins (px)

Largeur

Langue

Code d'intégration

Référence des paramètres

Tous les paramètres sont ajoutés directement à l'URL du widget :

Paramètre	Valeurs	Effet
`theme`	`dark` / `light`	Thème de base (par défaut : sombre)
`bg`	Hex oder `transparent`	Arrière-plan du widget
`card`	Hex	Fond de carte/tableau des scores
`accent`	Hex	Couleur d'accent pour boutons et éléments actifs
`accentText`	Hex	Couleur du texte sur les boutons d'accent
`btn`	Hex	Fond des boutons standard
`btnText`	Hex	Couleur du texte sur les boutons standard
`display`	Hex	Fond de l'écran/champ
`border`	Hex	Couleur des bordures des cartes et champs
`success`	Hex	Couleur de succès (p. ex. égal, copié)
`danger`	Hex	Couleur de danger (p. ex. effacer/réinitialiser)
`text`	Hex	Couleur de texte principale
`muted`	Hex	Couleur de texte secondaire
`radius`	Zahl (px)	Rayon des coins de la carte
`maxWidth`	`full` oder px-Zahl	Largeur du widget (full = remplit la page)
`compact`	`true`	Compresse la barre de titre
`hideHeader`	`true` / `false`	Afficher/masquer la barre de titre
`lang`	`de/en/es/fr/hi/zh`	Langue du widget
`badgeBg`	Hex	Fond du badge boza.info
`badgeFg`	Hex	Couleur du texte du badge boza.info

Personnalisation en direct avec JavaScript

Vous pouvez personnaliser le widget à l'exécution sans le recharger – via un message postMessage vers l'iframe :

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

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

Tous les paramètres ne peuvent pas être modifiés en direct : lang et theme nécessitent un rechargement de la page.

Note sur le badge

L'utilisation des widgets est gratuite tant que le badge "boza.info" reste visible. Vous ne pouvez pas renommer les widgets ni les présenter comme vos propres produits.

Questions fréquentes

Comment personnaliser un widget ?

Les couleurs sont définies avec des valeurs hex : accent colore les boutons et éléments actifs, card le fond de la carte, text et muted les couleurs de texte. Avec bg=transparent, le widget s'intègre parfaitement à toute page. Rayon des coins, compacité, barre de titre et langue sont également contrôlés par paramètres.

Pourquoi ne puis-je pas colorer le plateau d'un jeu ?

Pour les jeux, le plateau actif (canvas, plateau, cellules) reste volontairement dans son design original. Tout ce qui l'entoure est personnalisable : carte, barre de titre, tableau des scores, panneau de scores et boutons.

Fonctionne-t-il sur WordPress, Shopify ou les créateurs de sites ?

Oui – partout où vous pouvez insérer un bloc HTML ou un iframe (p. ex. un bloc "HTML personnalisé", un bloc "Intégrer" ou un widget de code).

Cela ralentit-il ma page ?

Non. Le widget est léger et ne se charge qu'en cas de besoin (lazy loading). Recommandation : utilisez loading="lazy".

Puis-je intégrer plusieurs widgets ?

Oui, vous pouvez intégrer un nombre illimité de widgets sur une page.