Was ist ein Tooltip?
Ein Tooltip (auf Deutsch: Kurzinfo oder Hinweisfeld) ist ein kleines Informationsfenster, das erscheint, wenn ein Nutzer mit der Maus über ein bestimmtes Element einer Website fährt oder es auf einem Mobilgerät antippt. Tooltips bieten kurze, ergänzende Erklärungen zu Symbolen, Schaltflächen, Formularfeldern oder Fachbegriffen – ohne die Seite optisch zu überfrachten. In einer WordPress‑Homepage werden Tooltips häufig eingesetzt, um Besucher intuitiv durch Inhalte zu führen oder komplexe Begriffe verständlich zu machen.
Technisch gesehen bestehen Tooltips aus einfachem HTML, CSS und JavaScript. Der Effekt funktioniert meist so, dass ein Textfeld eingeblendet wird, wenn sich der Mauszeiger über einem markierten Element befindet. Ein klassisches Beispiel wäre ein kleines „i“-Symbol neben einem Formularfeld, das beim Darüberfahren eine Erklärung zeigt, etwa: „Gib hier deine E‑Mail-Adresse ein.“
In WordPress lassen sich Tooltips auf verschiedene Arten einbinden:
- Manuell über Code: Mithilfe einfacher HTML‑Attribute wie
title=""kann man kurze Hinweise direkt im Text hinterlegen.
Beispiel:html<a href="#" title="Weitere Informationen zur Anmeldung">Registrieren</a>Dieser Standard‑Tooltip ist schnell erstellt, bietet aber kaum Gestaltungsmöglichkeiten.
- Über Plugins: Es gibt mehrere WordPress‑Plugins, mit denen sich ansprechende, animierte und mobiloptimierte Tooltips gestalten lassen – etwa WP Tooltips, Tooltip Glossary oder Simple Tooltips. Diese Plugins erweitern den klassischen Tooltip um design‑ und funktionsreiche Varianten, die sich über den WordPress‑Editor einfügen lassen.
- Per Page‑Builder oder Theme‑Integration: Viele moderne WordPress‑Themes oder Page‑Builder wie Elementor, WPBakery oder Divi bieten Tooltip‑Funktionen direkt an. So kannst du Tooltip‑Texte ganz ohne Programmierkenntnisse über grafische Oberflächen hinzufügen.
Tooltips sind besonders hilfreich, wenn eine Website viele Buttons, Fachbegriffe oder interaktive Elemente enthält, die Nutzer auf den ersten Blick nicht verstehen. Sie verbessern die Usability (Benutzerfreundlichkeit), indem sie Informationen erst dann anzeigen, wenn sie tatsächlich gebraucht werden.
Allerdings sollte man Tooltips sparsam und barrierefrei einsetzen. Zu viele oder schlecht sichtbare Hinweise können das Nutzererlebnis verschlechtern, insbesondere auf mobilen Geräten, wo „Hover‑Effekte“ schwer umzusetzen sind. Gute Tooltips sind dezent, klar formuliert und optisch zum Design der Seite passend.
Auf einer professionellen WordPress‑Homepage erfüllen Tooltips somit eine doppelte Funktion: Sie erklären komplexe Inhalte verständlich und verbessern gleichzeitig die Interaktion zwischen Website und Besucher – eine kleine, aber wirkungsvolle Ergänzung in der Webgestaltung.