Création carte corporelle interaction pour intégration WP elementore

Contexte :
Je développe une plateforme bien-être à destination des personnes atteintes d’endométriose.
Je souhaite intégrer une carte corporelle interactive dans une page WordPress avec Elementor.

Objectif du projet :
Créer une silhouette corporelle de face comportant plusieurs zones anatomiques cliquables : tête, cou, thorax, ventre, zone intime, épaules, bras, cuisses, jambes, etc.
Chaque zone doit changer de couleur au clic :

-gris par défaut
-rouge si zone douloureuse
- vert si zone non douloureuse
- Revenir à l’état neutre au 3e clic

Contraintes techniques :

La carte doit être :
- responsive mobile
- intégrable dans une page Elementor (widget HTML ou shortcode)
- imprimable (via bouton ou impression navigateur)