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

Een link maken naar een element / rij / blok op deze dezelfde pagina met WPBakery

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.

Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites voor mkb'ers en zzp'ers. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.
Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag: