How to Link to a Particular Divi Section

by | Last Updated: Nov 7, 2016 | Blog, WordPress Tips

In this article I’m going to give you a quick tip on how you can link to a particular section of your Divi website. 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.

 

Divi Section Link

 

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 to the end of your hyperlink.

 

Add CSS ID to Section

 

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: http://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. :)

Bloom Email Opt In Plugin

Disclosure: This website is not owned by Elegant Themes. Some of the links on this website are affiliate links. That means that I will get paid a commission if you use them. This however does not influence my opinions, as I'm personally using these products and am satisfied with them.
Share This