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 known as anchor links or jump 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, 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.