There will be a time that you will have to add a Javascript & jQuery code to your WordPress Divi website, and if that is now, then you’ve come to the right place! There are 2 ways to do this:

1) Adding the code to a specific page

2) Adding the code to the whole website

Don’t worry, it’s pretty simple to do, so, let’s get started!

(Do make sure to add the <script> </script> to your code, too!)

Video Tutorial:


Method 1: Adding Javascript & jQuery Code On Specific Page

I’m going to be using a sample on a tutorial I’ve done before to explain this. It’s called “How To Create a Sliding Clickable Button to Reveal Information on WordPress Using Divi Theme”, and it can be seen here.

In this tutorial, I had to add a Javascript or jQuery Code into a Code Module. Please have a look at the image below to see how it works.

And that’s it! Now, let’s get to the second method.

Method 2: Adding Javascript & jQuery Code To The Whole Website

This is, I believe, much simpler than the first method. All we have to do is head to your WordPress dashboard > Divi (on the left) > Theme Options > Integration > Add code to the < head > of your blog

Make sure to click the “Save Changes” button!

There you go! Now you know how to add your jQuery & Javascript Code to your Divi website!

If you have any questions or inquiries about it, please do not hesitate to ask, and I will be happy to help!

If you have watched the video tutorial, and it has helped, please do Like, Comment & Subscribe! Thanks!