Articles on: FAQs

How to link a section of one page to a button/link on another page?

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.


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



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




To see the whole above-mentioned process at a glance, refer to the video below ⬇️




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 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 GIF below ⬇️





Related Article



Pages

Multi Slug in Regular Pages

Links

Updated on: 09/04/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!