Codepen Blog
  • Home
  • About us
  • Contact us
Codepen Blog
  • Home
  • About us
  • Contact us
Tuesday, February 3, 2026
Top Posts
Top 10 AI Logo Generators in 2023 with the Majority Being...
Ultimate Guide to install and setup WordPress multisite
Upload WordPress From localhost to live server in 2024
Top 10 Best WordPress Themes for Woocommerce in 2024
Top 11 WordPress Mobile Plugin for Optimal Usage in 2024
The Ultimate Guide to Self-Hosted WordPress Website
Creating a Complete Homepage Using Divi AI – Step by Step...
SSH-ing into a Docker container: a step-by-step guide
How to use ftp or sftp server to transfer files in...
Top 5 hosting to WordPress Staging Site with plugins in 2024
SUBSCRIBE NEWSLETTERS
Codepen Blog
Codepen Blog
  • Contact us
Copyright 2021 - All Right Reserved
Blogs

Using Divi AI to Completely Transform Your Divi Layout

by developershohel August 14, 2023
written by developershohel August 14, 2023 Pay Writer
369

Divi AI is a powerful new feature right within the Divi Builder that helps create fresh content for your website in seconds. From generating professional copywriting to one-of-a-kind images, this new tool will speed up your design process and give you the extra boost of productivity you’ve been looking for.

Table of Contents

Toggle
  • What is Divi AI?
  • What’s Possible with Divi AI
  • How to Transform a Divi Layout Using Divi AI
    • Add a Divi Layout to Your Page
    • How to Add Copy to Your Divi Layouts with Divi AI
      • Content Type
      • What are you writing about?
      • Added Context
      • Tone of Voice
      • Must Use Keywords
      • Content Length
      • Language
    • Rewrite and Revise Copy
  • Pay Writer

In this post, we’re going to explore the ways you can transform any premade Divi Layout using Divi AI. Let’s get started!

What is Divi AI?

Divi AI is a powerful and intuitive web design assistant that understands Divi. It can write content, revise content, and generate unique images for your website. You can create custom content from prompts or even ask Divi AI to generate content based on the context of the page, section, or module you’re working in.

What’s Possible with Divi AI

The options are endless with Divi AI! For a complete look at all that Divi AI can do, check out this list of features:

  • Auto-Generate Contextual Content
  • Create Unique Images
  • Create Fresh Copywriting
  • Edit and Revise Existing Copywriting

How to Transform a Divi Layout Using Divi AI

Subscribe To Our Youtube Channel

Now it’s time to get into the fun stuff! Today we’re going to transform a premade Divi layout using Divi AI. First, we’ll need to select our layout.

Add a Divi Layout to Your Page

A great way to use the power of Divi AI is by transforming premade layout packs. Every week the designers here at Elegant Themes release custom-designed pre-made layout packs that are completely free to use. Layout packs are a great way to get started designing your website, and Divi AI can help you quickly customize the content so that it’s unique to you or your business. For more, here is a step-by-step tutorial on how to add a premade layout to your page.

For our purposes, we’ll be using the Coaching Layout Pack. To add a premade layout to your page, expand the Divi toolbar and click the purple + icon to load the Divi Library. Type “coaching” into the search bar and select the Services page layout. Select “Use This Layout” to load it to your page.

Now that we have a premade layout added to our page let’s explore the ways you can transform it using Divi AI!

How to Add Copy to Your Divi Layouts with Divi AI

Divi premade layout packs come with placeholder content. Using Divi AI, you can add text modules and ask Divi AI to generate fresh copywriting based on the context of the content on the rest of your page. Since layout packs are each based on a specific theme, Divi AI will then generate unique copy based on that theme’s page content.

How to Generate New Copy Automatically

Let’s generate some short descriptions for the services section of this page. We’ll start with the One on One service. Access the module settings by hovering over the module and clicking the gear icon. To auto-generate text, click the “Auto Generate Text With AI” blue button. Because this is a Blurb module, Divi AI will also automatically generate an image to go with it in case you decide to use an image instead of an icon.

Next, the AI-generated results will pop up. Since we’re editing a blurb module, Divi AI will generate a piece of content for each section in the blurb module. If you like the generated text, then click the blue “Use This Text” button. Or, you can choose to modify the text further by clicking the dropdown and selecting the action you want AI to take. You can also refine your result by writing further instructions in the Refine Result input field.

And here is the final result! Divi AI was able to automatically generate contextual content based on the rest of the page content. Pretty neat, right?!

How to Create New Copy Using the Divi AI Text Generator

There’s also another way to generate copy with Divi AI: by providing prompts. Let’s try this method with the Couple Therapy blurb module. Open up the module settings and hover over the body text area. You’ll see an AI icon popup in the textarea box. Next, click “Write With AI”.

Up will pop the prompt window where you can select the Content Type, write your prompt, tell Divi AI what context to consider, and further customization options like the tone of voice, keywords, content length, and language.

Content Type

Tell Divi AI what type of content you want it to write: Paragraph, Title, Button, Blog Post, or Social Media Post. For our example, we’ll select Paragraph.

What are you writing about?

Here you can type in the topic you are writing about and what you want Divi AI to create content for.

Added Context

Tell Divi AI what context (or no context) it should write in: This Page Content, This Section Content, This Module Content, No Context. By specifying what content you want Divi to reference, you’ll have more control over your contextual content. Let’s select “This Page Content.”

Tone of Voice

Choose the tone of voice you want Divi AI to use. Options include, Creative, Informative or Funny.

Must Use Keywords

For SEO purposes, here you can tell Divi AI what keywords you want to be included in the text.

Content Length

Here you can tell Divi AI how long or short you want the content to be.

Language

By default, Divi AI will write content in the same language as the prompt it’s given. However, if you’d like Divi AI to write in another language, you can select one from the dropdown here.

Once your settings are configured how you like, click the “Generate Text” button at the bottom to put Divi AI to work! If you are happy with the generated text, you can click the “Use This Text” button to insert the text into the module. However, you can further customize the AI-generated text in the “Modify With AI” section. You shorten or length the text, check the spelling and grammar, rewrite it for experts or beginners, and so much more. You can also give more direction to the AI generator by typing in the “Refine Result” section and then clicking the “Regenerate” button.

In addition to all these options for customizing and refining the AI-generated text, you can go back to your initial prompt by clicking the white back arrow at the top left of the window that says “Content Results”. There, you can refine your settings and generate new text. Once you generate another result, you’ll see an option to toggle between those results right underneath the AI-generated text. That way, you can compare and contrast your results and select the text you like the best and assemble it together for your own unique paragraph.

Rewrite and Revise Copy

Rewriting and revising copy with Divi AI is very similar. To do so, we’ll navigate to a text module that has existing content. Open up the module’s settings to edit the content.

There are two ways you can access the AI options. First, by clicking the blue “Auto Generate Text With AI” blue button at the top, or second, by clicking the AI icon within the text editor.

If you’d like Divi AI to auto-generate revised text, then click the blue button. You can further customize the results in the Content Results window…

Pay Writer

Buy author a coffee

Pay Writer
0 comments 0 FacebookTwitterPinterestEmail
developershohel

previous post
4 Powerful Examples: How to Write an Impressive Executive Summary
next post
Understanding the Concept of an Image Link

Related Posts

How to improve Website Performance & Speed Up...

February 20, 2024

10 Best WordPress Image Optimization Plugins in 2024

February 20, 2024

Top 5 hosting to WordPress Staging Site with...

December 29, 2023

Writing a Blog Post Using AI in WordPress...

August 20, 2023

10 Useful Ways to Utilize AI in WordPress

August 19, 2023

Ultimate Guide on How to Add 2FA Authentication...

August 18, 2023

Comparison of the Top 6 Best WooCommerce Shipping...

August 18, 2023

Top 7 Link Tracking URL Shorteners for WordPress

August 18, 2023

2 Simple Methods to Highlight Text in WordPress

August 18, 2023

Comparison of the Top 5 Managed MySQL Hosting...

August 17, 2023

Leave a Comment Cancel Reply

Save my name, email, and website in this browser for the next time I comment.

* By using this form you agree with the storage and handling of your data by this website.

Weather

New York
overcast clouds
53%
3.1km/h
100%
1°C
2°
-1°
-2°
Wed

Recent Posts

  • How to improve Website Performance & Speed Up website

    February 20, 2024
  • 10 Best WordPress Image Optimization Plugins in 2024

    February 20, 2024
  • Top 10 Best WordPress Themes for Woocommerce in 2024

    January 1, 2024
  • How to use ftp or sftp server to transfer files in 2024

    December 30, 2023
  • Upload WordPress From localhost to live server in 2024

    December 30, 2023

STAY TUNED WITH US

Sign up for our newsletter to receive our latest blogs.

Get Best Web Hosting and Services for your Business

Hostinger

Hostinger

Bluehost

Bluehost

WP Engine

Name.com

Name.com

Resources

  • Developer Shohel
  • Url Shortener
  • All in One Online tools
  • Secure Cloud Storage
  • Books
  • Fashion Product
  • IT Blogger

Company

  • Privacy Policy
  • Refund Policy
  • Terms and Conditions
  • Cookie Policy
  • Contact us
  • About us

Most read

How to improve Website Performance & Speed Up website
February 20, 2024
10 Best WordPress Image Optimization Plugins in 2024
February 20, 2024
Top 10 Best WordPress Themes for Woocommerce in 2024
January 1, 2024
Codepen Blog | Top blogs for WordPress and Web Development
Facebook-f Twitter Instagram Linkedin Behance Github

@2024 – All Right Reserved. Designed and Developed by Developer Shohel

Codepen Blog
  • Home
  • About us
  • Contact us
Codepen Blog
  • Home
  • About us
  • Contact us
@2021 - All Right Reserved. Designed and Developed by PenciDesign

Read alsox

Tips, Prices, and Strategies for Hiring a...

July 22, 2023

The Definitive Beginner’s Guide for 2023

August 3, 2023

Unlocking the Features, Benefits, and Activation Process

June 29, 2023
Sign In

Keep me signed in until I sign out

Forgot your password?

Do not have an account ? Register here

Password Recovery

A new password will be emailed to you.

Have received a new password? Login here

Register New Account

Have an account? Login here

Shopping Cart

Close

No products in the cart.

Return To Shop
Close