SmartWebsite: Abschnittsanker (Ankerlinks) anlegen und verwenden

Mit Abschnittsankern (Anchor-Links, Sprunganker) können Sie Besucher direkt zu einem bestimmten Abschnitt auf Ihrer SmartWebsite führen – zum Beispiel zu einem Bestellformular oder einer Kontaktbox unterhalb eines längeren Textes. Dieser Artikel zeigt Ihnen kurz und bündig, wie Sie solche Sprunganker einrichten und nutzen.

Was sind Abschnittsanker in SmartWebsite?

Abschnittsanker verknüpfen ein Element (z. B. Link, Button, Bild oder Navigationseintrag) mit einem bestimmten Abschnitt Ihrer Seite. Beim Klick springt die Ansicht automatisch an diese Stelle.

Typische Einsatzmöglichkeiten:

• Inhaltsverzeichnisse auf langen Seiten (so funktioniert bspw. auch unser Inhaltsverzeichnis hier drüber)
• „Zum Formular springen“-Links unter Produktbeschreibungen
• Direktlinks aus der Navigation zu bestimmten Bereichen einer Seite (z. B. „Preise“ auf der Startseite)

Abschnittsanker anlegen

Zuerst vergeben Sie für einen Abschnitt einen eindeutigen Ankernamen. Dieser Name dient später als Ziel für Ihre Links.

1. Öffnen Sie in der Presence Suite den Webseiten-Editor Ihrer SmartWebsite.
2. Klicken Sie im linken Hauptmenü auf INHALTE.
3. Fahren Sie mit der Maus über den Abschnitt, den Sie verlinken möchten, bis oben links die Leiste Abschnittsoptionen erscheint.
4. Klicken Sie auf Elemente (Reiter der Abschnittsoptionen).
5. Scrollen Sie nach unten bis zum Bereich Abschnittsanker.
6. Haken Sie Anker setzen an.
7. Geben Sie im Feld Name einen eindeutigen Ankernamen ein (z. B. preise, kontaktformular).
8. Klicken Sie auf Fertig, um den Abschnittsanker zu speichern.

Abschnittsanker in Texten, Überschriften, Bildern und Buttons nutzen

Nachdem ein Abschnittsanker angelegt ist, können Sie beliebige Inhaltselemente direkt mit diesem Anker verlinken.

1. Stellen Sie sicher, dass Sie sich im Menü INHALTE befinden.
2. Klicken Sie auf das gewünschte Element (Text, Überschrift, Bild oder Button), um in den Bearbeitungsmodus zu wechseln.
3. Wählen Sie in der Bearbeitungsleiste oben die Option Link.
4. Klicken Sie auf Seite.
5. Wählen Sie die Seite aus, auf der sich der zuvor angelegte Abschnittsanker befindet.
6. Klicken Sie neben dem Seitennamen auf das Auge-Symbol, um die verfügbaren Anker für diese Seite einzublenden.
7. Wählen Sie den gewünschten Anker (er ist mit einem kleinen Ankersymbol markiert).
8. Bestätigen Sie Ihre Auswahl mit Fertig.

Der Text, das Bild oder der Button führt nun beim Klick direkt zu dem verknüpften Abschnitt.

Abschnittsanker in der Navigation verwenden

Sie können Sprunganker auch in einer benutzerdefinierten Navigation einsetzen, um z. B. von einem Menüpunkt direkt in die Mitte Ihrer Startseite zu springen.

So gehen Sie vor:

1. Wechseln Sie im Editor in das Menü INHALTE und scrollen Sie zu Ihrer Kopf- oder Fußzeile.
2. Bewegen Sie die Maus über die Navigationsleiste, bis Verwalten und Design angezeigt werden.
3. Klicken Sie auf Verwalten und wählen Sie Benutzerdefinierte.
4. Optional: Klicken Sie auf Hinzufügen, um einen neuen Navigationseintrag zu erstellen.
5. Klicken Sie beim gewünschten Navigationselement auf das Stift-Symbol.
6. Wählen Sie unten Seite als Link-Typ.
7. Wählen Sie die Seite aus, auf der der gewünschte Abschnittsanker liegt.
8. Klicken Sie rechts neben der Seite auf das Auge-Symbol, um die verfügbaren Anker anzuzeigen.
9. Wählen Sie den gewünschten Anker aus der Liste.
10. Schließen Sie die Anpassung der Navigation mit Fertig ab.

Beim Klick auf den entsprechenden Navigationseintrag springt Ihre Website nun direkt zum verknüpften Abschnitt.

Weiterführende Artikel:

• SmartWebsite: Seiteninhalte bearbeiten
• SmartWebsite: Seiten verwalten