How to Use Divi AI Full Site Generation

Divi Quick Sites can generate a new website using the Divi AI Quick Tool or premade Divi Starter Sites.

Quick Sites will set up your entire site, including custom pages, menu items, Theme Builder templates, and more. This article will use the Divi Quick Site AI Full Site Generation to create a new Divi site from scratch.

Note: Before getting started, ensure that you have Divi installed and that it is the latest version.

Divi AI Full Site Generation

Go to WordPress Dashboard → Divi → Dashboard.
Click on the Generate A New Site button.
In the Generate Your Site With AI section, click on the Generate My Website button.
In the Tell Us About Your Website form, fill out all the details regarding your website:
- Site Name
- Site Slogan
- Tell Divi AI About Your Website: This is where you can provide as many details as possible about your business. Divi AI Quick Tool will use this prompt to build the entire website. The Site Name and Slogan are also important to ensure that Divi AI Quick Tool will be as accurate as possible.
- E-commerce: Enable this option if you also want to include a Store and all the related pages, such as Cart and Checkout pages
- Logo: Choose your business logo
- Images: Choose the type of images you want the Divi AI Quick Tool to use when generating the entire site:
  - Use Stock Images (Faster): This option uses images from Unsplash.com. While this speeds up the entire process, the accuracy of the images might not always be on point.
  - Generate Images With AI (Slower): This will use Divi AI Quick Tool image generation. The process can be slower, but it is more accurate.
  - Use Placeholder Images: The images used will be placeholders. You can change them later. This option is great if you already have different images that should be used on your website.
Customize Fonts & Colors: Use this dropdown section to instruct Divi AI Quick Tool specifically on what fonts and colors it should use. If you want to let Divi AI Quick Tool choose the fonts and colors for your new website, ensure that Let AI Choose is set for all the available options.
Click on the Generate & Publish My Website button

Notes:

The entire process can take a few minutes, especially if you choose to use Divi AI for Image generation.
Your previously published pages will still exist and work exactly like before. The Divi AI Full Site Generation will create new pages for you. If, for example, there are one or multiple pages with the same name, their slug names will differentiate them.
Your previously created Theme Builder templates will still be available inside the Theme Builder; however, the old templates will be deactivated.

Use case: Build a Fully AI generated website for a Burger Restaurant called Burger Bliss

For this use case, we will build an entire website, harnessing the power of Divi AI Quick Tool for a Burger restaurant called Burger Bliss. The Images will also be generated using Divi AI image generation.

For starters, fill out the Tell Us About Your Website form with the business details:

Site Name: Burger Bliss
Site Slogan: Your Ultimate Burger Experience in the Heart of the Bay Area
Tell Divi AI About Your Website:
Burger Bliss is the premier destination for burger lovers in the San Francisco Bay Area. Nestled in the vibrant heart of San Francisco, our joint is a culinary haven where delicious flavors and quality ingredients come together to create the ultimate burger experience.

At Burger Bliss, we believe in the art of crafting the perfect burger. Our menu features various gourmet burgers, each thoughtfully designed to tantalize your taste buds. From classic beef patties to innovative vegetarian and vegan options, we cater to all preferences and dietary needs. Every burger is made with the freshest, locally sourced ingredients, ensuring a farm-to-table experience that celebrates the rich culinary heritage of the Bay Area.

Our inviting and modern ambiance, combined with our commitment to exceptional customer service, makes Burger Bliss the perfect spot for a casual lunch, a family dinner, or a late-night bite. Whether you're a local or a visitor, you'll find a warm welcome and a satisfying meal at Burger Bliss.
E-commerce: unchecked
Logo: a JPEG, PNG, or WEBP file
Images: For this use case, we are going to use Images Generated with AI
Customize Fonts and Colors: Let AI Choose

Divi 5 - Divi Quick Sites Quick Tool - AI prompts

Website is Ready

Once the entire AI-building process is done, you will get a breakdown of the website pages and Theme Builder templates Divi AI created:

Explore the new Divi AI website

The resulting website is amazing. It contains great content and imagery, perfect for use as a starting point. Click the View My Website button at the top to explore the newly created website.

What's next?

After the website is complete, you can make further changes to all the pages and layout elements that Divi AI put together.

Edit Pages

Go to WordPress Dashboard → Divi → Dashboard.
Under Website Pages, hover over the page you want to edit and click on the Pencil icon.
The respective page will be open in a new Browser Tab while the Visual Builder is active.

Note: You can also access all of your pages from WordPress Dashboard → Pages → All Pages

Edit Theme Builder templates

Go to WordPress Dashboard → Divi → Dashboard.
Under Divi Overview, click on the Manage Templates link.
The Theme Builder page will load, showing all the templates that Divi AI created. From this page, you can choose which template you want to edit by clicking on the Pencil icon.

Customize the Color Palette

When you create your website using the Quick Site along with Divi AI, Divi AI will set all the colors as Global Colors.

Open any of your pages with Visual Builder.
From the left sidebar, click on the Variable Manager icon .
Expand the Colors group.
Click on any of the color previews to open the color picker.
Choose a new color.
Once you're done, click on the Save Variables button.

All the modules that use the changed Global Color will update all the instances of that color.

Customize the element's preset

Similar to Global Color, Divi AI will create and use Presets throughout the entire layout.

Edit any of the elements (section, row, module).
Open the Preset selection window.
Click on the Gear icon to edit the selected element's Preset.
Make your desired changes in the Design Tab.
Click on the Save Preset button to save your changes.
Confirm the changes.

Editing the element's preset is another quick way of customizing the Divi AI-generated layout. Since each element shares a specific preset, editing any of the elements' presets will apply to all the modules throughout your website that use that specific preset.

Frequently asked questions

Can I use Divi AI Full Site Generation if I already have pages published on my website?

Yes, you can still use the Divi AI Full Site Generation even if your website already has published pages.

What happens with my previously published pages?

Your previously published pages will still exist and work exactly like before. The Divi AI Full Site Generation will create new pages for you. If, for example, there are one or more pages with the same name, their slug names will differentiate them.

Can I use Divi AI Full Site Generation if I already have Theme Builder templates created?

Yes, you can still use the Divi AI Full Site Generation even if your website already has Theme Builder templates created.

What happens with my previous Theme Builder templates?

They will still be available inside the Theme Builder; however, the old templates will be deactivated.

All the Unassigned templates are the ones that were created before. The ones that the Divi AI Full Site Generation created are assigned to their specific pages.