Home » Opmaak » Ankers gebruiken in Elementor

Ankers gebruiken in Elementor

Het maken van ankers in Elementor is een effectieve manier om bezoekers snel naar specifieke secties van je pagina te leiden. Hier is een stap-voor-stap handleiding om ankers in Elementor te maken en te gebruiken:

Stap 1: De Elementor Editor openen

Inloggen op je WordPress-dashboard

Ga naar de inlogpagina van je WordPress-website (meestal jouwwebsite.nl/wp-admin).
Voer je gebruikersnaam en wachtwoord in om in te loggen.

Pagina of bericht selecteren om te bewerken

In het linker zijmenu, ga naar “Pagina’s” of “Berichten”, afhankelijk van waar je de video wilt toevoegen.
Klik op de pagina of het bericht dat je wilt bewerken.
Klik op de knop “Bewerken met Elementor” om de Elementor-editor te openen.

Stap 2: Voeg een Ankerwidget toe

Open de pagina met Elementor waar je de ankerlink wilt toevoegen.
Sleep de Ankerwidget van het linker zijpaneel naar de gewenste locatie op de pagina.
- Typ “Menu Anchor” in de zoekbalk om de widget snel te vinden.

Stap 3: Stel het anker in

Geef het anker een naam:

Klik op de Ankerwidget die je hebt toegevoegd.
Voer een unieke ID in het veld “Ankernaam” in. Gebruik bijvoorbeeld “contact”, “diensten”, of een andere beschrijvende naam. Zorg ervoor dat de naam geen spaties of speciale tekens bevat.

Stap 4: Voeg een link toe aan de anker

Selecteer de tekst, knop of het menu-item dat je wilt linken aan het anker.
Voeg de ankerlink toe:
- Voor tekst of een knop: Klik op de tekst of knop en voer de ankerlink in het linkveld in. Het formaat van de link is #ankernaam, bijvoorbeeld #contact.
- Voor menu-items: Ga naar je WordPress-dashboard > Weergave > Menu’s. Voeg een aangepast linkmenu-item toe met de URL #ankernaam, bijvoorbeeld #contact, en voeg deze toe aan je menu.

Stap 5: Publiceer en test de ankers

Publiceer de wijzigingen in Elementor door op de knop “Bijwerken” te klikken.
Test de ankers door op de links te klikken en ervoor te zorgen dat je naar de juiste sectie van de pagina wordt geleid.