👁️‍🗨️Placer des intentions (point & click)

Une fois le mode édition activé (👉 plus d'informations ici), placez vos hotspots et créez vos intentions directement sur les pages de votre produit.

Les intentions créés depuis l'extension sont toujours créés en statut "en attente" : vous rédigez une description, l'association à un contenu se fait ensuite depuis les settings (👉 plus d'information ici).

La bar d'outils du mode édition

La toolbar contient :

• le logo MeltingSpot,

• un bouton Pages, qui liste les pages du playbook. Au clic sur l'une de ces pages, vous êtes redirigés vers l'URL de base de la page, en mode édition,

• une zone centrale ("zone d'intentions") qui s'adapte selon le contenu de la page,

• des flèches de navigation entre hotspots.

Page sans hotspot

Bouton Nouvelle intention avec deux options : Ajouter à un nouveau hotspot ou Ajouter à la page entière.

Page avec hotspots

La zone affiche le contenu du premier hotspot :

• son nom dans un encart bleu (rouge si l'élément ciblé n'est plus trouvable),

• la liste de ses intentions (icône de la ressource si l'intention est publiée, grisée si elle est en brouillon et un cercle pointillé si elle est en attente),

• bouton Modifier le hotspot,

• bouton + : nouvel intention sur ce hotspot, sur un nouveau hotspot, ou sur la page entière.

Créer un nouvel intention

Lancer le mode sélection

Au lancement, le curseur change et un cadre de surbrillance suit la souris, avec le message Cliquez pour placer l'intention. Les clics normaux sont interceptés pendant ce mode.

Cibler

• Élément précis : cliquez sur l'élément. Son sélecteur CSS est capturé.

• Page entière : aucun ciblage, l'intention s'affiche sur toute la page.

Rédiger la description et configurer le hotspot

1. Rédigez la description de l'intention : décrivez ce que ce contenu devrait couvrir.

2. Si on est sur un nouvel hotspot :

   1. Placer le hotspot (si nouveau) : un toggle permet de sélectionner le type de hotspot (page entière ou élément simple). Pour un élément simple, on voit le détail du sélecteur CSS,

   2. Précision, une barre permet de définir le niveau de précision du sélecteur CSS

   3. Mettre en avant avec une icone coach vous permet d'ajouter où non une petite icône au niveau du hotspot.

   4. Un bouton Replace hotspot. permet de repasse en mode sélection

   5. Le nom du hotspot.

3. Link to page : choisissez une page existante ou cliquez sur New page (URL statique correspondant à la page courante).

Pour un intention sur un hotspot déjà existant, seule la description est demandée.

Cliquez sur Enregistrer pour créer l'intention en mode "en attente". Vous devez ensuite aller dans les paramètres du Spot pour la publier.

Si vous fermez après avoir commencé une description, une confirmation vous demande si vous voulez vraiment quitter sans enregistrer.

Modifier un hotspot existant

Naviguez jusqu'au hotspot et cliquez sur Modifier le hotspot. Pour cibler un autre élément, cliquez sur Replacer le hotspot : le mode sélection se relance, puis une confirmation valide le changement.

Renommage, changement de page et suppression se gèrent aussi depuis les paramètres du Spot (👉 plus d'informations ici).

Quitter l'Edit mode

Bouton X de la toolbar ou du panneau de réglages, ou popup de l'extension.

Si une modification est en cours, une confirmation vous demande si vous voulez vraiment quitter sans enregistrer.