Wissensdatenbank

Tooltips

Tooltips sind einzelne Hinweis-Sprechblasen an bestimmten Stellen in Ihrem Online-Shop. Es gibt zwei Arten: Hints — dauerhaft sichtbare oder bei Hover erscheinende Hinweis-Symbole mit erklärendem Text — und Beacons — kleine, farbige Aufmerksamkeits-Punkte, die auf etwas Neues hinweisen und optional zu einem Guide führen.

Was kann ich hier tun?

  • Hints erstellen, bearbeiten und löschen
  • Beacons erstellen, bearbeiten und löschen
  • Nach Name suchen und nach Status filtern
  • Texte auf Deutsch und Englisch hinterlegen
  • Festlegen, welche Zielgruppen einen Hint oder Beacon sehen
Bildschirmfoto der Seite TooltipsBildschirmfoto der Seite Tooltips
Ansicht: /crm/adoption/tooltips

Schritt für Schritt

Einen Hint anlegen

  1. Wechseln Sie auf den Reiter Hints und klicken Sie auf Neuer Hint.
  2. Vergeben Sie einen Namen und geben Sie den CSS-Selektor des Elements an, an dem der Hint erscheinen soll.
  3. Füllen Sie den Inhalt auf Deutsch und/oder Englisch aus.
  4. Wählen Sie Position der Sprechblase und Position des Hinweis-Symbols.
  5. Legen Sie optional fest, dass der Hint nur bei Hover angezeigt wird.
  6. Setzen Sie den Status auf „Aktiv“ und speichern Sie.

Einen Beacon anlegen

  1. Wechseln Sie auf den Reiter Beacons und klicken Sie auf Neuer Beacon.
  2. Vergeben Sie einen Namen, den CSS-Selektor des Zielelements und den Inhalt in Deutsch und/oder Englisch.
  3. Wählen Sie eine Farbe für den Aufmerksamkeits-Punkt.
  4. Verknüpfen Sie optional einen Guide, der beim Anklicken des Beacons gestartet wird.
  5. Setzen Sie den Status auf „Aktiv“ und speichern Sie.
Nachgebauter Ausschnitt der Ansicht: /crm/adoption/tooltips

Felder erklärt

Hint

Feld Bedeutung Hinweise/Auswirkung
Name Interne Bezeichnung des Hints Pflichtfeld
CSS-Selektor Womit das Zielelement im Shop identifiziert wird Pflichtfeld, z. B. #my-button, .nav-item
Inhalt (Deutsch) / Inhalt (Englisch) Text, der im Hinweis angezeigt wird Mindestens eine Sprache sollte ausgefüllt sein
Position An welcher Seite des Zielelements die Sprechblase erscheint z. B. oben, unten, links, rechts
Icon-Position An welcher Seite des Zielelements das Hinweis-Symbol sitzt z. B. oben, unten, links, rechts sowie Diagonalen
Nur bei Hover anzeigen Ob der Hint erst beim Überfahren mit der Maus erscheint Wenn deaktiviert, ist das Symbol dauerhaft sichtbar
Status Aktueller Zustand des Hints Siehe Werte & Status unten

Beacon

Feld Bedeutung Hinweise/Auswirkung
Name Interne Bezeichnung des Beacons Pflichtfeld
CSS-Selektor Womit das Zielelement im Shop identifiziert wird Pflichtfeld
Inhalt (Deutsch) / Inhalt (Englisch) Text, der beim Anklicken angezeigt wird Mindestens eine Sprache sollte ausgefüllt sein
Farbe Farbe des Aufmerksamkeits-Punkts Frei wählbar über Farbwähler oder Hex-Code
Verknüpfter Guide Guide, der beim Anklicken gestartet wird Optional
Status Aktueller Zustand des Beacons Siehe Werte & Status unten

Werte & Status

Wert Bedeutung Was passiert dann
Entwurf Wird noch bearbeitet Im Shop nicht sichtbar
Aktiv Ist live geschaltet Im Shop für passende Kunden sichtbar
Inaktiv Wurde bewusst abgeschaltet Im Shop nicht sichtbar, bleibt aber erhalten

Häufige Fragen

Was ist der Unterschied zwischen Hint und Beacon?
Ein Hint ist ein erklärender Hinweis mit Text, ein Beacon ist ein auffälliger, farbiger Punkt, der auf etwas Neues aufmerksam macht und optional einen Guide startet.

Warum sehe ich meinen Hint nicht im Shop?
Prüfen Sie, ob der Status auf „Aktiv“ steht, ob der CSS-Selektor korrekt auf ein vorhandenes Element zeigt und ob das Einrichtungs-Snippet im Shop eingebunden ist.

Kann ich einen Hint nur bestimmten Kunden zeigen?
Ja, über die Spalte „Segmente“ lässt sich erkennen, wie vielen Zielgruppen ein Hint oder Beacon zugeordnet ist.

Muss ich beide Sprachen ausfüllen?
Nein, es reicht eine der beiden Sprachen, allerdings sollten Sie an alle Kunden denken, die Ihren Shop nutzen.

Verwandte Themen