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
-
Edit your page in Elementor.
-
Go to the section you want people to jump to.
-
In the Widgets panel, search for "Menu Anchor".
-
Drag the Menu Anchor widget to the very top of that section.
-
In the Anchor Name field (left sidebar), type a short name — for example:
(No spaces; use hyphens if needed.)
2️⃣ Link the Button to That Anchor
-
Go to the button you want to use for scrolling.
-
In the Link field of the button settings, type:
-
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
Post a Comment