Getting Started

Linking a section improves site navigation for your visitors. This guide will show you how to link a section to a button or any other linkable element, whether it’s on the same page or a different one.

Step 1: Assign an ID to your section

Follow the steps below to assign an ID to your targeted section —

1. Go to the section you want to link. Click on the section to edit its style settings.
2. Open the Advanced tab.
3. Expand the HTML Selectors section.
4. Enter a unique ID (e.g., event) in the input field after the "#".
5. Save and Publish your site.

And you’re done!

Here’s a screenshot to guide you through the steps:

Step 2: Link the Section

For the Same Page

Linking a section on the same page to a button or link is simple:

1. Select the button or linkable element.
2. In the sidebar, expand the Link section.
3. Choose Section as the link type.
4. Enter the section ID you set earlier.
5. Save and Publish your site.

That’s it! You can now view the changes live.

Here is a screenshot showing you the steps:

Linking to a Section on Another Page

To connect a button or link on one page to a section on a different page:

1. Copy the published URL of the target page.
2. Select the button or linkable element.
3. In the sidebar, expand the Link section.
4. Choose External Link from the link type dropdown.
5. Paste the copied URL into the input box.
6. At the end of the pasted URL add " ?" and a " #" then write the section ID. Here is an example: https://example.com/?#section-id or, https://example.com/page?#section-id
7. Finally, Save and Publish the site to see the change reflected on the live site.

Watch this video for a step-by-step visual guide:

That's it. As always if you need further assitance contact our support team.

Cheers! 😀

Related Article

Pages

Multi Slug in Regular Pages

Links

Updated on: 27/05/2025