Hvis du har et nettsted med lange sider, kan du forbedre brukeropplevelsen betydelig ved å opprette «hopplenker» eller deeplinks, lenker som hopper direkte til en seksjon på siden.
I denne bloggen skal vi gå gjennom hvordan du kan hoppe til seksjoner med Elementor. Ved å implementere denne teknikken får du tydelige navigasjonsveier i innholdet ditt, slik at besøkende raskt kan få tilgang til informasjonen de trenger.
La oss se nærmere på hvordan du kan implementere dette i Elementor.
Hva er hopplenker (ankerlenker)?
Tenk på hopplenker som snarveier på en nettside. De er som små bokmerker i innholdet ditt! Du klikker på en hopplenke (vanligvis i en innholdsfortegnelse eller på en knapp), og du «hopper» øyeblikkelig til et bestemt sted lenger ned på siden.
Er de i det hele tatt verdt det?
Hopplenker er verdt det! De er som små snarveier på et nettsted, spesielt på lengre sider. I stedet for å skrolle i det uendelige for å finne det du trenger, kan du bare klikke på hopplenken.
Og du blir umiddelbart ført til riktig seksjon. Dette sparer tid og gjør det mye enklere å finne informasjon på et nettsted.
Når du bør bruke hopplenker
Her er noen perfekte brukstilfeller:
- Lange FAQ-sider: La besøkende hoppe rett til det spørsmålet som er viktig for dem.
- «Innholdsfortegnelse»-oppsett: Perfekt for artikler eller blogginnlegg med flere underoverskrifter.
- Produktsider: La kundene hoppe mellom beskrivelser, spesifikasjoner og anmeldelser.
Hvordan gjør jeg dette med Elementor?
La oss dele det opp i to superenkle metoder for hvordan du kan hoppe til en del av en side ved å klikke på Elementor:
Metode 1: Hoppe til en seksjon ved hjelp av en Elementor-knapp
Trinn 1: Tilordne en CSS-ID til målseksjonen
1. Åpne siden du jobber med i Elementor-redigeringsprogrammet.
2. Finn den delen du vil at noen skal kunne hoppe til.
3. Klikk på seksjonen for å åpne innstillingene, og gå til fanen Avansert.
5. Se etter CSS ID-feltet, og skriv inn et unikt navn (f.eks. «faqs», «about-us», «features»). Ingen mellomrom eller spesialtegn – hold det enkelt!
Trinn 2: Konfigurer knappen din
1. Legg enten til en ny knappemodul på siden din, eller klikk på en eksisterende knapp du vil bruke.
2. Gå til fanen Innhold i knappens innstillinger
4. Finn lenkefeltet, og skriv inn et «#»-symbol etterfulgt av CSS-ID-en du nettopp opprettet (f.eks. #faqs).
Nå er det utført. Test den nye hopp-lenken på det aktive nettstedet ditt. Når du klikker på knappen, skal du enkelt komme til riktig seksjon.
Metode 2: Hoppe til en seksjon ved hjelp av tekst
Trinn 1: (Samme som før) Tilordne en CSS-ID til målseksjonen
Trinn 2: Opprett en tekstlenke
1. Legg til en tekstredigeringswidget, eller åpne en eksisterende widget.
2. Skriv inn teksten du vil gjøre om til en lenke (f.eks. «Klikk her for å lære mer»). Marker teksten, og klikk på «lenke» -ikonet i tekstredigeringsverktøylinjen (ser ut som en lenke ).
3. Skriv inn «#»-symbolet etterfulgt av CSS-ID-en din.
Ytterligere tips
Jevn rulling: Mange temaer eller Elementor-tillegg lar deg aktivere jevn rulling for hopplenker. Dette gjør hoppet mindre skurrende.
Bli fancy: Du kan style hopplenkene dine slik at de passer perfekt inn i nettsidedesignet ditt – endre farger, sveveeffekter osv.
Konklusjon
Hopplenker er en liten funksjon som utgjør en stor forskjell i hvor brukervennlig nettstedet ditt er. Og Elementor gjør det enkelt å legge til slike lenker. Gi de besøkende enkel navigering i gave, og de vil takke deg for det!
