This feature allows you to add link to any row or section on your website. For example, you might want to create a section called “Contact” instead of separate page, and want to have a “Contact” link in your header bar related to that section. How to do it?
Step 1. Add row or section ID
Open selected row or section settings and go to “Row ID” field (for rows) or “Section ID” field (for sections). ID value should be unique for the page where it will be displayed, and should be valid according to W3C specification).
For example, for “Contact” section, section ID value can be set to “contact”.
After that, don’t forget to save your page changes!
Step 2. Add custom menu link
Go to “Apperance” – “Menus” in your WordPress admin panel and choose the menu where you want to add your new link to “Contact” section.
On your left hand side, choose “Custom Links” option, put any “Link text” you want (for example: “Contact”) and add the URL with one of following formats:
If you want the link to redirect to “Contact” section on home page,
If you want the link to redirect to “Contact” section on current page (so, this section should be visible on all pages, for example on Custom Footer),
If you want the link to redirect to “Contact” section on home page, but your WordPress installation is directory based,
Step 3. Make sure that custom scrollable links are enabled
WPBakery Page Builder (formerly: Visual Composer) contains built-in support for this feature, but it’s a bit lumbering – when you click on link, browser just jump into section with selected ID, without any animation.
Go to “Ueldo” – “Theme Options” page and find “Local scrolling links animation” option. Make sure that it is enabled, and customize the animation speed value if you want (default value: 1000). After that, your scrollable menu links are ready!