Are you as enthusiastic about Divi AI as we are, but unsure of how to make the most out of it? This tutorial will guide you in the right direction. We will test Divi AI and demonstrate how to construct your homepage using Divi AI! We will begin with a pre-designed layout to expedite the process, and then we will utilize Divi Text AI and Divi Image AI to customize the layout to suit our requirements.

By the way, to celebrate the launch of Divi AI, we are offering a 40% off introductory discount for one week. Now is the time to take advantage of those long-term savings!

Inaugurating Divi AI - Your Personal Web Design Assistant

Divi AI

Divi AI is your new personal web design assistant! It can generate content and create images for you directly within the builder, making it incredibly convenient and helpful. Divi AI comprehends the context of your website and the page you are working on, allowing it to generate content that is contextually relevant. With Divi AI, you can:

  • Auto-Generate Content with One Click — Divi analyzes your existing website content and provides suggestions on what content to add next!
  • Allow Divi to Learn From Your Website — You can provide Divi AI with your website's content to enhance the relevancy of the generated content!
  • Automatically Generate Images — With just one click, you can generate entirely new images!
  • Refine & Modify Existing Images — You can also provide Divi AI with a reference image to refine or completely change the style!
  • & More!

Get Divi AI

Constructing A Homepage with Divi AI

Now that you have an understanding of what Divi AI can offer, let's begin constructing our homepage! If you have not yet signed up for Divi AI, you can utilize your Divi AI trial to experiment throughout this tutorial.

Build a Homepage Divi AI

What You Need to Get Started

In this tutorial, we will specifically focus on constructing a homepage. However, if you are new to Divi, you need to ensure the following:

Options: Build From Scratch or Use a Pre-Designed Layout

When you want to create a homepage with Divi, there are generally two approaches you can take.

  1. Use a pre-designed layout as a foundation and modify it as you go
  2. Construct the homepage layout from scratch

Depending on your needs, you may choose either of these options. However, with over 300 free layout packs available, the chances are high that you will find something to suit your preferences. Using a pre-designed layout does not mean that you have to stick with that design entirely. Instead, it provides an excellent opportunity to save time while making adjustments to existing elements until you achieve your desired outcome.

You can use Divi AI to create your page from scratch or modify existing content. In this tutorial, we will choose the latter. We want to go from nothing to the final result as quickly as possible!

Subscribe To Our Youtube Channel

Step 1: Generate a New Page

Begin by accessing the backend of your WordPress website. Once there, go to your pages and create a new page.

Build a Homepage Divi AI

Title your page and switch to Divi's Visual Builder.

Build a Homepage Divi AI

Step 2: Upload a Layout to Your Page

As mentioned earlier, we will create a new page using a pre-designed layout. Click on Browse Layouts.

Build a Homepage Divi AI

For this tutorial, I have chosen the homepage from the Coaching Layout Pack. Once you have selected the layout, click on the Upload This Layout button.

Build a Homepage Divi AI

The page contains a lot of placeholder text, which we will replace. We will also create new variations of the images used throughout this layout. All of this is made possible with Divi AI! Previously, you had to hire a copywriter and purchase stock images, but now you can utilize Divi AI to meet those needs.

Step 3: Generating Copy Using Divi AI

Now that we have uploaded the layout to our page, we can begin focusing on the copy! We will use Divi Text AI to generate our copy, which makes it easy to get your website up and running quickly. Let's explore some of the features that Divi Text AI offers and how you can use them.

Revise Existing Copy or Create New Copy

Divi AI provides two ways to generate copy:

  1. Revise existing copy
  2. Create new copy

Depending on how much influence you want to have on the copy, you can choose either of these options.

Understanding the Divi Text AI Interface

Divi Text AI is user-friendly. Let's look at some of the things you can do with it.

Write with AI

If you want to write with Divi, you can choose to automatically generate copy. This option takes into account the information from your website and page.

Build a Homepage Divi AI Build a Homepage Divi AI

You can also customize your options in Divi AI. When you hover over the content box, you will see the Divi AI icon appear. Click on this icon.

Build a Homepage Divi AI

Proceed by clicking on Write With AI.

Build a Homepage Divi AI

By Writing With AI, you can select the content type and choose the context. If you click on the Guide Me option, you will see additional options.

Build a Homepage Divi AI

You can adjust these options as desired.

Build a Homepage Divi AI

If you are not satisfied with the result, you can click the Retry button to try again!

Build a Homepage Divi AI

Build a Homepage Divi AI

Improve with AI

If you already have some copy on your page and you want to enhance it, that is also an option! Divi Text AI offers several options to improve your copy:

  • Write & replace
  • Improve
  • Rephrase
  • Lengthen
  • Shorten
  • Simplify
  • & More

Build a Homepage Divi AI

H1 Title Prompt Example

Now that we have covered some of the main settings in Divi Text AI, let's generate a new H1 title for our homepage. Using the auto-generate option, we obtain the following result:

Build a Homepage Divi AI

Repeat Steps for All Copy Throughout the Page

You can generate copy for every text field on your page, so go ahead and write the remaining titles and paragraphs on your page. Here is an example of how we changed the paragraph content below the title:

Build a Homepage Divi AI

Build a Homepage Divi AI

This yielded the following outcome, great! But now we want it shorter.

Build a Homepage Divi AI

And just like that, we have new copy throughout our hero section! You can repeat these steps to replace all the copy on your page.

Build a Homepage Divi AI

Build a Homepage Divi AI

Step 4: Generating Images Using Divi AI

Divi AI does not exclusively focus on copy; it also allows you to generate images! This enables you to create a unique-looking page without having to hire a photographer or spend money on stock images.

Revise Existing Images or Create New Images

Similar to Divi Text AI, you have two options to create images with AI in Divi:

  1. Enhance an existing image
  2. Generate a new image

You can also use an existing image as inspiration for a new prompt. This will inform the AI algorithm of the desired look and feel of the image.

Understanding the Divi Image AI Interface

Divi Image AI is user-friendly, but we will quickly overview some of its most prominent settings to make things easier.

Image Styles

Divi Image AI offers various image styles. Photo is the most obvious choice, but there are other interesting image styles such as Digital Painting, Drawing, Vector, and more. You can apply these styles to an existing image or a new prompt.

Build a Homepage Divi AI

Generate Image with AI

To generate an image, hover over the image box and click the Divi AI icon. Then, select Generate Image.

Build a Homepage Divi AI

Here, you can add an image description and choose the aspect ratio of your image. Let's try something out.

Build a Homepage Divi AI

Build a Homepage Divi AI

Build a Homepage Divi AI

Improve Image with AI

To enhance an image, click on the Divi AI icon again. Then, click on Improve Image.

Build a Homepage Divi AI

We will use our previous image as a reference image, but we will ask Divi AI to create a variation of it in a winter theme.

Build a Homepage Divi AI

Build a Homepage Divi AI

Build a Homepage Divi AI

Just what we wanted!

Hero Image Prompt Example

Let's try some other prompts and see the outcomes.

A woman running in a field of white flowers with wind-blown hair, photograph from the back

Build a Homepage Divi AI

Build a Homepage Divi AI

A flower blossoming on a sunny day

Build a Homepage Divi AI

Let's create more variations of the image in the bottom-right corner!

Build a Homepage Divi AI

Build a Homepage Divi AI

A hot air balloon on a sunny day

Build a Homepage Divi AI

Build a Homepage Divi AI

Repeat Steps for Images Throughout the Page

You do not have to change everything on the page to make it unique, but you are free to use Divi AI as many times as you want. You can get very creative, and it is essential to master the prompts you provide!

Step 5: Publish the Page!

Once you have polished your homepage, all that is left to do is publish it! Once you get the hang of Divi AI, you will find that it is effortless to build out the rest of your website's pages as well.

Build a Homepage Divi AI

Divi AI Enhances Your Workflow and Speed!

Divi AI is the web design assistant you need! It not only helps you work faster but also provides multiple variations of the same design, making it easier to find your ideal outcome. If you have not yet signed up for Divi AI, seize the opportunity to sign up today and take advantage of the limitless prompts you can input! We hope you enjoyed this tutorial; if you have any questions, let us know in the comments, and we will see you tomorrow for another Divi AI tutorial!

Enjoy a 40% Discount on Divi AI During Our Introductory Sale!

For the next week, we are offering a 40% discount on Divi AI. Anyone who purchases Divi AI before the sale ends will save $115 per year and secure those savings for life! Plus, all of your team members can use Divi AI at no additional cost. Get the discount here


Source