Hoe stel je een anchor link in binnen Datamotive?
Leer hoe je met een anchor link bezoekers automatisch naar een specifiek contentblok op dezelfde pagina laat scrollen.
Met een anchor link stuur je bezoekers automatisch naar een specifiek contentblok lager op de pagina. Dit is handig wanneer je een CTA wilt koppelen aan bijvoorbeeld een contactformulier of een informatieblok verderop op dezelfde pagina. Je stelt dit in door een vlak ID toe te wijzen aan een contentblok en dit ID te gebruiken in een link of URL.
Vlak ID instellen op een contentblok
Stap 1 – Stel het vlak ID in
Navigeer naar het contentblok waar je naartoe wilt linken. Vul bij Vlak ID een unieke waarde in, bijvoorbeeld contact of informatie. Sla de pagina op.
Let op: het vlak ID moet beginnen met een letter en mag alleen letters, cijfers,
-of_bevatten.
Anchor link gebruiken in een URL
Stap 2 – Gebruik het vlak ID in een URL
Je kunt direct naar het contentblok linken door het vlak ID achter een # te plaatsen in de URL. Bijvoorbeeld:
- Pagina URL:
https://voorbeeld.uwdatamotive.nl/over-ons - Vlak ID:
team - Volledige URL:
https://voorbeeld.uwdatamotive.nl/over-ons#team
Anchor link instellen via een interne link
Stap 3 – Koppel het vlak ID aan een interne link
Voeg een interne link toe of bewerk een bestaande link in je content. Selecteer in het linkbeheervenster bij Link URL de gewenste pagina en vul bij Link anker het vlak ID in (zonder #). Klik op Bevestigen. De link scrollt nu automatisch naar het gekoppelde contentblok wanneer een bezoeker erop klikt.
Let op: het vlak ID moet exact overeenkomen met wat je bij het contentblok hebt ingevuld. Anchor links werken alleen correct als het contentblok aanwezig is op de geladen pagina.