WordPress Elementor button to another section of same page

In Wordpress Elementor How do I create a button that just moves someone to another section of the same page? 

In WordPress with Elementor, you can make a button jump to another section of the same page using anchor links.

Here’s the step-by-step:


1️⃣ Add an Anchor to the Target Section

  1. Edit your page in Elementor.

  2. Go to the section you want people to jump to.

  3. In the Widgets panel, search for "Menu Anchor".

  4. Drag the Menu Anchor widget to the very top of that section.

  5. In the Anchor Name field (left sidebar), type a short name — for example:

    css
    about-section

    (No spaces; use hyphens if needed.)


2️⃣ Link the Button to That Anchor

  1. Go to the button you want to use for scrolling.

  2. In the Link field of the button settings, type:

    arduino
    #about-section
  3. Update the page.


3️⃣ Test It

  • Preview your page and click the button — it should scroll smoothly to the section where you placed the anchor.


💡 Extra Tip for Smooth Scroll:
Elementor automatically adds smooth scrolling for anchor links if the theme supports it. If it doesn’t, you can enable smooth scrolling via Elementor → Site Settings → Layout → Scroll Behavior (in newer versions) or by adding a tiny JavaScript snippet.

Comments