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.
Linking AI Page Section to Any Element
The process is quite similar to adding a non-AI-generated section. Simply right-click on an AI section and select the Advanced tab.
Scroll down a little and select the Custom Selectors option. Fill in the HTML ID field. Enter #pricing as an ID. Copy this HTML ID and save it.
Once the ID has been added to the section, navigate to the AI section editor.
Select the button. In the button link settings, choose Link Type as ‘Section (anchor)’.
Find the Section ID field and paste the HTML ID that you created for the pricing section. Please make sure not to include any "#" symbol or extra characters. The ID must match exactly with the Section ID you added to the section. You can also allow the section to open in the same tab or new tab.
Once done, click the Update button and close the editor.
