Back
Link A Page Section To Any Element
How to link a page section to any element
Want to make your website page more user-friendly? Allow visitors to instantly navigate to key sections like Pricing or FAQs? In this article, we’ll show how you can link a specific section of your page to any element in just a few steps.
To begin, navigate to a website page builder. For this article, we’re going to link up the pricing section of this page to a button located in a different section. The button acts as a trigger point; clicking on it will take the visitor to the specific section.
 |  |
First, create an HTML ID for this section. The HTML ID works as a connector that helps to link the section with the button. Simply right-click on the pricing section and select the Advanced tab.
Scroll down a little and select the Custom Selectors option. Fill in the HTML ID field. In this case, we’re entering #pricing_section as an ID. Copy this HTML ID and save it somewhere else.
Now, move to the button element and right-click on it. Select the Button Link type as ‘Section’ from the editing panel.
Find the Section ID field and paste the HTML ID that you created for the pricing section. Once done, click the Publish button.
To see if it works or not, you can use the Preview option. Click on the button you linked, and it should smoothly scroll or jump directly to your pricing section.
And that’s how easily you can link a section of your page to another element.