Before You Start:
Know The Divi Basics

Our Divi tutorials typically focus on how to do specific things. We assume a basic level of knowledge. If you start on one of our articles and  find yourself lost, please backup and check out these blogs and vlogs from the creators of Divi.

What Is Divi? This is a quick overview of Divi and its most powerful features.

Getting Started with the Divi Builder. This is a beginner’s article that discusses the basic structure of a Divi page and how to add sections, rows, and modules.

There are 2 primary ways to enable the Divi Visual Builder. One way is from the WordPress dashboard. The other way is to activate it from the web page itself. Obviously, you must be logged in to WordPress and have appropriate editing permissions for both methods.

Method One:
Enabling Visual Builder From the Dashboard

Note: This method requires that the page you want to edit has already been opened and edited in the Divi Builder. If you have never opened this page in the Divi Builder, please use the second method below.

WordPress Log In

Log In to WordPress

In a browser, go to http://YourDomainName.com/wp-admin

Log in with your username & password.

WordPress Dashboard List Pages

Go To Your Page List

In your dashboard, mouseover “Page” and then click “All Pages”

WordPress Dashboard Enable Visual Builder

Enable the Visual Builder

From your page list, mouseover the page you want to edit. Below the page title you will see several options. Click the “Edit in Visual Builder” option.

Once the Visual Builder has been loaded, make your changes to the page and save.

Exit the Divi Visual Builder

Exit the Builder

Once you have saved your changes, click the “Exit Visual Builder” Link in the upper left-center of the window to exit the editor.

Method Two:
Enabling Visual Builder From the Web Page

Note: This method assumes you have the “Show Toolbar when viewing site” checkbox checked in your user profile settings.

Websit Link from WordPress Dashboard

Visit Your Website

Log in to WordPress.

Once logged in to the WordPress Dashboard, click on the link in the upper left corner that states your organization name.

This will take you to your website.

Navigate to a Web Page

Enable the Visual Builder

Using your website navigation, first go to the web page you want to edit.

Enable the Divi Visual Builder

Click on the “Enable Visual Builder” at the top of the page.

Once the Visual Builder has been loaded, make your changes to the page and save.

Exit the Divi Visual Builder

Exit the Builder

Once you have saved your changes, click the “Exit Visual Builder” Link in the upper left-center of the window to exit the editor.

Let Us Create Your Internet Presence.

Creative Sarasota Design and Development is a full service website and graphic development workshop. We work with you and your team to create the visual, written, and web-based tools you need to advance your organization's agenda.

Please take a moment to view our portfolios and read more about our services. 

Drop us a line today.

If you have any questions, please call or email us for a free, no-obligation consultation.

Call:

(941) 229-0920

Email:

Connect@CreativeSarasota.com