Übersicht
Mit Anchor to Element können Sie Inhalte an ein bestimmtes Element auf einer Webseite anhängen und so sicherstellen, dass sie beim Scrollen des Endbenutzers an diesem Element ausgerichtet bleiben. Wann Sie einen Inhalt an einem Element verankern, wird die Position des Inhalts relative zu dem Element, an dem er befestigt ist. Wenn der Benutzer die Seite scrollt, bewegt sich der Inhalt zusammen mit dem Element und behält seine Ausrichtung bei. Wenn Sie z. B. eine Tooltip an einem Button verankern, bleibt die Tooltip während des Bildlaufs an dem Button hängen.
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. Durch die Verankerung des Beacons an einem Element der Seitenleiste wird sichergestellt, dass der Beacon an der vorgesehenen Position bleibt und sich nicht verschiebt, wenn der Benutzer scrollt. 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 das Beacon aus, wann es nicht an einem Element verankert ist:
So sieht der Beacon aus, nachdem er an das Element angedockt wurde:
Wann sollte man Anchor zu Element verwenden?
Sanfte Bewegung der Widgets: Wenn Whatfix Widgets beim Scrollen springen oder sich nicht reibungslos bewegen, sorgt die Verankerung an einem Element dafür, dass sie ausgerichtet bleiben und sich reibungslos auf der Seite bewegen.
Relevante Anleitung: Wenn Inhalte auf ein bestimmtes Element ausgerichtet bleiben müssen, wie z. B. eine Seitenleiste oder ein Formularfeld, sorgt die Verankerung dafür, dass sie beim Scrollen des Benutzers relevant bleiben.
Stabile Positionierung für dynamische Elemente: Wenn Elemente ihre Position oder Größe ändern, wie z. B. schwebende Action Buttons oder Pop-ups, sorgt die Verankerung dafür, dass der Inhalt richtig ausgerichtet bleibt, wenn sie sich auf der Seite bewegen oder ihre Größe ändern.
Rollbare Container: Wenn der Inhalt in einem scrollbaren Container platziert ist (ein Abschnitt, durch den Benutzer scrollen können), ermöglicht die Verankerung des Inhalts am Element, dass sich der Inhalt zusammen mit dem scrollbaren Abschnitt bewegt.
Gehen Sie wie folgt vor, um ein Beacon an einem Element zu verankern:
Erstellen Sie Inhalte mit Whatfix Studio oder bearbeiten Sie die Inhalte mit dem Dashboard, die Sie verankern möchten.
Klicken Sie im Studio auf den Tab ERWEITERTE OPTIONEN.
Im Weitere Optionen Abschnitt aktivieren Sie Anker auf Element Toggle.
Note:
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.
Fahren Sie fort, den Inhalt nach Bedarf zu erstellen oder zu bearbeiten.
Klicken Sie Speichern.