How to show advanced tooltips using Elementor

Börjar från $29

Vet du hur man visar avancerade verktygstips med Elementor? Det kanske är ett vanligt ämne, men vi får så många frågor om tooltip-funktionen och hur användarna kan använda den. Som vi trodde är det lättare att skriva ner om användningen av verktygstips snarare än att förklara varje gång.

Så, låt oss prata om verktygstips i Elementor Page Builder plugin.

Vad är en avancerad tooltip?

Elementor har blivit en av de hetaste sidbyggarna där ute. Den har många användbara funktioner och en av de mest intressanta är verktygstipsen. Du kan lägga till en kort beskrivning av vad som helst genom verktygstipset och det kan till och med vara en bild.

Avancerad tooltip är ett GUI-element (Graphical User Interface) som används tillsammans med markören eller muspekaren för att visa information om ett objekt utan att man behöver klicka på det.

Det typiska scenariot för att få fram ett avancerat tooltip är att hålla muspekaren över ett annat GUI-element, t.ex. en verktygsikon i ett program, och det används också ofta på webbplatser. Ett tooltip kallas också för en hint, infotip eller screentip.

Vad gör avancerad tooltip?

Beroende på applikationen kan det avancerade verktygstipset visa allt från det fullständiga namnet på det objekt som muspekaren håller på, till att visa ytterligare information eller en detaljerad förklaring av vad verktyget eller objektet gör.

Om du t.ex. håller muspekaren över en fil i Utforskaren visas detaljer om filen, t.ex. format, storlek och datum för ändring, och om du håller muspekaren över en partition på en lokal enhet visas det lediga utrymmet och den totala storleken på enheten.

Hur visar jag avancerade verktygstips med hjälp av Elementor?

Nu ska vi visa dig processen för att visa avancerade verktygstips. För att göra det måste du följa dessa steg nedan:

Steg 1: Infoga en widget

Först går du till widgetmenyn och infogar sedan en widget på sidan. Vi har till exempel valt "Advanced Icon Box".

Steg 2: Aktivera verktygstipsväxlaren

Därefter går du till fliken Avancerat och aktiverar sedan omkopplaren "Använda verktygstips?".

Steg 3: Se effekten

När du har aktiverat switchen kan du slutligen välja position för tooltip från menyn "Placement" och se effekten. Standardpositionen är Top, men du kan välja andra positioner som du vill från menyn.

Bra jobbat! Du har lyckats konfigurera att visa verktygstipset med hjälp av Elementor.

Slutsats

Vi hoppas att du gillade vår artikel om hur du visar avancerade verktygstips med hjälp av Elementor. Detta kan vara mycket användbart för att visa ytterligare information till dina webbplatsbesökare på ett diskret sätt.

Tack för att du läste den här artikeln. Ha en trevlig dag.

Utforska vårt kompletta plugin

Produkter