In this article we will learn about how to jump to a section inside the page in Elementor.
This can be achieved in two ways :
- Adding link to an Elementor button
- Adding link to a text in Elementor text box or heading
Follow the steps below to learn how to jump to a section in Elementor.
Method 1: Adding link to an Elementor button
Step 1: Open Edit section toolbox
Go to the section which you want to jump to on the click of a link or a button. Open it's edit section toolbox.
Step 2: Add CSS ID to the section
- Go to the Advanced tab of the Edit section.
- Add CSS ID to the section.
Step 3: Drag and drop an Elementor button
Step 4: Go to the Edit button toolbox
Right click on the button and click on the edit button option from the drop down.
Step 5: Link the button the section
- Go to the Content tab of edit button.
- Write the section CSS ID which you want to jump to in the link box.
Method 2: Adding link to an Elementor textbox
Step 1: Open Edit section toolbox
Go to the section which you want to jump to on the click of a link or a button. Open it's edit section toolbox.
Step 2: Add CSS ID to the section
- Go to the Advanced tab of the Edit section.
- Add CSS ID to the section.
Step 3: Drag and drop an Elementor text editor
Step 4: Add text to the text box and add link to it
1. Add some text to the content of the text editor.
2. Select the part of text where you want to attach the link and click on the "Insert link" icon to the top.
3. Add the name of the section which you want to link to in the text box.
Conclusion:
Alright! Now you know how to jump to section in Elementor. This will help increasing the ease of navigation of the page for the user.