How to Link to a Particular Divi Section

by | Last Updated: Feb 3, 2019 | Blog, WordPress Tips

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.

 

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 (replace this string with your own CSS ID) 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: https://divitheme.net/blog/#subscribe

NOTE: If this Divi anchor links trick somehow doesn’t work for you, you may need to enable the option “Alternative scroll-to-anchor method” in the Divi Theme Options > Navigation > General Settings.

 

Divi Anchor Links Scroll Enable

 

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

Banner Blue Biz Child Theme

5 Free WordPress Plugins You Should Use

Share This