How to add anchor links on your pages

In this guide we will show you how to create an anchor link on your OptimizeBuilder pages.

An anchor link is a link which helps a user navigate from one section of a page to another.  This is useful to link a user to a specific section of a page such as a pricing table.

Any element in the OptimizeBuilder that can have links added, you can add what is called a “Jump Link”

All you have to do is change the link action to “Jump to Element” and then click the “Select Target” option. You’ll then see that you can choose any element on the page which will automatically add the element’s ID into the link URL.

Using this and creating a row with buttons, and then using the sticky feature is a great way to add a floating menu of links that jump to various parts of your page.

You can add anchor links by using the “Code Before Element” section of our advanced options

Click the element you want to link to – it should either be a Section, Row or Element (columns will not work).

Open the Sidebar and find the Advanced options – and then look for the Code Before Element field

Enter this into the field:

<a name=”pricing”></a>

Replace “pricing” with whatever you want to use for your anchor link text.

Next, you need to add a link the anchor link.  You can do this by using the link text

#pricing

(replace pricing with your anchor name from above)

The link should be set to link on the same frame – not to a separate page

This will link your button to the section on your anchor section of the page.  You can also use the #pricing link in an inline link if you wish:

Updated on October 31, 2024

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support