How to show advanced tooltips using Elementor

A partire da $29

Sapete come mostrare tooltip avanzati con Elementor? Può essere un argomento comune, ma riceviamo molte domande sulla funzione tooltip e su come gli utenti possono utilizzarla. Come abbiamo pensato, è più facile scrivere sull'uso dei tooltip piuttosto che spiegare ogni singola volta.

Parliamo quindi dei tooltip nel plugin Elementor Page Builder.

Che cos'è un tooltip avanzato?

Elementor è diventato uno dei costruttori di pagine più in voga del momento. Ha molte caratteristiche utili e una delle più interessanti è il tooltip. È possibile aggiungere una breve descrizione di qualsiasi cosa attraverso il tooltip e può anche essere un'immagine.

Il tooltip avanzato è un elemento dell'interfaccia grafica utente (GUI) utilizzato insieme al cursore o al puntatore del mouse per visualizzare informazioni su un elemento senza dover fare clic su di esso.

Lo scenario tipico per richiamare un tooltip avanzato è quello di passare il cursore del mouse su un altro elemento dell'interfaccia grafica, come l'icona di uno strumento in un'applicazione software. Un tooltip è noto anche come suggerimento, infotip o screentip.

Che cosa fa il tooltip avanzato?

A seconda dell'applicazione, il tooltip avanzato può visualizzare qualsiasi cosa, dal nome completo dell'oggetto su cui si sta passando il mouse alla visualizzazione di informazioni aggiuntive o di una spiegazione dettagliata delle funzioni dello strumento o dell'oggetto.

Ad esempio, in Esplora risorse quando si passa il mouse su un file, vengono visualizzati i dettagli del file, come il tipo di formato, la dimensione e la data di modifica, mentre passando il mouse sulla partizione dell'unità locale vengono visualizzati lo spazio libero e la dimensione totale dell'unità.

Come mostrare i tooltip avanzati usando Elementor?

Ora vi mostreremo la procedura per mostrare i tooltip avanzati. Per farlo, è necessario seguire i passaggi indicati di seguito:

Passo 1: Inserire un widget

Per prima cosa, accedere al menu dei widget, quindi inserire un widget nella pagina. Ad esempio, abbiamo scelto il "Riquadro icone avanzato".

Passo 2: Abilitare il Tooltip switcher

Successivamente, andare alla scheda Avanzate, quindi attivare il selettore "Usa la descrizione degli strumenti?

Fase 3: vedere l'effetto

Infine, dopo aver abilitato lo switcher, selezionare la posizione del tooltip dal menu 'Posizionamento' e vedere l'effetto. La posizione predefinita è Top, ma è possibile selezionare altre posizioni a piacere dal menu.

Ottimo lavoro! È stato possibile impostare con successo la visualizzazione del tooltip utilizzando Elementor.

Conclusione

Speriamo che vi sia piaciuto il nostro articolo su come mostrare tooltip avanzati utilizzando Elementor. Questo può essere molto utile per mostrare informazioni aggiuntive ai visitatori del vostro sito web in modo non invasivo.

Grazie per aver letto questo articolo. Vi auguro una buona giornata.

Esplora il nostro plugin completo

Prodotti