Using Preset Layouts in Divi
Divi comes with a lot of preset designs that you can use to speed up the start of your design.
Divi includes hundreds of amazing presets that you can use to speed up your design projects.
Divi has more than250 packages of presetscreated by our internal design team, to help you start your projects quickly.
This means you can access hundreds of high-quality, professional website designsFreeincluding with your subscription toElegant Themes.
New design packages are added every week! Let's see how to access, load and customize preset design packages with Divi.
How to Access Divi Preset Designs Packages
You will need a subscription toElegant Themesto access Divi preset design packages. You can explore the available packageshere here herebut to install them you will need to have a WordPress website with Divi installed.
Learn how to install the Divi theme on your WordPress sitehere here here.
Once the subject is installed and activated, you will be able to start using its functions.
Add a Page and Upload the Divi Builder
Add a new page or edit an existing one.
By default, WordPress loads the Gutenberg standard editor when a new entry or page is created.Click the purple button below the title of the page that saysUsing the Divi Builder.
By clicking, the page will reload with theDivi Visual Builder.
Build from scratch: starts with a blank page.
Choose a preset design: select from the Divi layout library.
Build with AI: creates a complete page layout with Divi AI.
Build from scratch
This option loads the Divi Builder with a blank page layout. Choose this option if you want to start your page layout from scratch.
Choose a Preset Design
This option loads the Divi Builder with a blank page layout. Choose this option if you want to start your page layout from scratch.
This option allows you to choose from a large library of designs already made by Divi. You can use Divi presets, designs saved in your library, or even clone existing pages from your website.
Build with AI
This option allows you to automatically create a complete design usingDivi AIbased on a text you provide and information on your site. You can get a complete page structure with ready-to-use content and images.
Click the buttonExplore Designs.
Preset Designs: all free designs created by the Elegant Themes team.
Your Saved Designs: the designs you've saved in your Divi library.
Your Existing Pages: list of all pages, publications or projects on your site, which you can clone to start the design of a new page.
How to Find Preset Designs Packages
Searching between packages is easy. Use the search and filtering options in the sidebar to find the layout you need.
How to Load a Preset Design Package
Once you find a design package you like:Click on it.Then clickUse this designto upload it to your page.
You can also access the library at any time by clicking on the purple icon+ +in the Divi toolbar.
Customization and Flexibility
Adding presets greatly facilitates the construction of a new page and opens up a world of possibilities for creating unique designs.
After loading the design:
You canedit anything: change text, images, colors, move sections, etc.
Don't want a section? Click the trash can icon and delete it.
You can replace each item with your own content to have a custom site in minutes.
How to Customize Preset Design Packages
It's just like customizing anything in Divi!
Nothing is blocked, you can move items, click on their settings and modify every detail.
Usedrag and dropto rearrange elements easily.
Save your Design
Once you finish editing:
Click the green arrow at the bottom right of the module to save.
To save the entire page:
On Mac: tapCmd + s
On PC: tapCtrl + s
You can also save by clicking on the purple icon with three dots in the lower corner and then on the green buttonSave.
Exit the Visual Builder
When you've saved all the changes, clickExit the Visual Builderin the upper administration bar.
Popular Articles
How to Create an App for Restaurants (with or without Delivery)
Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...APPS: Radio
The function of Radio allows the addition of radio broadcast within its application. In addition to this function To add this function to your application go to step "Functions" and click on the icon "Radio": Once added you must name this new ...APPS: Webhooks
The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...APPS: Audio & Music
How to add this feature To add this feature to your application go to step "FUNCTIONS" and click on the " iconAudio": Then give this new section of the application a name. Then click on the + icon to add a new Playlist Then add a title and an image ...QR Promotions
This function would allow you to create discount coupons that would be unlocked by scanning a specific QR code. Once unlocked, the customer can use the discount whenever they want. The coupon would not appear in the application until the user has ...
Related Articles
How to Use Divi AI Layouts
Learn how to harness the power of Divi Layouts IA to create professional and visually appealing designs in minutes. <br> This article provides a step-by-step guide on how to use Divi Layouts IA to streamline and improve ...Save and Load Custom Layouts in Divi
Aprende cómo guardar diseños personalizados y cargarlos para usarlos más adelante en el Divi Builder. <br> Divi tiene una función fantástica que te permite guardar los diseños que creas, lo que facilita su uso en el futuro. Si has ...Using Divi Presets
Divi's predefined settings greatly speed up your design process by allowing you to take the design of any element and apply it to other modules. Divi is highly customizable, allowing you to make Divi modules and other elements look as you like. ...Using Divi Dynamic Content Options
Divi dynamic content options allow you to seamlessly extract content from your database and display it. Using Dynamic Content Options in Divi The function ofDynamic Content of Diviallows you to turn any Divi module into a dynamic element that ...Using Divi Layers View
Using Divi Layer View Divi Layer View provides an efficient way to navigate the items on your page while designing. The Divi Layers Viewadds a very fast and simple way to view, rearrange, edit and rename your elements. This is especially useful when ...