Per essere sicuri che il tooltip sia visibile nelle card, è necessario accedere alle impostazioni della card cliccandoci sopra, selezionare l'icona della chiave inglese e deselezionare l'opzione "Hide Tooltip". Una volta visibile, il tooltip può essere configurato aggiungendo un'immagine e un testo personalizzati, rendendo l'esperienza utente più completa e informativa.

Come funziona?
Per inserire un tooltip, sono necessari due passaggi: creare l'experience fragment contenente il pop-up e inserirlo, tramitel codice HTML, vicino al testo desiderato nella pagina.

1. Creazione dell’experience fragment
Creare un experience contenente il pop-up modale con il testo da visualizzare quando l'utente clicca sull'icona.

2. Inserimento
Per aggiungere il tooltip accanto a un testo, è necessario:

• Cliccare sul testo (ad esempio, il titolo della card "Assistenza tecnica")
• Cliccare sull’icona della chiave inglese e successivamente sulla seconda icona nella barra superiore Toggle Fullscreen
• Aprire l’opzione Source Edit
• Inserire il codice HTML, ad esempio:
  &nbsp;<a href="/content/experience-fragments/windtre/it/it/windtre_business/tooltip-my-share/business-class-assistenza-tecnica.html"
  class="js-external-popup-open">
  <img src="/content/dam/cma/windtre/01-web-images/10-card-headline/icn-Info.svg.thumb.800.480.png"
  alt="info"></a>
• Nel codice vanno inseriti:
  il percorso dell’experience fragment, che contiene il pop-up modale con il testo e il percorso dell’immagine dell’icona “i” cerchiata, caricata precedentemente nella DAM.
• Se è necessario eliminare lo sfondo bianco dell'icona, ad esempio nella sezione grigia della card del comparatore, per evitare che si sovrapponga allo sfondo grigio, rimuovere dal codice:
  style="background-color: rgb(255,255,255);"

Per rendere visibile il tooltip online, assicurarsi di pubblicare sia la pagina che l’experience fragment associato.