Jak přidat kotevní odkaz pro přeskočení na konkrétní část stránky

V tomto článku se dozvíte, jak nastavit kotevní odkaz, který návštěvníky přesměruje na konkrétní sekci vaší stránky.

Budete potřebovat:

• Účet na systeme.io
• Trychtýř
• Existující stránku

Aktuálně existují dva způsoby, jak přidat kotvu na stránce systeme.io.

1. Použití HTML kódu:

Příklad: Kotevní odkaz v patičce, který vás přenese na spodní část dlouhé stránky.

Pro tuto metodu přejděte do editoru stránky a přidejte prvek HTML těsně nad nebo pod místo, kam chcete návštěvníka přesměrovat. Poté do HTML vložte kód <div id="whatyouwant"></div>. (1)

Po vložení kódu změny uložte (2).

Poté zkopírujte odkaz na stránku.

Nakonec přidejte tlačítko do horní části stránky a do pole URL vložte zkopírovaný odkaz na stránku, za který ihned přidáte #whatyouwant (3).

Nyní, když někdo klikne na tlačítko, bude přesměrován přímo na HTML kotvu.

2. Použití atributu ID prvku:

Nejprve najděte atribut ID prvku, na který chcete odkazovat.

Klikněte na prvek, aby se v levém panelu editoru zobrazilo jeho nastavení, a poté přejděte dolů, kde můžete zkopírovat atribut ID (např. „section-d10b45b3“).

Poté zkopírujte odkaz na stránku stejným způsobem, jak je popsáno v části 1 (snímek obrazovky 3).

Jakmile máte odkaz zkopírovaný, přidejte tlačítko do horní části stránky. V levém panelu editoru vložte odkaz do pole URL a ihned za něj přidejte #IDatributu (např. #section-d10b45b3) (4).