Learn how to harness the power of Divi Layouts IA to create professional and visually appealing designs in minutes.

This article provides a step-by-step guide on how to use Divi Layouts IA to streamline and improve your website design workflow.

What is Divi Layouts IA?

Divi Layouts IA works alongside our WordPress theme, Divi. The combination of Divi and Divi IA makes it one of the best website creators with AI on the market.

You can create full pages, help you refine existing texts, generate images, and add code, all using a text command. Divi Layouts IA can also create pages aligned with your visual identity by allowing you to provide colors and fonts. In this way, each page you generate will always look consistent.

How does Divi Layouts IA work?

Divi Layouts IA is directly integrated into the Divi structure and operates smoothly with the Divi Builder. Thanks to your in-depth knowledge of Divi code, you can learn from your website. Understand how each line of code works and each design module works, facilitating the creation of attractive designs. Divi Layouts IA acts as a designer, developer and photographer, all in one.

You only provide a simple text command describing the type of page you need, and Divi Layouts IA will create a complete website, including text and images, with Divi design modules. Skip the initial stage of planning and creating the structure, giving you an advantage in the design process.

How to get started with Divi Layouts IA

Set up WordPress

• Go to WordPress Desktop → Settings → General

• Set the title of your site

• Sets the description (tagline)

Create a new page

• Go to WordPress Desktop → Pages → Add new page

• Title on your page

• Click the Use Divi Builder button

Provides information to Divi Layouts IA to generate a website

1. In the page creation flow, select Generate Layout.
   
2. Fill in the page details in the "Build your page with AI" modal window where you will describe:

• The type of page you want to create. Although optional, it is advisable to provide Divi Layouts IA as much context as possible.

• Write a brief description of the purpose of your website. You can include your mission statement and value proposition.

• Specify fonts and colors to match your company's identity.

Professional advice:To make your work easier, here is a short list of recommendations for creating the perfect command:

• Clarity is key:Be clear and concise when writing your command. The more specific you are, the better Divi Layouts IA understand the style you want.

• Provides context:Consider including information in the optional field "Tell Divi IA about your website". Provide as much information as possible about your product or service and target audience.

• Use keywords:Include relevant keywords describing your business or service. This helps Divi IA write content and ensures your page is optimized for SEO.

• Refine and regenerates:One of the best advantages of Divi IA is that you can generate as many designs as you want. If your first attempt is not what you are looking for, try again! The possibilities are endless.

Practical example: generates a design for a pet candy business

1. In the "Describe the page you want Divi IA to create", type the following text:
Create a landing page for a pet treating business. The company name is Critter Cravings, which focuses on all-natural ingredients.

2. In the "Tell Divi IA about your website" field, you can add a mission statement to provide Divi IA as much information as possible.

For example, you can use:
Our company, Critter Cravings, is a completely natural pet treating business, renowned for making delicious baked delicacies for your furry friend. We make each treat by hand carefully, ensuring that only the best healthy ingredients are part of our recipes. From crunchy biscuits to chewable snacks, each bite will surely cause a bark or fluff.

Our treats are free of artificial additives, preservatives and fillers, making them a healthy choice for pets of all shapes and sizes. At Critter Cravings we believe that each pet deserves a small whim, and we are proud to offer treats that owners can trust and that pets will love.

3. In the Customize Fonts and Colors section, specify the fonts and colors you would like to use on your website.

For this example, we will use:

• Lato for header typography

• Open Sans for body typography

• #000000 for header typography color

• #000000 for body typography color

• #F3764D for primary color

• #6BAAE for secondary color

4. Click the Generate Design button to create your website.

The creation process can take from a few seconds to several minutes, depending on the complexity of the design being generated.

Fine adjustments and customization

Divi IA does a great deal of job creating beautiful pages, but sometimes you may want to make changes.

Image generation with Divi AI

1. Hover your cursor over the main image and click the gear icon to open the image module settings.

2. Hover your cursor over the image preview and click the Divi IA icon.

3. Select the Generate and Replace option.

Divi IA will automatically generate 4 new images for the main image based on the original. However, you can also generate a new image, allowing you to add a new command, specify the size of the image and more. You can choose from 12 styles, including photo, 3D rendering, drawing and others.

4. Select the Photo option for style.

5. Add a brief description.
Example of command: Photo of a loyal and loyal dog, eyes shining in advance as you savor each bite of a baked, succulent and melting treating in his mouth.

Note:You can be as detailed as you like, up to 200 characters. If you have difficulty creating a command, check out the blog post on the best AI command generators to inspire you.

6. 6. Select the horizontal aspect ratio.

7. Click the Generate button.

8.Select one of the 4 new images generated and click the Use This Image button.

Refine text with Divi AI

In addition to the images, Divi IA also allows you to refine text, including the text that was initially generated for this case.

3. Select the Improve with AI option.

4. In the Write Body with AI modal window, use the following:

• Type of content: Paragraph

• What you're writing about: Write about the benefits of incorporating Critter Cravings' all-natural treats into a balanced pet diet.

• Additional context: Content on this page

Generate code with Divi AI

1. Another great benefit of Divi IA is its ability to generate code. It trains exclusively in the Divi code base, which makes it unique in the face of other large language models.

2. Open the Header Module Settings window. Go to the Advanced tab → Custom CSS → Free CSS.

4. Click the Divi IA icon.

4. Tell Divi IA what you want to create. For example, "Give the header a typewriter effect."

5. Click the Use this code button.

Tips for writing good commands for Divi IA

Writing effective commands is key to generating high-quality designs with Divi IA. Here are some tips and examples:

• Be clear and specific: The clearer and more specific your command is, the better the results will be.

• Provides context: Include relevant information about your target product, service or audience.

• Use keywords: Incorporate keywords related to your business to help with SEO and content generation.

• Itera y refine: Do not hesitate to regenerate designs until the desired result is achieved.