This article will guide you step-by-step to create an anchor link using a button that allows users to leapfrog to a specific point on a website page.
In order to create an anchor link scrolling down to a specific spot, please follow these simple steps below.
Creating An Anchor Link
Step 1: Click on the button and click the Pick Link button on the left sidebar of the editor.
Step 2: On the link picker, navigate to the tab Scroll To
Step 3: On the list of sections, scroll down and select the one you would like your anchor to link to.
A small tip to recognize the section you would like to select as the destination point easily. You can try finding the title of that section. For example, I would like to scroll down to section Choose A Plan:
Besides, we also recommend you to avoid nesting all sections into a row, alternatively split them to separate sections so that they will be listed on the Link Picker.
Step 4: Hit Save. Then Save/Publish the editor to check the result on the Preview or on your live page
The result should be like this:
Tips
- How can I add an anchor link if I don’t use Button on my page?
You can also add anchor link for Heading, Text Block, Image, Hero Banner, etc. by this Pick link feature.
Eg: Pick anchor link for a HeadingSelect the text and hit Pick a Link, then continue doing the next steps repeatedly like the tutorial above
You also can add anchor link for Heading, Text Block, Image, Hero Banner, etc.. by this Pick link feature. Eg: Pick anchor link for a Heading You select the text and hit Pick a Link, then continue doing the next steps repeatedly like the tutorial above.