Anchor block
The Anchor block offers the possibility to make a click on a page to a certain part of a page by means of an ID. The AnchorBlock is not visible in the frontend, but it is in the backend. In the backend you see a subtle anchor icon and when you click on it, the icon becomes larger and you immediately see the ID.
When you add the AnchorBlock, an ID is automatically added to it. You could use this directly by clicking on Copy anchor ID. It is of course preferable that you create unique IDs per block. You can then use this ID in a link or button.
A hyperlink within a webpage
An anchor link in web development is a hyperlink within a webpage that directs users to a specific section of the same page. It’s created using HTML and typically involves assigning an “id” attribute to the target section and using the “#” symbol followed by that id as the link’s URL. When a user clicks the anchor link, the browser smoothly scrolls to the designated section, providing a seamless navigation experience. Anchor links are commonly used in long pages or menus to improve user accessibility and facilitate content navigation, enhancing the overall user experience.
Section based en column based
You can use the Anchor block section-based and column-based. This means that you can place the block above a section, but you can also use it within the columns above a title, for example.
Smooth scroll
There is also an option to add smooth scroll. It involves intercepting user clicks on anchor links and animating the scroll process instead of instantly jumping to the target. This animation creates a visually pleasing effect, enhancing user experience by providing a smoother and gradual transition to the target content.