---
title: "Beste Praktiken für Tooltips"
slug: "tooltips-best-practices-1"
updated: 2026-05-07T00:33:35Z
published: 2026-05-29T04:29:19Z
canonical: "support.whatfix.com/tooltips-best-practices-1"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Beste Praktiken für Tooltips

Verwenden Sie Kontrastfarben, damit der Tooltip hervorsticht

Verwenden Sie kontrastreiche Farben, damit der Tooltip auf Ihrer Website/Anwendung auffällt. Damit soll sichergestellt werden, dass die Tooltips auf Ihrer UI nicht verloren gehen.

Weitere Informationen zur Kontrastprüfung finden Sie auf dieser [Kontrastprüfungs-Website](https://webaim.org/resources/contrastchecker/), die Ihnen bei Ihrer Entscheidung helfen kann. ![Contrast color(2)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Contrast%20color%282%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A37%3A52Z&se=2026-10-29T05%3A37%3A52Z&sr=c&sp=r&sig=B%2BniTU%2FKde57pGm26YehAeCPEKwMXwhllVFWJ0VP52Q%3D)

Verfassen klarer und prägnanter Inhalte

Verwenden Sie beim Erstellen von Whatfix Inhalten einfache Wörter und Sätze. Die Beschreibung in Ihrem Tooltip kurz und prägnant halten. ![Description simple.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Description%20simple%283%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A37%3A52Z&se=2026-10-29T05%3A37%3A52Z&sr=c&sp=r&sig=B%2BniTU%2FKde57pGm26YehAeCPEKwMXwhllVFWJ0VP52Q%3D)

Bilder im Tooltip platzieren

Achten Sie darauf, dass die Bilder, die Sie in Ihren Inhalt einsetzen, die width des Tooltips oder Pop-ups nicht überschreiten, um verzerrte Bilder zu vermeiden. Bei Überschreitung von 270 Pixeln wird eine Bildlaufleiste eingeblendet. ![distorted image(2)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/distorted%20image%282%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A37%3A52Z&se=2026-10-29T05%3A37%3A52Z&sr=c&sp=r&sig=B%2BniTU%2FKde57pGm26YehAeCPEKwMXwhllVFWJ0VP52Q%3D)

Weitere Informationen finden Sie unter [Ein Bild in einen Flow Tooltip einsetzen](/studio/docs/de/inserting-an-image-in-a-flow-step).

Kurzbeschreibungen in Tooltips verwenden

Stellen Sie sicher, dass Ihre Flows leicht verständliche und kurze Beschreibungen der nächsten Aktion des Nutzers enthalten. ![Description simple.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Description%20simple%283%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A37%3A52Z&se=2026-10-29T05%3A37%3A52Z&sr=c&sp=r&sig=B%2BniTU%2FKde57pGm26YehAeCPEKwMXwhllVFWJ0VP52Q%3D)

Stellen Sie sicher, dass die Tooltips keine Elemente auf Ihrer Website/Anwendung verdecken

Positionieren Sie die Tooltips so, dass sie keine Elemente auf Ihrer Seite verdecken. In bestimmten Fällen konnte der Tooltip unbeabsichtigt bestimmte wichtige UI verbergen, was zu einer schlechten Benutzerakzeptanz führte. ![Reposition tooltip(2)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Reposition%20tooltip%282%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A37%3A52Z&se=2026-10-29T05%3A37%3A52Z&sr=c&sp=r&sig=B%2BniTU%2FKde57pGm26YehAeCPEKwMXwhllVFWJ0VP52Q%3D)

Ein geeignetes Theme für den Tooltip wählen

Wählen Sie das beste verfügbare Tooltip Theme, um sicherzustellen, dass die UI des Tooltips zur UI Ihrer Website/Anwendung passt. ![Bestpractices_flow_tooltip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Configure_flow_tooltip.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A37%3A52Z&se=2026-10-29T05%3A37%3A52Z&sr=c&sp=r&sig=B%2BniTU%2FKde57pGm26YehAeCPEKwMXwhllVFWJ0VP52Q%3D)

Weitere Informationen finden Sie unter [Design des Tooltips ändern](/studio/docs/de/de/changing-the-design-of-the-tool-tip).

Eine Endnachricht hinzufügen

Fügen Sie allen Whatfix-Inhalten eine Endnachricht hinzu, um sicherzustellen, dass Ihre Benutzer über das weitere Vorgehen informiert sind.

Weitere Informationen zum Hinzufügen einer Endnachricht finden Sie unter [Der Endnachricht eines Flows anpassen](/studio/docs/de/customizing-the-end-message-of-a-flow). ![Bestpractices_end_message](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Bestpractices_end_message.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A37%3A52Z&se=2026-10-29T05%3A37%3A52Z&sr=c&sp=r&sig=B%2BniTU%2FKde57pGm26YehAeCPEKwMXwhllVFWJ0VP52Q%3D)