Hur lägger du till en ankarslänk för att hoppa till en specifik del av din sida

I den här artikeln kommer du att lära dig hur du sätter upp en ankarlänk som tar besökare till en specifik sektion på din sida.

Du behöver:

Ett systeme.io konto
En tratt,
En befintlig sida

Det finns för närvarande två sätt att lägga till ett ankare på en systeme.io sida.

1. Användning av HTML-kod:

Exempel: Ett sidfotsankare som tar dig till botten av en lång sida.

För denna metod, gå till sidredigeraren, lägg till ett HTML-element precis ovanför eller under platsen där länken ska ta besökaren. Ange sedan koden <div id="whatyouwant"></div> i HTML:en. (1)

Notera: Den här koden kommer inte att visa något på sidan.

Efter att ha matat in din kod, spara ändringarna. (2)

Kopiera sedan sidans länk.

Slutligen, lägg till en knapp högst upp på sidan och klistra in den sidlänk du just kopierade i URL-fältet, följt omedelbart av #whatyouwant (3).

När någon klickar på knappen tas de direkt till HTML-ankaret.

2. Användning av ett elements ID-attribut:

Först, hitta ID-attributet för det element du vill länka till.

Klicka på elementet för att visa dess inställningar i vänstra panelen i redigeraren och scrolla ner för att kopiera ID-attributet (t.ex. "section-d10b45b3").

Kopiera sedan sidans länk som beskrivs i del 1 (skärmdump 3)

När länken har kopierats, lägg till en knapp högst upp på sidan. I panelen på vänster sida av redigeraren, klistra in länken i URL-fältet, följt omedelbart av #AttributeID (t.ex. #section-d10b45b3) (4).