Générateur de Puces Hotspot

Configurez et exportez votre code hotspot-overlay

Appeler le custom code : Puces_2026_assets

v1.2.0

Identifiant du bloc

ID unique (data-hotspot-block)

Position de la puce

Mobile

X mobile (data-x-mobile)

45%

Y mobile (data-y-mobile)

35%

Desktop

X desktop (data-x-desktop)

50%

Y desktop (data-y-desktop)

40%

Position de la légende

Position par défaut (data-legend-position)

← Droite

Gauche →

Positions responsive séparées

Icône de la puce

Taille (.hotspot-icon-plus)

Normale

Grande (--large)

Délai auto-ouverture mobile (data-delay, ms)

2000ms

Aria-label (accessibilité)

Contenu de la légende

ID de la légende (id="...")

Titre (h3 dans le header)

Panel ID (data-panel-id)

Product ID (data-productid)

Éléments de la liste

Viewport :

Survolez la puce pour ouvrir la légende

Image de fond (remplacée par votre contenu)

HTML généré

Prêt · Configurez les paramètres et le code se met à jour en temps réel