Top
Inhalt an ein Element anheften
  • 11 Dec 2024
  • 2 Minuten zu lesen
  • Dunkel
    Licht
  • pdf

Inhalt an ein Element anheften

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Your title goes here

Inhalt an ein Element anheften ist eine Beta-Funktion. Um diese Funktion zu aktivieren, kontaktieren Sie support@whatfix.com.

Übersicht

Anker an Element ermöglicht es Ihnen, Inhalte an ein bestimmtes Element auf einer Webseite zu koppeln, sodass diese auch beim Scrollen des Endbenutzers mit diesem Element ausgerichtet bleiben. Wenn Sie Inhalte an ein Element verankern, ist die Position des Inhalts relative zu dem Element, an das es angehängt ist. Wenn der Endbenutzer die Seite scrollt, bewegt sich der Inhalt zusammen mit dem Element und behält seine Ausrichtung bei. Das bedeutet, dass der Benutzer, wenn er die Seite nach unten scrollt, der Inhalt mit dem Element verschoben wird, anstatt an einer Stelle auf dem Bildschirm fixiert zu bleiben. Zum Beispiel, wenn Sie ein Tooltip an einen Button anheften, bleibt das Tooltip am Button befestigt, während der Benutzer scrollt.

Was Whatfix Ihnen ermöglicht, ist, ein Smart Tip Symbol, Beacon und Launcher an ein Element zu verankern.

Berücksichtigen Sie, dass Sie einen Beacon an einem Link innerhalb einer scrollbaren Seitenleiste in Ihrer Anwendung befestigt haben. Ohne Verankerung könnte der Beacon ständig springen oder aus der Ausrichtung geraten, während der Benutzer durch den Inhalt scrollt. Das Verankern des Beacons an einem Element innerhalb der Seitenleiste stellt sicher, dass der Beacon in seiner vorgesehenen Position bleibt und verhindert, dass er beim Scrollen des Benutzers springt oder sich falsch ausrichtet. Dieser Ansatz ist besonders nützlich, wenn Whatfix Widgets nicht reibungslos mit dem Rest der Anwendung scrollen, da er eine stabilere und konsistentere Benutzererfahrung bietet.

So sieht der Beacon aus, wenn er nicht an das Element verankert ist:

Studio_Anchor to element_before

So sieht der Beacon aus, nachdem er an das Element angedockt wurde:

Studio_Anchor_to_element

Wann sollte man Anchor zu Element verwenden?

  • Sanfte Widget-Bewegung: Wenn Whatfix-Widgets springen oder nicht reibungslos bewegen, wenn der Benutzer scrollt, sorgt das Verankern des Inhalts an einem Element dafür, dass der Inhalt korrekt ausgerichtet bleibt und sich reibungslos mit der Seite bewegt.

  • Kontextuelle Anleitung: Wenn Sie möchten, dass der Inhalt mit einem bestimmten Element, wie einer Seitenleiste oder einem Formularfeld, ausgerichtet bleibt, stellen Sie sicher, dass der Inhalt relevant bleibt, während der Benutzer scrollt.

  • Dynamische Elemente: Für Elemente, die ihre Position oder Größe ändern können, wie z. B. einen schwebenden Button oder ein Pop-up, sorgt das Ankern am Element dafür, dass der Inhalt angemessen ausgerichtet bleibt, selbst wenn sich das Element bewegt oder auf der Seite skaliert.

  • Scrollbare Container: Wenn Inhalt in einem scrollbaren Container platziert wird (einem Abschnitt, durch den Benutzer scrollen können), ermöglicht das Verankern an dem Element, dass der Inhalt sich zusammen mit dem scrollbaren Abschnitt bewegt.


Gehen Sie wie folgt vor, um Inhalte an ein Element anzuhängen:

  1. Erstellen Sie Inhalte mit Whatfix Studio oder bearbeiten Sie die Inhalte mit dem Dashboard, die Sie verankern möchten.

  2. Klicken Sie im Studio auf den Tab ERWEITERTE OPTIONEN.

  3. Im Weitere Optionen Abschnitt aktivieren Sie Anker auf Element Toggle.

    Your title goes here

    • Stellen Sie sicher, dass Sie basierend auf Ihrem Bedarf nur eine Ankeroption auswählen. Wenn sowohl Element verankern als auch Seite verankern für einen Inhalt aktiviert sind, wird der Toggle Seite verankern automatisch deaktiviert, und der Inhalt verhält sich so, als ob er nur an dem Element verankert wäre.

    • Stellen Sie sicher, dass das Element, an das Sie anheften, auf der Seite sichtbar ist. Wenn das Element verborgen oder entfernt ist, verschwindet auch der angeheftete Inhalt.

  4. Fahren Sie fort, den Inhalt nach Bedarf zu erstellen oder zu bearbeiten.

  5. Klicken Sie Speichern.


War dieser Artikel hilfreich?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.