How to Add Back to Top Button on Divi Theme and Customize it

by Last Updated: Oct 7, 2023Blog, Divi theme

If you ever wondered how you can add a “back to top” button to your Divi website, I will explain to you how to do it in this article. I will also explain how you can customize it.


Back to Top Button on Divi Theme


First of all you may wonder why you might even need this function. Whether you have a one-page website (with parallax scrolling or without it), or you just have a long page with a lot of content that requires a lot of scrolling to the bottom, this feature will definitely help your site’s visitors.

To activate it, simply go to: Divi > Theme Options in your WordPress admin panel and then in the general settings somewhere at the bottom you will find the option “Back To Top Button”. So just enable this option and that’s it.


Divi Theme Options Back to Top


Now, if you don’t like the look of this button and want to customize it, check this Free Divi Extension article on the Elegant Themes blog from the Day 29 of the Divi 100 Marathon (a series of 100 blog posts during the 100 days countdown to the Divi 3.0 release from the summer 2016). You will need to download an additional plugin from this blog post. Or, there is an alternative way to customize it, too. Check out Michelle’s tutorial for this on her blog Divi Soup.

Finally, you might also like to have a look at my other tutorial on how to link to a particular Divi section using anchor links.

Also, in case you want to read my future Divi tutorials, you can subscribe to my newsletter.

5 Free WordPress Plugins You Should Use

Banner - Author Box for Divi Plugin


Author: Andrej

WordPress expert. Divi user since 2014. I blog about WordPress and Divi, my favorite WordPress theme. When I’m not working with WordPress or writing an article for this blog, I’m probably learning Italian. You can read more about me here.