Creating Links within Pages

Any builder module that can be linked can be made to scroll the page to another row, column or module when clicked using the following instructions. For the purpose of this document, the term “element” can refer to a row, column or module.

Add A Unique ID To The Destination Element

Open the settings for the element you would like to scroll to and add a unique ID such as “my-unique-id” as shown in the screenshot below. When a link that has been configured is clicked it will scroll to this element. Element IDs must only contain alphanumeric characters, dashes or underscores.

Add The Unique ID To The Link

The next step is to add the unique ID you created above to the link that will scroll to the destination element when clicked. To do so, open any module that has a link field and add your unique ID to it with a number sign (#) as the prefix. Using the example ID provided above, you should have a link that reads “#my-unique-id” as shown in the screen shot below.

Linking from another page on your website.

That feature also works when you link to other pages. But you have to link to the page first, then the page jump link. So for this example, since you want to link to the #my-unique-id on your about page, where the about page url is http://www.yourdomain.com/about/ – the link would look like this:

http://www.yourdomain.com/about/#my-unique-id as the link of your callout.

That’s it! Now when your link is clicked it will scroll the page to the destination element without any further work on your part.