SeedProd Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für SeedProd

Anker-Block

Der Anker-Block ermöglicht es Ihnen, Links zu erstellen, die Benutzer zu bestimmten Abschnitten einer Seite navigieren. Dieser Block hilft Ihnen, nahtlose Ein-Klick-Navigationen zu erstellen, die die Benutzererfahrung verbessern, indem Besucher direkt zu den Inhalten springen können, die sie benötigen.

Anker-Links sind perfekt für Langform-Inhalte, FAQ-Bereiche, Inhaltsverzeichnisse oder jede Seite, auf der Sie Besuchern helfen möchten, schnell zu bestimmten Abschnitten zu gelangen, ohne scrollen zu müssen. Durch die Einrichtung von Ankerpunkten auf Ihrer Seite schaffen Sie eine zugänglichere und benutzerfreundlichere Erfahrung.

Voraussetzungen: Der Anker-Block ist in allen unseren Lizenzplänen verfügbar.


Hinzufügen des Anker-Blocks zu Ihren Seiten

Befolgen Sie diese Schritte, um einen Anker-Block zu Ihrer SeedProd-Seite hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter Design > Blöcke den Anker-Block in den gewünschten Bereich Ihrer Seite, zu dem Sie Besucher springen lassen möchten.

Ziehen des Ankerblocks auf die Seite

Der Anker-Block kann an jeder Stelle auf Ihrer Seite platziert werden, an der Sie ein Sprungziel erstellen möchten.

Schritt 2: Konfigurieren Sie den Anker-Namen

Klicken Sie nach dem Hinzufügen auf den Anker-Block, um seine Einstellungen zu öffnen. Sie sehen ein einzelnes Feld, in dem Sie den Anker-Namen festlegen können.

  • Anker-Name: Geben Sie einen eindeutigen, beschreibenden Namen für diesen Ankerpunkt ein. Verwenden Sie Kleinbuchstaben und Bindestriche anstelle von Leerzeichen (z. B. „about-section“, „pricing-details“, „contact-form“). Dieser Name wird zum Bezeichner, den Sie zum Verlinken auf diesen Abschnitt verwenden
Ankerblock-Einstellungen, die das Feld für den Ankernamen anzeigen

Legen Sie einen eindeutigen Namen für Ihren Anker fest. Wenn Sie ihn beispielsweise „whatwedo“ nennen, verlinken Sie darauf mit „#whatwedo“.

Um einen Link zu erstellen, der zu Ihrem Anker springt, fügen Sie ein Hash-Symbol (#) gefolgt von Ihrem Anker-Namen zu einer beliebigen Schaltfläche, einem Textlink oder einem Navigationsmenüpunkt hinzu.

Wenn Sie beispielsweise Ihren Anker „whatwedo“ genannt haben, verwenden Sie „#whatwedo“ als URL in Ihren Schaltflächen- oder Linkeinstellungen. Wenn Besucher auf diesen Link klicken, scrollt die Seite automatisch zu dem Abschnitt, in dem Sie den Anker-Block platziert haben.

Sie können mehrere Anker-Blöcke auf derselben Seite erstellen, jeder mit einem eindeutigen Namen, sodass Sie umfassende Sprungnavigationen in Ihren Inhalten erstellen können.

Beispiel, das mehrere Ankerblöcke auf einer Seite zeigt

Erstellen Sie mehrere Anker auf derselben Seite, um ein vollständiges Sprungnavigationssystem zu erstellen.

Schritt 4: Speichern Sie Ihre Änderungen

Sobald Sie die Konfiguration des Anker-Blocks und die Festlegung Ihres Anker-Namens abgeschlossen haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.


Sie haben erfolgreich einen Anker-Block zu Ihrer Seite hinzugefügt! Dieser einfache, aber leistungsstarke Block erstellt nahtlose Navigationen, die Besuchern helfen, direkt zu den Inhalten zu springen, die sie benötigen. Experimentieren Sie mit mehreren Ankern auf Ihrer Seite, um intuitive, benutzerfreundliche Navigationen zu erstellen, die das gesamte Surferlebnis verbessern.

Verwandte Artikel