Making a web site with Divi is now more uncomplicated and sooner than ever sooner than. With the discharge of Divi Quick Sites, customers can routinely generate an entire web site in 2 mins. To try this, customers have two choices: generate their web site with Divi AI or with Divi Starter Websites. On this publish, we’re going to discover how one can use Divi’s new Starter Websites to jumpstart your mission with a completely practical web site with the whole lot arrange and waiting to head. We’ll quilt the spectacular options and advantages of Divi Starter Websites, how one can customise them to suit your model, and extra.

Let’s dive in and get began!

What’s Divi Fast Websites?

Divi Quick Sites is a streamlined onboarding revel in for Divi with an impressive web site generator that may create a whole Divi web site in only a few mins. No wish to construct pages from scratch or import pages and templates manually. Merely provide your web site data and outline, and click on a button! In seconds, you’ll have an entire web site that you’ll edit and customise with Divi’s easy-to-use visible builder.

Two Techniques to Generate Divi Fast Websites

You’ll generate a web site the usage of Divi Fast Websites in two techniques:

• The use of A Pre-Made Starter Web site: You’ll make a choice certainly one of our Starter Websites to generate a completely designed, totally practical web site to jumpstart your mission like a Divi skilled.
• Generate Your Web site with Divi AI: You’ll make a choice to let Divi AI create a whole web site from begin to end with actual, usable AI-generate content material adapted for your model. Merely supply an outline of what web site you wish to have, and Divi AI will create a web site designed particularly in your model, together with AI-generated content material (or replica), photographs, and design for each web page.

The use of a Starter Web site vs Producing Your Web site with AI

Each strategies be offering a streamlined technique to getting your web site up and operating. Whether or not you might be the usage of a pre-made starter web site or Divi AI to generate your web site, the entire procedure is identical, with a couple of minor variations.

The primary distinction between the usage of a Starter Web site and Divi AI is that Divi AI generates personalised designs and populates every web page with actual AI-generated content material and photographs adapted for your model from the beginning. That stated, the usage of a Starter Web site guarantees you get a web site constructed through industry-leading internet designers. Even if Starter Websites are pre-designed, you’ll simply customise it to make it distinctive in your model through adjusting world types and including your personal content material.

It’s necessary to keep in mind that Divi AI isn’t restricted to web site era. This can be a robust AI internet design assistant throughout the Divi Builder to generate and revise textual content, photographs, code, and extra. In reality, some would possibly to find it easiest to make use of a Starter Web site and customise the content material the usage of Divi AI in a while through including and revising content material and photographs at the fly throughout the Divi Builder.

On this publish, we’ll pay attention to the usage of pre-made Divi Starter Websites to create your web site with Divi Fast Websites. If you wish to discover ways to generate your web site with Divi AI, take a look at our detailed guide on Divi’s AI Website Builder.

Irrespective of the process you select, Divi Quick Sites is a game-changer for the ones taking a look to create top quality web sites with superb pace and potency.

Get Divi Quick Sites

What Are Divi Starter Websites? (Detailed Evaluation)

Divi Starter Websites are leading edge pre-made web sites to be had in Divi that can be utilized to temporarily generate an entire Divi web site in underneath two mins. Every Starter Web site is professionally designed through our professional group to offer a surprising and completely practical web site with the whole lot arrange and waiting to head.

Starter Websites significantly accelerate the method of having your Divi Website online up and operating. You received’t have to boost a finger as soon as you select a starter web site to create your new web site in Divi. It is going to routinely upload the entire pages, dynamic Theme Builder templates, world colours and fonts, masses of module presets, and extra.

If you wish to upload an internet retailer, your Starter Web site will come with WooCommerce (routinely put in) and all comparable WooCommerce pages and templates.

Plus, all Starter Web site photographs are royalty-free, even for industrial use. A Divi Starter Web site is without equal setup to streamline your workflow and make it smooth to construct Divi web sites.

Start Building Today

What Integrated in Divi Starter Websites

When you select a Starter web site in your web site, you received’t must construct web site components comparable to headers, footers, menus, or presets on your own. The whole lot is already incorporated. Every Starter Web site could have distinctive designs, layouts, and pages that cater to its area of interest. On the other hand, on the whole, every Starter Web site will come with the next:

Core Internet Pages and Navigation Menu

Divi Fast Websites creates the entire very important pages incorporated within the Starter Web site, together with house, about, touch, and so forth., to streamline the preliminary setup and supply the entire basic pages your web site wishes.

As an added bonus, you’ll actually have a number one navigation menu created in WordPress for every of the core pages that can already be lively to your customized header. So you’ll navigate your web site immediately at the entrance finish.

WooCommerce Integration

When you choose to incorporate a Store web page in your Starter Web site, WooCommerce will set up routinely and pre-designed WooCommerce pages and templates can be added for a completely practical on-line retailer.

You’ll simply customise the content material and design the usage of the present Divi WooCommerce modules used during the Starter Web site.

Dynamic Theme Builder Templates

Divi Fast Websites replicates the chosen Starter web site design and generates the entire Theme Builder templates to handle a world search for your web site model. Listed below are some commonplace Theme Builder templates incorporated:

• Default Website online Template: features a customized Header and Footer template for your whole web site.
• All Posts: Constant and engaging weblog structure for particular person posts
• All Class Pages: shows all weblog posts for a class dynamically
• WooCommerce Web page Templates
  • All Merchandise: Surprising template for exhibiting your personal merchandise
  • Cart: an optimized WooCommerce Cart Web page design
  • Checkout:  a streamlined WooCommerce Checkout Web page design
• All Writer Pages: Exhibit participants on weblog creator pages
• Seek Effects: Simple navigation with a seek effects web page
• 404 Web page: A user-friendly 404 web page template.

International Types and Divi Presets

Every Starter Web site is constructed with International Types and Divi Presets already in position. That implies your web site could have reusable elements (sections, rows, modules, and so forth.) that percentage world colours, fonts, and layouts. This setup makes it so much more uncomplicated to stay your design constant when including new components or enhancing fonts and colours site-wide.

It’s additionally nice for newcomers who don’t understand how to arrange world types and presets on their very own. Your Starter Web site will do it routinely—all you want to do is make the adjustments.

International Fonts and Colours

Customizing your Starter Web site to check your model is simple. You received’t must waste time converting every colour or font taste for each part on each web page. Your starter web site could have International colours and fonts already set. You’ll edit International Colours or International Fonts when enhancing a component within the Divi Builder. Updating a world colour will replace each example it’s used site-wide.

International Presets

Divi Presets are preset designs that may be stored and assigned to components (like a button) in order that they percentage the similar default design. So whilst you edit a preset design for that part, it updates all different components with that preset. All modules used to construct your Starter Web site will include world presets already created. This makes it smooth so that you can make taste adjustments to your whole headings, buttons, photographs, blurbs, and so forth. just by enhancing the preset.

In the event you’ve ever constructed a web site, you know the way precious those Starter Websites will also be with all of those duties looked after for you.

Get Divi Quick Sites

Examples of Starter Websites You Can Use

We’ve created Starter Websites for various industries and functions, comparable to Regulation Company for prison web sites, Eating place for resort web sites, Marketing consultant for particular person provider suppliers, and so forth., however those will also be custom designed for any {industry}. We’re additionally construction new Starter Websites frequently to hide extra industries.

Let’s have a look at some instance Starter Websites which are to be had:

Regulation Company

The Regulation Company Starter Web site is perfect for prison execs who need to place themselves as professionals within the {industry}. The web site design is fashionable, with a minimum glance, distinctive photographs, stunning pages, and standout components comparable to testimonials to construct credibility and get in touch with bureaucracy to obtain shopper requests.

On-line Retailer

The On-line Retailer Starter Web site is appropriate for e-commerce trade house owners who need to construct an internet retailer temporarily. This Starter Web site, blended with computerized WooCommerce set up and configuration, makes it smooth to determine a classy on-line store with out a lot effort.

Portfolio

The Portfolio Starter Web site is for particular person provider suppliers who need to construct a putting on-line presence with a portfolio to show off their paintings. The template comprises related pages with a daring glance that may be custom designed to fit your model and construct a stand-out on-line presence.

Tournament

The Tournament Starter Web site template comprises house, about, calendar, store, weblog, and different related pages for many who want a fashionable web site to announce and time table occasions. It comprises calendar and fee integration to permit smooth price ticket reserving for guests. The web site supplies a store web page template to promote tournament products and different merchandise.

Attractiveness

The Attractiveness Starter Web site is best for beginning a good looks model on-line. Its stunning font and colour mixture give a contemporary and stand-out glance—perfect for brand new manufacturers seeking to identify an internet presence. With this web site template, you’ll flip at the e-commerce solution to routinely permit Divi Builder to create store, checkout, and product pages.

Marketing consultant

The Marketing consultant Starter Web site is perfect for provider suppliers, particularly businesses and freelancers. It includes a blank, skilled design with transparent group. A user-friendly most sensible navigation bar supplies smooth get admission to to crucial sections: House, About, Services and products, Store, Weblog, and Touch. Serif-font headings upload class, whilst sans-serif frame textual content guarantees clarity.

Those are only a few of our Starter Websites. We’ll stay including extra to the listing, so stay a watch out for brand new Starter Websites.

Start Building Your Starter Site

The right way to Use Divi Starter Websites to Create a New Website online

To create a brand new web site the usage of Divi Fast Websites and Starter Websites, you’ll want a WordPress web site arrange with a webhosting supplier. If you want assist, take a look at how to install WordPress. And if you’re searching for a webhosting corporate for Divi, we suggest Siteground.

1. Acquire and Set up Divi

After getting a WordPress web site operating, you’ll purchase a Divi membership and set up Divi.

Divi Fast Websites and Divi Starter Websites are core options of Divi so present customers could have quick get admission to to this option.

Are you new to Divi? You’ll wish to acquire a Divi club to get get admission to to Divi. A regular Divi club will provide you with get admission to to Divi Fast Websites in addition to all our Starter Websites.

Get Divi

If you wish to use Divi Fast Websites with Divi AI, you’ll want an lively Divi AI club which you’ll purchase here. Divi AI may be incorporated with Divi Professional which will give you our whole suite of Divi merchandise at a bargain.

Click on the button underneath to get began.

Get Quick Sites with Divi AI

Obtain and Set up Divi

When you’ve bought the Divi theme, obtain it out of your Elegant Themes members’ area.

To put in the Divi theme to your WordPress dashboard, cross to Look > Subject matters > Upload New Theme.

Click on “Add Theme.” Add the downloaded Divi theme zip record. Then, click on “Set up Now.”

As soon as the theme is put in, click on “Turn on.” The Divi theme is now lively, and also you’re waiting to apply it to your WordPress dashboard.

2. Launching The Divi Onboarding Wizard to Turn on Your Divi License

Activating your Divi license is needed to obtain theme updates and top class enhance and to get admission to Divi Fast Websites.

To make it more uncomplicated for you, we’ve streamlined the onboarding procedure! Now, you don’t must generate and turn on the API key manually—it will get activated routinely. All you want to do is log in together with your Sublime Subject matters Club main points.

To take action, click on on “Login to Turn on Your License.”

The following window will ask you to log in together with your Divi club login main points. Fill for your club username and password to log in.

This may increasingly turn on your license with a brand new API key routinely.

3. Generate a New Website online The use of Divi Starter Websites

When you’re logged in, you’ll be dropped at the primary Divi Dashboard the place you’ll set up your Divi web site, get admission to documentation, enhance, and generate a brand new web site with Divi Fast Websites.

To generate a web site the usage of Divi Fast Websites, click on “Generate A New Web site” from the Divi Dashboard.

At the subsequent window, make a choice “Choose a Website online Template.”

4. Make a choice A Starter Web site

Now, make a choice your favourite web site design from our home made Starter Websites.

Hover over the Starter Web site to peer the choices to “Preview” or “Get started With” the chosen Starter web site. As an example, to preview the Portfolio Starter Web site, hover over to Portfolio and choose “Preview Portfolio.”

This may increasingly deliver up a lightbox popup preview of the entire web page designs from the Portfolio Starter Web site. Use the slider arrows to switch pages to peer in the event that they suit your wishes.

If you end up waiting to construct your web site the usage of the Starter web site, go out the preview popup, hover over the Portfolio Starter Web site within the listing once more, and choose “Get started With Portfolio.”

5. Input Website online Knowledge and Choose Pages

Subsequent, Divi Fast Websites will ask you for some details about your new web site and what pages you wish to have generated.

Fill out the shape with the next main points:

• Web site Title (or Web site Name)
• Web site Slogan (or tagline)
• Web site Emblem: Importing your emblem right here will routinely permit the Divi Builder so as to add it for your web site and default header template site-wide.
• Pages: Take a look at the entire pages you wish to have to incorporate from the Starter Web site. Deciding on a Retailer web page will let the builder know you want WooCommerce setup, which it’ll set up and configure routinely.
• Upload A Customized Web page: You’ll additionally get a bounce get started on every other pages you may want through clicking “Upload A Customized Web page” and giving the web page a identify.

Deciding on Pages

The entire core pages can be pre-selected through default. Except you’ve a particular reason why, it’s best to choose they all. Even though you don’t have plans for that particular web page, you might be able to use the design for one thing else. Plus, it will give you extra customized design components to duplicate when including new content material.

You will need to be reminded that settling on the Store web page will set up WooCommerce and premade templates for WooCommerce pages. So, in case you don’t plan on the usage of WooCommerce, you’ll go away that web page out.

Any customized web page you upload will come with simplest the elemental design components since there wasn’t a premade structure for them. So, it is important to end designing the ones later the usage of the entire reusable components at the core pages. However it’s useful so as to add any pages you propose on construction so that they’re going to be routinely created and added for your menu, which saves you time.

After finishing your web site data, click on the “Generate & Put up My Website online” button.

6. Loosen up Whilst Divi Builds Your Website online

That’s it! Divi Fast Websites will create your new web site in 1-2 mins the usage of the Starter Web site template you selected and the tips you supplied. The whole lot is being arrange for you – your whole pages, templates, types, presets, and navigation menu.

4. Discover Your New Divi Web site!

As soon as it has completed producing your web site, you’re going to see a affirmation web page that claims, “Your Web site is In a position!” The web page features a “View My Web site” button to click on if you wish to see the reside model of your web site. You’ll additionally see an inventory of the entire Website online Pages and Theme Templates that have been created, in addition to Tutorials and Documentation hyperlinks that will help you get began.

Your web site could have the chosen Starter web site’s default settings, comparable to pages, content material, photographs, world colours, fonts, presets, and so forth. Right here’s how the generated web site appears to be like whilst you click on on “View My Web site” from the “Your Web site is In a position!” web page:

You’ll additionally talk over with your Divi Dashboard anytime to view and set up your web site someday.

The Set up Pages button takes you to WordPress Pages, Set up Posts takes you to WordPress Posts, and Set up Templates takes you to Divi Theme Builder.

Subsequent Steps: Customizing Your Starter Web site

Now that your new Starter Web site is reside, the web site must be edited to check your model. To make it your personal, you’ll wish to customise it. However we’re no longer speaking about spending hours manually adjusting every part’s taste in step with your model. We’re speaking about a greater, a lot sooner solution to enhancing your web site.

Excited? Let’s get started with enhancing web site pages.

1. Modifying Pages

Choose somebody web page from the listing to start out enhancing it with Divi. As an example, hover over the House web page and click on at the tiny pencil (edit) icon to edit it.

Tip: The attention button permits you to preview the web page to peer the reside model of particular person pages.

Then again, you’ll click on the “Set up Website online Pages” button, which is able to take you to WordPress Pages. Hover over and click on “Edit With Divi” on any web page you wish to have to customise.

Each strategies will take you to the Divi Web page Builder, the place you’ll make adjustments visually.

The use of Divi Builder is easy. Divi Builder helps inline enhancing, so you’ll edit any textual content part without delay at the display with out opening the settings each time.

In a similar fashion, hover over a picture part to add your photographs and click on at the tools (settings) icon. You’ll use the little settings icon to make a choice a distinct image out of your WordPress Media Library or use Divi AI to generate a brand new symbol.

Additionally, replace hyperlinks, buttons, and different components through going in the course of the settings choice for every part. Watch this video on getting began with Divi to be told how to edit pages with Divi Builder.

2. Customizing International Fonts

Your Starter Web site will routinely replace your web site’s world fonts in your headings and frame textual content. You’ll replace the worldwide fonts to strengthen your web site’s look and fit branding.

Divi’s International Fonts will also be modified from the Theme Customizer or without delay from the Divi Builder.

To modify them within the Theme Customizer, cross for your WordPress Dashboard and navigate to Divi > Theme Customizer. Then choose Normal Settings > Typography. There, you’ll trade your Header Font and Frame Font.

However you’ll additionally get admission to and edit International Fonts without delay from the Divi Builder. Merely open the settings modal of any Divi Module containing textual content. As an example, you’ll open the Heading Module settings. Then cross to the Design tab and to find the Heading Font. You’ll realize it’s set to the default, which means that it’s the usage of your default world font. Click on the dropdown menu to peer your font choices.

Within the font choices popup, you’ll to find your International Fonts indexed with a button to “edit world fonts.” That is handy as it will give you smooth get admission to to choose your International Font when growing new content material in addition to the power to switch them with out going to the Theme Customizer.

For the Portfolio Starter Web site, the worldwide heading font is “Area Grotesk” and world frame font is “Inter.” To edit them, click on “Edit International fonts.”

Make a choice your new heading and frame fonts and click on “Save.”

Needless to say that is only a excellent preliminary step to replace your new web site with the primary Fonts you propose to make use of. You’ll all the time override those world fonts through settling on a distinct font from the listing on a case-by-case foundation.

3. Customizing International Colours

Colours play an impressive function for your web site branding, so you will need to stay colours particular and constant. Your Starter Web site could have International colours that will help you get the easiest colour scheme in your new web site with only a few clicks.

You’ll get admission to your International Colours from any Module’s settings that comprise a colour choice. As an example, click on to edit a Button Module to find the button background colour choice underneath the design tab. You’ll see your row of stored colours. Choose the “world” toggle button to view your whole web site’s world colours. Then choose the tools icon to edit the ones world colours.

Typically, the primary is the principle web site colour, the second one is the secondary colour, the 3rd is the heading colour, and the fourth is the frame colour. Updating those 4 colours on my own will trade all the glance of your web site!

You’ll get started through converting the principle colour through clicking on it, then the usage of the colour picker or coming into the hex code, and clicking the fairway take a look at icon. A affirmation field will pop as much as verify that you wish to have to make the trade. Click on OK to verify.

When you adjust all 4, the adjustments will seem side-wide. You’ll upload extra world colours through clicking the plus button proper subsequent to the row of colours if wanted.

3. Modifying International Presets

International presets are pre-configured types and settings that may be implemented to more than one components throughout a web site for constant design and more uncomplicated updates.

Every Starter web site is purposefully designed with modules that experience world presets already in position. You’ll adjust the existitng presets to make site-wide adjustments and keep away from having to manually adjust every part.

Let’s get started through converting a Button Module preset. Open the settings for probably the most Button modules to your web page the usage of the Divi Builder. On the most sensible, you’ll realize that it has a preset taste stored another way from the default. Click on at the dropdown button subsequent to the preset to open extra choices. You’ll see an inventory of the entire presets imported from the Starter web site. The fairway take a look at mark let’s you understand which one is lately getting used, which on this case is “Portfolio Number one Defined Icon.”

You’ll make a choice any preset you wish to have to make use of from the listing to routinely replace the module with the preset’s design settings.

The actual energy of world presets is demonstrated every time you want to make site-wide adjustments to a design part or module. To try this, you’ll edit the preset from any module containing it. To edit a preset, hover over it and click on the pencil icon.

The gray colour of the settings field approach you’re enhancing the preset settings. Now, make the adjustments you wish to have. When you’re accomplished with the adjustments, click on at the inexperienced take a look at button.

After this, the preset utilized in each heading part site-wide can be up to date. It’s that simple!

Here’s a video representation of how one can replace a preset. Understand how the entire buttons at the web page are in an instant up to date through converting the preset.

In a similar fashion, you’ll edit world presets of any phase, textual content, button, or different part of your web site. Watch this video on Divi Global Presets to discover ways to use them to make site-wide adjustments and optimize your web site sooner.

4. Modifying Your Starter Web site Theme Builder Templates

Divi Fast Websites additionally replicates Theme Builder templates from the Starter web site and creates copies in your web site. From the “Your Web site is In a position!” web page, click on on “Set up Theme Templates” to view them.

You’ll additionally cross to Divi > Theme Builder out of your WordPress dashboard.

To edit the worldwide header of the Default Header Template, click on the pencil icon at the left facet of the worldwide header.

This may increasingly open the Divi Web page Builder, which means that you’ll customise it and every other world part visually through dragging and shedding them.

Let’s say I need to edit the button’s font dimension. So I hover over it and click on on settings. Then I am going to Design, scroll right down to Button, and alter the font dimension. You’ll additionally make adjustments and adjust the button’s preset taste.

As soon as accomplished, click on the fairway take a look at button and Save. This may increasingly replace the worldwide header throughout all pages the place it’s used.

Be mindful to go back to the Theme Builder web page and click on the “Save Adjustments” button. In a different way, you’ll lose the entire adjustments you made.

In a similar fashion, you’ll additionally customise the worldwide footer and different Theme Builder templates. If you wish to have, you’ll additionally create a brand new template.

Modifying Theme Builder templates with Divi Builder is tremendous smooth. It permits you to create new components, make customized headers and footers, and do extra in drag-and-drop taste. For extra, take a look at the powerful features of the Theme Builder.

Wrapping Up

Divi Fast Websites and Divi Starter Websites are an impressive combo for buying a Divi web site up in mins. It places you in the most efficient place to make any changes you want the usage of the entire shocking options that make Divi one of these robust design device. Get began to your subsequent mission with a builder that may ship a whole web site with the entire gear you want to make it your personal.

Get Divi Quick Sites

Pace Up Even Extra With Divi AI And Fast Websites

Starter Websites with Divi Fast Websites permits you to temporarily create a web site with ready-made templates that you’ll simply customise.

However what’s even higher is the usage of Divi AI with those Starter Websites to make the design procedure extra manageable and fast. Divi AI takes it a step additional through routinely producing on-brand content material and ensuring the whole lot appears to be like constant {and professional}, making making a web site easy and available for everybody.

Get 33% off Divi AI and get started producing on-brand content material and top quality photographs in your web site. Consider temporarily construction a novel, fashionable, conversion-optimized web site with out manually enhancing every part!

Thrilling, proper? Don’t fail to spot this improbable bargain—enroll these days and create an impressive web site to constitute your model and without difficulty fortify your internet design procedure.

Get Divi Quick Sites with Divi AI

The publish How To Use Divi’s New Starter Sites (Guide) gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more