Modèles de widget

Catalogue des modèles de widget (HTML + CSS éditables). Chaque modèle est un design complet (chip flottant, bulle, etc.) qu'un tenant peut sélectionner depuis son configurateur dans la vendor app. Variables CSS exposées au tenant pour personnaliser : --color_primary, --color_secondary, --color_text, --scale. Cible : PC, Mobile ou les deux.

Chargement...

Aucun modèle

Créez votre premier modèle pour le proposer aux tenants.

Nouveau modèle

Nom *

Cible *

Description

📁 Catégorie (dossier, optionnel)

Sert à grouper les modèles par dossier dans la bibliothèque vendor.

Image de couverture (catalogue, optionnel)

HTML * — variables : --color_primary, --color_secondary, --color_text, --scale

CSS *

Images (détectées depuis le HTML/CSS : {{image_1}}, {{image_2}}, etc.)

Aucune image. Ajoutez {{image_N}} dans le HTML ou CSS pour faire apparaître un slot d'upload.

Textes (détectés depuis le HTML/CSS : {{texte_1}}, {{texte_2}}, etc.)

Aucun texte. Ajoutez {{texte_N}} dans le HTML ou CSS pour faire apparaître un slot. Les textes proviennent de la Bibliothèque de textes.

🎬 Vidéos (détectées depuis le HTML : {{video_1}}, {{video_2}}, etc.)

Aucune vidéo. Ajoutez {{video_N}} dans le HTML pour faire apparaître un slot d'upload + options (autoplay / muted / loop / contrôles).

Échelle par défaut (%)

Échelle min (%)

Échelle max (%)

Visibilité *

Tenants autorisés

Chargement de la liste des tenants...

Publié (décocher = brouillon, invisible côté tenants)

Aperçu live (maj sur sortie de champ)

Simuler les overrides tenant

Clique sur un tag pour le copier — utilise-le dans le CSS du modèle pour appliquer la valeur dynamiquement.

Couleur primaire var(--color_primary)

Secondaire var(--color_secondary)

Texte var(--color_text)

Échelle 100% var(--scale) var(--scale_pct)