Easy Tech TutsHow to Link a Button to a Section in Elementor, Make Jump Links 2026 Easily
By Impran M N
A button that scrolls visitors to a specific section on the same page, like 'Learn More' or 'Contact Us,' relies on section anchors set up correctly in Elementor. This guide covers creating those anchors, linking your button to them, and troubleshooting when the jump doesn't work.
01Create a section ID
Open the section's advanced settings in Elementor and set a unique CSS ID that will serve as the anchor point for your button link.
02Link the button to the section
In the button widget's link settings, reference the section ID using a hash link so clicking the button scrolls to that section.
03Enable smooth scrolling
Turn on smooth scroll behavior in Elementor's settings so the jump between sections feels fluid rather than an abrupt jump.
04Test the button on the live page
Preview the published page and click the button to confirm it scrolls to the correct section, not just within the editor.
05Fix buttons that don't jump correctly
If the button doesn't scroll properly, double-check the section ID matches exactly what's referenced in the button's link, including correct spelling and case.
Frequently asked questions
Why doesn't my button jump to the right section?
This is usually caused by a mismatch between the section ID and the link reference in the button, or a typo in either field.
Is smooth scrolling available in Elementor's free version?
Yes, basic smooth scroll behavior for anchor links is available in Elementor's free plan.
Can I link a button to a section on a different page?
Section anchors typically work for jumping within the same page; linking across pages to a specific section usually requires including the target page URL along with the anchor.
Do I need any plugin for jump links in Elementor?
No, Elementor's built-in section ID and link settings are enough to create jump links without additional plugins.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
