Bobcares

WordPress Elementor Page Jump | All about

by | Jun 9, 2022

Jump to page in Elementor in WordPress is something bothers you? We are here with the solution.

As part of our WordPress support service, Bobcares responds to all inquiries, no matter how big or small.

Let’s look at how to jump from a section in Elementor in WordPress in more detail.

Jump to Page/Section in Elementor in WordPress

In Elementor, there are two ways to jump to a section within the page.

  • Adding a link to a button in Elementor.
  • Adding a link to a text box or heading in Elementor.

Method 1: Adding a link to a button in Elementor

  1. Firstly, navigate to the section to which we want to jump by clicking a link or a button.
  2. Then, open the toolbox for the edit section.
  3. Then, in the Edit section, go to the Advanced tab.
  4. To the section, add the CSS ID.
  5. Then, using Elementor, drag and drop a button.
  6. Then, from the drop-down menu, select Edit Button from the right-click menu.
  7. Finally, go to the Content tab of  edit button.
  8. Then, in the link box, type the CSS ID of the section we want to jump to.

Method 2: Adding a link to a text box or heading in Elementor

  1. Firstly, navigate to the section to which we want to jump by clicking a link or a button.
  2. Then, open the toolbox for the edit section.
  3. Then go to the Advanced tab in the Edit section.
  4. To the section, add a CSS ID.
  5. Then, drag and drop an Elementor text editor onto the page.
  6. Then, in the text editor’s content, type some text.
  7. Select the text to which the link will be attached and click the “Insert link” icon at the top.
  8. Finally, in the text box, type the name of the section to which we want to link.

How to Use Elementor Anchor Links on the Same Page in WordPress?

  1. Firstly, to create an Elementor anchor link, go to the sidebar menu and look for the Menu Anchor element.
  2. Then we must drag the element to the desired location for the link. An anchor can be positioned anywhere on the page. It won’t be visible to users, but we’ll be able to find it and configure it.
  3. Once placed the anchor, give it a name.

    Any name for an anchor is acceptable as long as the letters and digits are not spaced. We have the option of using capital or lower case letters. Spaces are not allowed, but dashes (–) and underscores (_) are.

  4. Then, we must set up the anchor’s link. The anchor can be linked to from any element that can carry a link.
  5. Finally, select an element to which the anchor should be linked.

How to Add an Anchor Elementor Link to a Different Page in Elementor?

An anchor link is a hyperlink that takes us to a specific location on a single page. It includes the page’s URL as well as a link to a specific section. We can create as many Elementor anchor links as we want that lead to a specific part of a page, and we can do so on each page.

On this page, we can also see the anchor links, as we used a menu anchor element to create a Table of Contents at the start. However, while this is the most common use of anchor links, they can also be used on other pages.

For example, if we’re writing a text and want to link it to a specific section of another page, we’ll need to create an anchor on the section we want to link to, as described above. Instead of putting a link to the desired page, we use Elementor anchor links to put a more specific link – a URL link with an anchor that jumps to a specific part of the page.

Don’t forget that the Menu Anchor Elementor element can also be used to make one-page WordPress sites. So, if we weren’t sure what this element could be used for before, we now have all the information we need to build a fantastic website.

[Looking for a solution to another query? We are just a click away.]

Conclusion

To sum up, our Support team went over the details on how to jump from a section in Elementor in WordPress.

PREVENT YOUR SERVER FROM CRASHING!

Never again lose customers to poor server speed! Let us help you.

Our server experts will monitor & maintain your server 24/7 so that it remains lightning fast and secure.

GET STARTED

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Never again lose customers to poor
server speed! Let us help you.