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 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!
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.
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.
- Use a pre-designed layout as a foundation and modify it as you go
- 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.
Title your page and switch to Divi's Visual Builder.
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.
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.
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:
- Revise existing copy
- 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.
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.
Proceed by clicking on Write With 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.
You can adjust these options as desired.
If you are not satisfied with the result, you can click the Retry button to try again!
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
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:
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:
This yielded the following outcome, great! But now we want it shorter.
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.
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:
- Enhance an existing image
- 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.
Generate Image with AI
To generate an image, hover over the image box and click the Divi AI icon. Then, select Generate Image.
Here, you can add an image description and choose the aspect ratio of your image. Let's try something out.
Improve Image with AI
To enhance an image, click on the Divi AI icon again. Then, click on Improve Image.
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.
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
A flower blossoming on a sunny day
Let's create more variations of the image in the bottom-right corner!
A hot air balloon on a sunny day
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.
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