Hoe plaats je een anker
In dit artikel laten we zien hoe je een anker op een pagina kan plaatsen om direct naar een specifieke plek op een pagina te worden doorverwezen.
Wat heb je nodig:
- een systeme.io account
- een verkoopfunnel
- een pagina
Er zijn momenteel twee manieren om een anker op een systeme.io pagina te plaatsen.
1. Met behulp van een HTML-code:
Voorbeeld: Een
"Footer"-anker waarmee je naar de onderkant van een lange tekst kunt gaan.
Alles wat je hoeft te doen is naar de editor van je pagina gaan, een HTML-element toevoegen, vlak boven of onder de plaats waar je wilt dat de knop wordt omgeleid, en de code
<div id="whatyouwant"></div> in de HTML zetten (nummer 1 op de afbeelding).
Opmerking: Deze code zal niets weergeven op de pagina.
Nadat je je code hebt ingevoerd, hoef je alleen nog maar op te slaan (nummer 3 op de afbeelding).
Vervolgens kopieer je de link van je pagina (nummer 4 op de afbeelding).
En tenslotte moet je een knop toevoegen bovenaan de pagina, die je instelt door de URL van je pagina, direct gevolgd door #whatyouwant (nummer 5 op de afbeelding)
Dus wanneer iemand op de knop klikt, wordt hij doorgestuurd naar het HTML-elementniveau.
2. Met behulp van het ID attribuut van een element:
Het eerste wat je moet doen is het ID attribuut nemen van het element van de pagina waarnaar je de bezoeker wilt doorverwijzen, zodra hij/zij klikt op een knop op dezelfde pagina.
Om dit te kunnen doen, hoef je alleen maar naar de instellingen van een element te gaan door op het element in kwestie te klikken, en zodra de instellingen van dit element worden weergegeven (in het linkerdeelvenster van de editor), scroll je naar beneden om het ID-attribuut te kunnen kopiëren, dat in ons voorbeeld "row-a9ff7531" is.
Vervolgens moet je de link naar je pagina kopiëren, zoals we al hebben gezien in deel 1 van het artikel.
Zodra je de link hebt gekopieerd, voeg je een knop toe bovenaan de pagina, die je instelt door de URL van je pagina direct gevolgd door #AttributID, dat is #row-a9ff7531 (nummer 5 op de afbeelding).
