Getting Started

This documentation will guide you through the process required to link a Section of any one page to a Button element on another page of your site using the Dorik website builder. That means if you click on a button on one page it will redirect you to a specific section of another page. To know the details, follow the below steps accordingly.

Selecting a specific section of one page

Follow the steps below to learn how to select a specific section of one page —

- In your website builder, go to 📑 Pages from the upper left corner
- Select the Page, Section of that page you want to link to the button
- Click on Edit Section Style & the editor will appear
- From the editor, go to Advanced & scroll down
- Go to HTML Selectors
- Enter the Slug of the section under the HTML ID field
- Press Publish
- Visit the site by clicking the button right next to Publish
- Copy the full URL with the slug


The GIFs & Images below show the whole process being demonstrated visually ⬇️

In your website builder, go to 📑 Pages from the upper left corner & select the Page, the Section of that page you want to link to the button





Click on Edit Section Style & the editor will appear. From the editor, go to Advanced & scroll down





Go to HTML Selectors




Enter the slug of the section under the HTML ID field




Press Publish, visit the site by clicking the button right next to Publish & copy the full URL with the slug

Linking the chosen section to the button of another page

Follow the steps below to learn how to link a specific section to a specific button —

- Go to Pages from the upper left corner
- Select the Page, Button of the same page where you want to link the section
- Click on the button element & the Editor will appear
- From the editor, go to the Button link & click on it
- Go to Link Type & choose External link from the dropdown
- Paste the URL that you copied before under the URL field
- Enter a Hash sign #️⃣ beside the URL
- Enter the Slug of the chosen Section besides #️⃣
- Press Publish & your chosen section will be linked
- To visit the site, click on the button right next to Publish

The GIFs & Images below show the whole process being demonstrated visually ⬇️

Go to Pages from the upper left corner, select the Page, then the Button of the same page where you want to link the section & click on the Button element




From the editor, go to the Button link & click on it




Go to Link Type, choose External link from the dropdown, and paste the URL that you copied before under the URL field




Enter a Hash sign #️⃣ beside the URL & set the Slug of the chosen Section besides #️⃣




Press Publish & your chosen section will be linked, and to visit the site click on the button next to Publish button

How to link a Section of one page to a Link on another page

Here, in this below-mentioned GIF, you will learn how you can link a specific Section of one page to the Link element of another page.

To see the whole process at a glance, Refer to the GIF below ⬇️

How to link a Section of the Home Page to a Button on another page

💡 The previously mentioned process goes for any page of your website except the home page. If you want to link a section from the home page then there will be a slight change in the above-mentioned process. Follow the steps below accordingly to know the details.

Selecting the specific section of the Home Page

Follow the steps below to learn how to select a Section of the Home Page —

- Go to the Home Page by clicking on Pages from the upper left corner of your website builder
- Select a specific Section from the home page that you want to link to the button
- Click on Edit Section Style & the editor will appear
- From the editor, go to Advanced & scroll down
- Go to HTML Selectors
- Enter the slug of the section under the HTML ID field
- Press Publish
- Visit the site by clicking on the button right next to Publish
- Copy the full URL with the slug

To see all the steps at a glance, Refer to the GIF below ⬇️

Linking the chosen section to the button of another page

Follow the steps below to learn how to link the Section of the Home Page to a specific Button —

- Go to Pages from the upper left corner
- Select the Page, Button of the same page where you want to link the section
- Click on the Button element & the Editor will appear
- From the editor, go to the Button link & click on it
- Go to Link Type & choose External link from the dropdown
- Paste the URL that you copied before under the URL field
- Write a Question Mark / ❓ & a Hash sign #️⃣ together `?#’ beside the URL
- Enter the Slug of the chosen Section besides #️⃣
- Press Publish & your chosen section from the home page will be linked
- To visit the site click on the button right next to Publish

To see all the steps at a glance, Refer to the video & GIF below ⬇️

How to link a Section of the Home Page to a Link on another page

Here, in this below-mentioned GIF, you will learn how you can link a specific Section of the Home page to the Link element of another page.

To see all the process at a glance, Refer to the video below ⬇️

Related Article

Pages

Multi Slug in Regular Pages

Links

Updated on: 23/06/2024