How to Link to a Particular Divi Section
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, continue reading.
The first thing that you need to do is to give a CSS ID to the section, row or module to which you want to link in the page builder. When you then want to link to this element, 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 like this: https://divitheme.net/blog/#subscribe – then, just add this hyperlink to wherever you want to have it. You can also add it to a Divi CTA button or a menu link, in case you are creating a one-page website.
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. :)
UPDATE: Also check out this article about anchor links on the Elegant Themes blog – it includes more thorough information.
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.