Linken binnen dezelfde pagina met anchorlinks

Share on linkedin
Share on facebook
Share on twitter
Share on email
Share on whatsapp

Inhoud van dit artikel:

Pssst, bevalt Elementor Pro?

En wil je meer sites bouwen met Elementor Pro? Upgrade nu je licentie en profiteer van kortingen tot 60%🥳

Linken binnen dezelfde pagina kun je doen met anchorlinks. Anchorlinks worden vaak gebruikt wanneer je veel content op een pagina hebt staan. Daarnaast zie je ook terug op one page websites die steeds populairder worden. In dit artikel leg ik je uit hoe je kunt linken binnen dezelfde pagina naar bepaalde content met Elementor.

Gebruik je de page builder WPBakery? Hier lees je hoe je anchorlinks maakt met WPBakery.

Menu anker widget

Binnen Elementor kun je met de widget ‘Menu anker’ een anchorlink maken. Je vindt deze widget in je Elementor panel. Als je deze hebt gevonden, sleep je hem naar het blok waar je naar toe wilt linken.

Als je een anchorlink aanmaakt om te linken binnen dezelfde pagina, moet je hiervoor een ‘ID’ aan de anchorlink geven. Deze kun je zelf kiezen. Als je bijvoorbeeld een anchorlink wilt maken naar het contactformulieren dan vul je ‘contact’ in.

Anker ID toevoegen aan secties, kolommen en widgets

Er is nog een manier om te linken binnen dezelfde pagina. Bij secties, kolommen en widgets kun je namelijk ook een ‘CSS-ID’ toevoegen.

  • Ga naar ‘Geavanceerd’ en vul bij ‘CSS-ID’ de naam voor je anchorlink toe. (deze kun je zelf bedenken).

linken binnen dezelfde pagina met ankerlinks elementor

Linken binnen dezelfde pagina

Als je de anchorlink hebt aangemaakt of een CSS-ID hebt ingevoerd, kun je nu gaan linken naar die specifieke content. Dit doe je door achter de url (van de pagina die je aan het bewerken bent) een ‘#’ te plaatsen met daarachter het ID van de anchorlink die je zojuist hebt aangemaakt. Bijvoorbeeld jouwdomein.nl/#contact of jouwdomein.nl/#over.

Op deze manier kun je dus zoveel anchorlinks op je webpagina maken als je zelf wilt.

Pssst, bevalt Elementor Pro?

En wil je meer sites bouwen met Elementor Pro? Upgrade nu je licentie en profiteer van kortingen tot 60%🥳

Share on linkedin
Share on facebook
Share on twitter
Share on email
Share on whatsapp
Deze vind je misschien ook interessant:

Table of contents in WordPress met Elementor

Een table of contents automatisch tonen op je WordPress website? Dat kan met de nieuwe table of contents widget van Elementor Pro. Daarmee heb je

Secties en widgets sticky maken met Elementor

Hoe maak je elementen sticky op je pagina met Elementor? Met Elementor Pro kun je bijna alle sticky maken op je pagina. Denk aan de

Sticky social media buttons maken met Elementor

Sticky social media buttons op je website plaatsen? Je wilt bijvoorbeeld dat de social media deelknoppen zichtbaar blijven bij het scrollen. Dit maakt de kans