Divi Quick Sites can generate a new website using Divi AI 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, 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 will use this prompt to build the entire website. The Site Name and Slogan are also important to ensure that Divi AI 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 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 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 specifically on what fonts and colors it should use. If you want to let Divi AI 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 name 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 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
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 here to check the final result.
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
Edit any of the elements (section, rows, module)
Choose a color option such as Background color, Text color
Click on the Global option
Click on the Gear icon
Click on the Pencil icon for the color you want to change
Choose a different color
Confirm your change
Click on Finish Editing Global Colors
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 Pencil icon to edit the element's Preset
Make your desired changes in the Design Tab
Click on the Green Checkmark button to save your changes
Confirm the changes
Editing the elements 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?
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 previous published pages?
What happens with my previous 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 multiple pages with the same name, their Slug name will differentiate them.
Can I use Divi AI Full Site Generation if I already have Theme Builder templates created?
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 already created.
What happens with my previous Theme Builder templates?
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.