How to Easily Install Divi Theme in WordPress

If you’ve made the decision to use Divi by Elegant Themes for your blog design, you may be wondering how to install Divi Theme in WordPress. The good news is that it’s a fairly simple process. If you’re new to blogging and WordPress, don’t worry—I’ve created a step-by-step guide to help you easily upload Divi to WordPress.

Step-by-Step Guide to Installing Divi in WordPress

You have two options for obtaining Divi. You can either choose to pay $89 per year for yearly access or opt for lifetime access by paying a one-time fee of $249. After a few years of paying for the yearly access, I switched to lifetime access. If you’re satisfied with Divi within the first year, you may want to consider switching to lifetime access sooner.

divi

Once you’re logged in to your Elegant Themes member account, navigate to the Download tab. Click on the Download button under Divi to download the zipped theme folder.

divi download

After the download is complete, log in to your WordPress dashboard and go to Appearances › Themes. Click on the Add New button at the top of the screen.

upload theme

Next, click on the Upload Theme button at the top of the page. Choose the zipped theme folder you downloaded in the previous step by clicking on Choose File.

add divi

Once you’ve selected the file, click on Install Now. The page will reload, and you’ll need to click on the Activate Theme link to complete the installation of Divi.

See also  Figma to WordPress: Streamline Your Website Design Process

divi active

Congratulations! You have successfully installed Divi Theme in WordPress. Now, let’s move on to how to set it up.

Setting Up Divi

While Divi is now installed, there are still a few things you need to set up to customize your website. Start by heading to Divi › Theme Options, where you can configure some basic settings for your site.

divi theme options

First, click on the Updates tab at the top and enter your Divi account information. This ensures that you’ll receive updates whenever Divi releases new features.

divi updates

To find your Username and API key, go to your Elegant Themes account, click on My Account and API Keys, and copy and paste the information into WordPress.

elegant theme api keys

Once you’ve done that, go back to the General tab. Here, you’ll find various options to customize your site:

  • Upload your logo
  • Select social media icons to display
  • Choose a layout
  • Pick technical settings

While it may seem overwhelming at first, I’ll share my current settings, which you can check out on my website to see if they suit your needs.

After selecting your desired options, click on the Save Changes button.

If you prefer to use the Classic Editor instead of Gutenberg, you can enable it by going to Builder › Advanced.

divi classic editor

Feel free to explore the other tabs as well, but in my opinion, the General and Updates tabs are the most important.

Once you’re done with the initial setup, you can start customizing your website. Click on View Website and then go to Theme Customizer, or access it by clicking on Divi › Theme Customizer.

See also  Migrating Your WordPress Blog to Shopify Made Easy

theme customizer

The Theme Customizer provides a sidebar with various customization options. The best way to understand these features is to experiment with them and see how they affect the appearance of your site.

theme customizer example

Building with Divi Theme Builder

In 2020, Divi introduced an exciting new feature called the Divi Theme Builder, which allows you to create a Global Header, Global Body, and Global Footer for your website. This feature simplifies the process of customizing your site design compared to using the Theme Customizer alone.

To access the Divi Theme Builder, click on Divi › Theme Builder. From there, you can select options to add a Global Header, Global Footer, and more.

divi theme builder

Here’s an example of a Global Header created for another website:

global header divi example

You can also create a Global Footer, like this one for Nomad Life 101:

global footer divi

The Divi Theme Builder also allows you to create customized category pages. Here’s an example of a Specific Category page created for A Broken Backpack:

category page divi theme builder

You can even create a customized 404 page using the Divi Theme Builder. Simply replicate a template and make it your own.

WordPress Classic Editor vs. Divi Builder

With Divi, you have two options for building pages or posts. The first option is to use the Classic Editor (or Gutenberg if you prefer). The second option is to click on the Use The Divi Builder button.

I personally use the Divi Builder for creating pages and the Classic Editor for writing blog posts.

divi builder

Why do I do this? The Divi Builder allows for extensive customization of pages—perfect for your homepage, about page, contact page, or category pages. However, when it comes to reading content, I find it easier to keep things simple and use the Classic Editor.

See also  Migrating Your Website from Wordpress to Shopify

When you click on the Divi Builder, you’ll be presented with three options:

  1. Build from scratch
  2. Choose a premade layout (Divi offers hundreds of free templates)
  3. Clone an existing page

Once you’ve made your selection, the page will reload. You can choose to work on the page in the back end or click on the Build On The Front End button to use the drag-and-drop feature and see how your changes affect the appearance of your site.

And there you have it—you’re now designing your website with Divi!

Final Thoughts on Divi

I’ve been using Divi since 2015, and while it was a bit challenging at first, I absolutely love it. I have no intention of switching to a different theme as I’ve achieved fantastic results with Divi across multiple websites.

If you’re ready to get started with Divi Theme, click here to get your Divi Theme today!

Remember, Divi offers tremendous flexibility and customization options, making it an excellent choice for bloggers and website owners alike.