Webpagina’s worden steeds langer. De onepage website neemt toe aan populariteit, maar ook product- en landingspagina’s bevatten vaak veel informatie. Het is handig om dan gebruik te maken van anchorlinks. Hiermee kun je naar een bepaalde plek op de webpagina verwijzen. Hoe stel je deze anchorlinks in met WPBakery?
Gebruik je Elementor? Lees dan hoe je een anchorlink maakt met Elementor.
Anchorlinks instellen met WPBakery
Dit doe je met behulp van Anchorlinks. WPBakery (voorheen Visual Composer) biedt hiervoor een handige manier om dit te doen zonder kennis van html.
Stap 1: Vul een element ID in
Bij ieder blok / kolom / element biedt WPBakery de mogelijkheid om een element ID in te vullen. Dit doe je zo:
- Klik op het potlood icoon om het element / de rij / kolom te bewerken
- Ga naar het tabblad ‘Extras’
Heeft jouw element geen tabblad ‘extra’s’? Dan heb je WPBakery waarschijnlijk nog niet geüpdatet. In de oudere versies van WPBakery / Visual Composer vind je deze in het tabblad ‘General’ (wel even scrollen). Als je een anchorlink wilt maken naar een rij dan staat hier ‘Row ID’.
- Vul bij element ID een naam in. Bijvoorbeeld ‘contact’
Let op: de naam die je invult bij het element ID mag maar één keer voorkomen op een pagina
- Sla de aanpassingen op
Stap 2: linken naar het element
Nu het element / blok / of de rij waar je naar wilt verwijzen een naam heeft, kun je hier naar gaan linken.
- Ga naar de button en klik om te bewerken
- Vul bij URL in #contact
- Klik op opslaan
Werk vervolgens de complete pagina bij en test op de link werkt en naar het juiste blok verwijst.