On the fence about using Divi AI to improve your workflows when building websites with Divi?
In our hands-on Divi AI review, we’ll give you a look at how it works and, more importantly, whether it’s any good.
To help answer that second question, I’ll also show you the results of some test AI prompts that I ran for text content, images, and code generation.
Divi AI is based on GPT 3.5 and Stable Diffusion, so there won’t be any real surprises there, but it will give you an idea of what it can do (and it will also show you how Divi AI is aware of the content on your site).
Let’s start with a basic introduction to Divi AI and then I’ll give you a hands-on look at how it works…
Divi AI can primarily improve your workflows in three key areas:
Obviously, Elegant Themes has not built their own AI models from scratch for these:
Here are some of the details that make Divi AI unique, though:
Now that you understand what Divi AI offers and what makes it unique, let’s take our review of Divi AI more hands-on and I’ll show you what it’s actually like to use Divi AI on a real website.
I’ll start with a basic look at how you can access Divi AI.
Then, I’ll go through generating the three main types of “content” that Divi AI supports:
For each type of AI generation, I’ll run through a few different example prompts to give you an idea of how effective it is.
Let’s dig in…
As long as you have an active Divi AI license, you can access Divi AI directly from the Divi Builder.
You’ll see a new option in the module settings when you’re editing an area that supports AI content generation.
You have a few options to access the AI content.
For example, if you’re editing a Text module, you’ll see a Generate Content With AI button to generate the text for that module:
The same is true of other areas, such as Image modules, the code editor, and so on. I’ll show you real examples of these different areas over the next few sections.
However, I think it’s easier to choose the smaller AI option that appears in individual fields. For example, if you place your cursor in the text editor, you’ll see an AI option appear next to the dynamic content option.
I prefer this approach because it lets you actually enter your prompt, whereas the other button seems to take you straight to the refinement interface.
Choosing this option will expand a drop-down with a list of options that are pertinent to that type of content.
Below, I’ll show you specifically how it works to generate content, images, and code.
As I mentioned above, I think the best way to generate text content is to click the small AI icon in the text field that you want to populate.
This will expand a drop-down with a bunch of options.
For text content, the two most important options are at the top:
You’ll also get other quick actions for more specific tasks, such as lengthening or shortening the content, changing the tone, translating it, and so on.
For example, if you choose the Write with AI option, it will open a popup where you can choose what type of content to generate, add your prompt, and add context (such as letting Divi AI look at the content of the page, section, or module).
If you click the Guide Me option, it will expand more advanced settings for tone of voice, must-use keywords, specific content lengths, and so on.
Once you click Generate Text, you’ll see the generated text. You also might get multiple results, which you can browse by clicking the arrows.
You can then click the Use This Text option to insert that text in the field that you’re adding AI content to.
Or, you can use AI to modify or refine the result further.
Now, let’s look at some real examples of using Divi AI to generate text content.
Note – I don’t have a ton of experience with writing AI prompts, so my prompts might not be optimal. If you’re better at writing prompts, you might achieve even better results.
Prompt:
Result:
Prompt:
Result:
Divi AI gives you two basic ways to generate images:
You’ll be able to access the Divi AI image generator from any module that supports adding an image.
As with generating text content, you can place your cursor in a field that supports images and click the AI icon that appears.
Then, you can choose to Generate With AI, which lets you manually enter a prompt and choose how to generate your image. Or, you can choose to Generate Automatically, which will just automatically generate the image based on the context of the page.
Choosing Generate With AI will open a popup where you can choose the image style, add your prompt, add a reference image (optional), and choose the size/aspect ratio.
Divi AI will then generate four images for you. You can choose to use one of the images. Or, you can generate more images or refine the existing images.
While I like having the control to manually input the prompt, the Generate Automatically option actually did a pretty good job for this page. Here’s what the automatic option created.
I already showed you a real example of using Divi AI to generate images in the screenshots above.
However, let’s look at one more example where I use a reference image along with the prompt. For this one, I’ll go away from the “Health Clinic” theme and ask it to make a cartoon version of this sample image.
This time, it took around a minute to generate the images, which is much longer than my previous tests. This makes sense given that my prompt is a little more complicated this time.
After the minute wait, here are the four images that Divi AI generated – I would say that it did a pretty good job of delivering on the prompt.
Finally, let’s take a look at using Divi AI to generate custom code snippets for your designs.
Again, the cool thing about Divi AI here is that it’s already trained on the Divi codebase. This lets you feed it prompts to generate code that’s specific to Divi, such as styling a certain type of module.
If you were using a third-party tool, it would probably require more prompting to get the tool to understand what you want.
As with the other options, you can access the Divi AI code generator from any area that supports custom code. For example, the Custom CSS box in the Advanced tab of any module or section.
Clicking this will open a prompt box that’s specific to that type of code.
For example, if you’re using AI on the Custom CSS box, it will ask you how you want to style the selected element.
However, an even more powerful option is to use Divi AI in the Code module. Rather than just adding custom CSS to an existing element, this lets you generate your own custom elements using HTML, CSS, and JavaScript – all from a text prompt.
For example, you can use Divi AI to create a popup.
Let’s go through a couple of example prompts:
First off, here’s the example code that Divi AI generated for my popup prompt above. I can’t fit the full code in the screenshot.
Here’s what the actual popup looks like – it didn’t quite nail the “large” part, but it is still pretty impressive to me.
If I wanted to improve this, I could use the options to refine/improve the result, as I’ll show you below.
For this second example, I prompted Divi AI to add some custom CSS to the heading of the “services” section.
More specifically, I asked it to have the heading “bounce” up and down as the user scrolled by.
Here’s the code that it generated:
And here’s how it looked on the frontend:
I would say that’s a pretty good job – it pretty much managed to capture exactly what I was expecting with the prompt.
However, I didn’t like that it kept bouncing infinitely, so I went back, chose the “Improve with AI” option, and asked it to stop the animation after it bounced once. It then tweaked the code to make that happen.
Divi AI uses recurring subscription billing that allows you to pay on a monthly or annual basis. It is a separate charge from your existing Elegant Themes membership.
To start, you will need an active Elegant Themes membership. So, if you don’t already have that, you’ll need to purchase that before you can subscribe to Divi AI. You can use our Elegant Themes coupon to save some money.
All Elegant Themes members can access a limited free trial to test Divi AI. You get a fixed number of credits to test things out. However, these credits don’t renew – once you’ve used them up, they’re gone for good.
The good thing is that the Divi AI subscription plans offer unlimited usage. That is, you can generate unlimited text, unlimited images, unlimited code snippets, and so on.
Here are the two plans:
As we near the end of our Divi AI review, let’s recap some of the pros and cons.
To finish out our Divi AI review, let’s go over some common questions that you might have about it…
You can use Divi AI to generate text content, images, and custom code (including CSS, HTML, and JavaScript).
At the time of our Divi AI review, Divi AI uses GPT 3.5 for text/code and Stable Diffusion for images.
Yes – you must have an active Elegant Themes membership to use Divi AI (plus a Divi AI subscription). That is, you cannot just purchase Divi AI without also having an active Elegant Themes membership.
Elegant Themes members can try Divi AI for free for limited usage. However, once you max out the free trial usage, you will need to purchase a dedicated Divi AI plan to continue using it.
You can only access Divi AI from inside the Divi interface. You are, of course, free to use the output of Divi AI in other places. You just won’t be able to generate content from outside the Divi interface.
Divi AI is different from other web design tools because it’s aware of the content on your page, as well as the Divi code base. It’s also integrated directly into the Divi interface so that you can easily generate AI content right from the tool that you’re already working in.
Divi AI costs $24 per month with monthly billing or $18 per month with annual billing. Both plans allow unlimited usage.
That wraps up our hands-on Divi AI review.
If you’re already using Divi to build your websites and you want to start playing around with AI, I think that Divi AI makes a great option for a few reasons:
With that being said, I do have some general issues with using AI at this time. These are not specific to Divi AI per se, but they do apply to Divi AI because it uses the same underlying LLM as a lot of other tools.
Personally, I would not directly use the output of an AI text content generator on my own live sites at this time (the same is true of the image generator, to a smaller respect).
For that reason, I personally would use the text and image generation tools as more of a brainstorming tool, or a tool to generate placeholder content while building a website (which is far superior to generic lorem ipsum text/images).
Where I think Divi AI offers the most value, though, is in its code generation features. These features are ready for direct production use, in my opinion, and they can save you a ton of time when building your sites.
If you’re not able to write your own code from scratch, Divi AI will give you new abilities that you wouldn’t otherwise have. And even if you can write code from scratch, Divi AI can still save you a ton of time by eliminating a lot of manual work.
I think that the code generation alone is worth the money if you’re regularly using Divi to build websites. And if you feel differently than me about AI text content and images, you also might find those tools to be worth it for live websites, as well.
For related content, you might also be interested in our full Elegant Themes review, our Divi Builder plugin review, or our Divi theme review.
Do you still have any questions about Divi AI or our Divi AI review? Let us know in the comments!
Trying to figure out how to start an online course so that you can share…
Considering using LearnDash to create online course content with WordPress? LearnDash is a popular WordPress…
WordPress XML files see a lot of use for me as a content creator, and…
If you’re looking for a way to deliver an online course, complete with all the…
Search Engine Optimization (SEO) is crucial for any website that wants to maximize its traffic…
Kinsta is a notable brand in the WordPress hosting space. The standout aspect of the…