Priority Support
Help Center > Elementor Editor > Widgets > Basic functionality > How To Add A Back To Top Button Using Elementor

How To Add A Back To Top Button Using Elementor

Last Update: August 17, 2023

This post has been translated using machine translation, which may result in minor inaccuracies or differences in wording compared to the original. We apologize for any errors or ambiguities. Please feel free to contact us if we can clarify anything for you.

  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

On this page

Share this article

Hosted with