How to create custom anchor links in Menus to link to specific blocks in the page

How to create custom anchor links in Menus to link to specific blocks in the page

If you are creating a landing page and want custom links in the Menu that point to different blocks in the page, here is how to add them:

Step 1. Go to CMS (hamburger icon)> Project Settings - Menu tab

Custom_Link_Menu.jpg


Step 2. Select the menu you want to add the custom links to, from the drop down


Custom_Link_Select_Menu.jpg


Step 3. Add Custom links from the sidebar.


Custom_Link_Add_CL.jpg


Step 4. Click on the Settings icon and add the anchor link in the Anchor field. For example, if you have named the Contact block as Contact, your anchor link will be #Contact.


In the Page Title field, please give a name for your anchor link. Your website visitors will click on this name to go to the specific block. Click on 'Save Changes' at the bottom to save your menu.



Custom_Link_Add_link.jpg


The block name is the name you give to your block from the block advanced settings.


Custom_Link_Block_Name.jpg

    • Related Articles

    • How to create a Menu and add pages into it

      You'll need a Menu on your multi page website. Here is how to create it: Step 1. Click the gear Settings icon in the left sidebar and go to Menu tab Step 2. Create a new menu. Step 3. Select the pages you want in your Menu and press the Add to Menu ...
    • How to add a Menu element on your page

      Once you create the pages and add them in a menu, you'll want to add that menu on your pages on your website. Here is how to do it: Step 1. Locate the Menu element in the builder Step 2. Drag the Menu element on the page Step 3. In the Menu element ...
    • How to create multiple pages for your website

      If you are not creating a landing page (one page), you'll want to know how to create multiple pages for your website. Here is how to do it: Step 1. In the builder, access the Settings from the left sidebar & go to Assets > Pages Step 2. Press the Add ...
    • How to add a header global block on all your pages

      A multi page website needs a global header menu on all the pages that can be modified from any page you are working on. Here is how to do it: Step 1. Set up a header block with the Menu element you want. Step 2. Transform the block in a Global block, ...
    • What are these sections and articles doing here?

      This FAQ is a section in the General category of your help center knowledge base. We created this category and a few common sections to help you get started with your Help Center. The knowledge base in the Help Center consists of three main page ...