help center

On this page

How To Add A Back To Top Button Using Elementor

Last Update: August 17, 2023
  1. Click the section handle of the first section on your page to enter its settings
  2. On the section’s Advanced tab, enter a name into the CSS ID field, such as ‘top’
  3. Drag the Button widget onto your page, wherever you’d like to place it
  4. Type Top in the button’s text field
  5. Type #top in the Link field, or whichever CSS ID you chose in step number 2. (Make sure to place a # sign before the CSS ID with no spaces between, in this step. However, do not place a # sign in step 2).

Clicking your Top button will now bring the user to the top section.

Tip: You can stick the button to the bottom of the page with Elementor Pro’s Sticky Scrolling Effect

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Wait! You get 30-Day Money-back Guarantee

You have nothing to lose – but the discount

days
hours
minutes
seconds