How to Link to a Particular Divi Section
In this article, I’m going to give you a quick tip on how you can link to a particular section, row or module of your Divi website. This technique is also knows as anchor links. Have you ever wanted to link to the bottom part of your website or to a particular image that is located lower on your website so that you wouldn’t have to scroll down to see it? Or what about creating a one-page website with menu links in the header that would take you automatically down to the website’s content? So if you wonder how to do this with Divi, read on.
The first thing that you need to do is to give a CSS ID to the section to which you want to link in the page builder. Then when you want to link to this section, you need to add #yoursectioncssid (replace this string with your own CSS ID) to the end of your hyperlink.
I will show it to you on an example right on this website: I wanted to link directly to the MailChimp email opt-in form that I have on my Blog page. So I added the CSS ID “subscribe” to the section on which I have the email subscription box and then my link to this section looks the following way: https://divitheme.net/blog/#subscribe
It’s pretty easy, right? If you have an idea for a different Divi quick tip, feel free to get in touch with me and suggest it to me. I hope I was helpful. :)
PS: You might also like to check out my other tutorial on how to add social sharing buttons to your website.
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.