This article explains how to add an anchor to an element on a page. An anchor is a webpage element that allows users to quickly jump to a specific spot of a webpage without having to scroll.
Use it when you want a button or text link to automatically point visitors to a specific section of the same webpage.
Step 1: Open the page you want to edit in the page editor
a) For a sales funnel page:
-> Go to Marketing → Sales Funnels
-> Click the sales funnel you wish to configure to access its dashboard.
-> In the Pages tab, hover your mouse cursor over the page card you wish to customize, then select Edit.
b) For a course page:
-> Go to Academy → Courses
-> Click the course you wish to configure to access its dashboard.
-> In the Content tab, locate the page you wish to customize, click the vertical ellipsis (⋮) to the right of the page, then select Build.
c) For a website page:
-> Go to Website & Blog → Website
-> In the Pages tab, locate the page you wish to customize, then click the edit icon to the right of the page.
Step 2: Click the page element you want to use as the destination anchor
This can be any element that visitors should be taken to when they click the link or button.
Step 3: In the left customization panel, open the Advanced tab, then expand the Attributes section
Step 4: Enter your anchor name and save
In this example, we will add the anchor anchorcommand to a text element.
Click Save (bottom left) to save and apply your changes.
Step 5: Use the Anchor
Once the anchor is set, you can link to it using an image, button, or link on the same page.
For example, if your page URL is:
https://myaccountid.learnybox.com/page1/
And you have set an anchor called:
anchorcommand
You can configure a page element (button, image, or link) to point to:
#anchorcommand
When visitors click the element, the page automatically scrolls to the anchored element. The URL then updates like this:
https://myaccountid.learnybox.com/page1/#anchorcommand
You do not need to manually modify the full page URL. The page handles it automatically when the element is clicked.
a) Linking an image element to the anchor
Click the image element.
In the left panel's Content tab, set Anchors as the image's click action, then select your anchor.
Click Save (bottom left) to save and apply your changes.
b) Linking a button element to the anchor
Click the button element.
In the left panel's Content tab, select Anchors as the button's click action, then select your anchor.
Click Save (bottom left) to save and apply your changes.
c) Linking a text element to the anchor
Click the text element.
Select the text segment you want to link.
In the left panel's Content tab, select the Link icon to create your hyperlink.
In the Link window, set the link type to:
Link to anchor in the text
Select your anchor (either by anchor name or element ID).
Click OK
Click Save (bottom left) to save and apply your changes.
Why use anchors?
Anchors are useful for long pages. They allow visitors to jump quickly to key sections without scrolling manually.