Creating a web page with Divi is now easier and sooner than ever faster than. With the release of Divi Fast Websites, shoppers can robotically generate a complete web page in 2 minutes. To check out this, shoppers have two alternatives: generate their site with Divi AI or with Divi Starter Web pages. In this post, we’re going to find tips on how to use Divi’s new Starter Web pages to jumpstart your venture with a fully sensible site with the entire thing prepare and ready to move. We’ll duvet the impressive choices and benefits of Divi Starter Web pages, tips on how to customize them to fit your fashion, and additional.

Let’s dive in and get started!

What’s Divi Rapid Web pages?

Divi Fast Websites is a streamlined onboarding experience for Divi with an outstanding web page generator that can create an entire Divi web page in just a few minutes. No need to assemble pages from scratch or import pages and templates manually. Simply supply your site wisdom and description, and click on on a button! In seconds, you’ll have a complete web page that you just’ll be capable to edit and customize with Divi’s easy-to-use visual builder.

Two Ways to Generate Divi Rapid Web pages

You’ll generate a web page using Divi Rapid Web pages in two tactics:

• Using A Pre-Made Starter Web site: You’ll choose one in all our Starter Web pages to generate a fully designed, completely sensible web page to jumpstart your venture like a Divi professional.
• Generate Your Web site with Divi AI: You’ll choose to let Divi AI create an entire web page from start to finish with exact, usable AI-generate content material subject material tailored to your fashion. Simply provide an overview of what site you need, and Divi AI will create a web page designed specifically on your fashion, along with AI-generated content material subject material (or copy), photos, and design for each internet web page.

Using a Starter Web site vs Generating Your Web site with AI

Each and every methods offer a streamlined way to getting your web page up and working. Whether or not or no longer you’re using a pre-made starter site or Divi AI to generate your site, all the process is the same, with a few minor permutations.

The primary difference between using a Starter Web site and Divi AI is that Divi AI generates custom designed designs and populates each internet web page with exact AI-generated content material subject material and pictures tailored to your fashion from the start. That mentioned, using a Starter Web site promises you get a web page built via industry-leading web designers. Even though Starter Web pages are pre-designed, you’ll be capable to merely customize it to make it unique on your fashion via adjusting world sorts and together with your own content material subject material.

It’s essential to needless to say Divi AI isn’t limited to site technology. This is a tricky AI web design assistant right through the Divi Builder to generate and revise text, photos, code, and additional. In fact, some would possibly to find it best to use a Starter Web site and customize the content material subject material using Divi AI shortly via together with and revising content material subject material and pictures on the fly right through the Divi Builder.

In this post, we’ll be aware of using pre-made Divi Starter Web pages to create your web page with Divi Rapid Web pages. If you want to discover ways to generate your site with Divi AI, check out our detailed information on Divi’s AI Web site Builder.

Irrespective of the method you choose, Divi Fast Websites is a game-changer for those looking to create top of the range internet websites with superb tempo and efficiency.

Get Divi Fast Websites

What Are Divi Starter Web pages? (Detailed Analysis)

Divi Starter Web pages are leading edge pre-made internet websites available in Divi that can be used to quickly generate a complete Divi web page in underneath two minutes. Each Starter Web site is professionally designed via our professional team to offer a surprising and fully sensible web page with the entire thing prepare and ready to move.

Starter Web pages hugely boost up the process of getting your Divi Internet web site up and working. You won’t have to spice up a finger once you choose a starter site to create your new web page in Divi. It’s going to robotically add all the pages, dynamic Theme Builder templates, world colors and fonts, lots of module presets, and additional.

If you want to add an online store, your Starter Web site will include WooCommerce (robotically installed) and all similar WooCommerce pages and templates.

Plus, all Starter Web site photos are royalty-free, even for trade use. A Divi Starter Web site is the ultimate setup to streamline your workflow and make it easy to build Divi internet websites.

Get started Development Lately

What Included in Divi Starter Web pages

When you choose a Starter site on your web page, you won’t want to assemble site portions akin to headers, footers, menus, or presets by yourself. The entire thing is already built-in. Each Starter Web site will have unique designs, layouts, and pages that cater to its space of pastime. However, typically, each Starter Web site will include the following:

Core Web Pages and Navigation Menu

Divi Rapid Web pages creates all the crucial pages built-in inside the Starter Web site, along with space, about, contact, and so on., to streamline the initial setup and provide all the basic pages your web page needs.

As an added bonus, you’ll in fact have a primary navigation menu created in WordPress for each of the core pages that may already be vigorous on your custom designed header. So that you’ll be capable to navigate your site immediately on the front end.

WooCommerce Integration

When you select to include a Retailer internet web page on your Starter Web site, WooCommerce will arrange robotically and pre-designed WooCommerce pages and templates may also be added for a fully sensible online store.

You’ll merely customize the content material subject material and design using the prevailing Divi WooCommerce modules used during the Starter Web site.

Dynamic Theme Builder Templates

Divi Rapid Web pages replicates the selected Starter site design and generates all the Theme Builder templates to care for a world seek for your web page fashion. Listed below are some no longer strange Theme Builder templates built-in:

• Default Internet web site Template: includes a custom designed Header and Footer template for all your site.
• All Posts: Consistent and tasty blog structure for specific particular person posts
• All Elegance Pages: presentations all blog posts for a category dynamically
• WooCommerce Internet web page Templates
  • All Products: Unexpected template for showing your personal products
  • Cart: an optimized WooCommerce Cart Internet web page design
  • Checkout:  a streamlined WooCommerce Checkout Internet web page design
• All Author Pages: Sing their own praises participants on blog creator pages
• Search Results: Easy navigation with a search results internet web page
• 404 Internet web page: A user-friendly 404 internet web page template.

Global Varieties and Divi Presets

Each Starter Web site is built with Global Varieties and Divi Presets already in place. That means your site will have reusable portions (sections, rows, modules, and so on.) that percentage world colors, fonts, and layouts. This setup makes it so a lot more simple to stick your design consistent when together with new portions or editing fonts and colors site-wide.

It’s moreover great for learners who don’t know the way to organize world sorts and presets on their own. Your Starter Web site will do it robotically—all you need to do is make the changes.

Global Fonts and Colors

Customizing your Starter Web site to check your fashion is modest. You won’t want to waste time changing each color or font style for each element on each internet web page. Your starter site will have Global colors and fonts already set. You’ll edit Global Colors or Global Fonts when editing an element inside the Divi Builder. Updating a world color will substitute each instance it’s used site-wide.

Global Presets

Divi Presets are preset designs that can be saved and assigned to portions (like a button) so that they percentage the an identical default design. So whilst you edit a preset design for that element, it updates all other portions with that preset. All modules used to build your Starter Web site will come with world presets already created. This makes it easy so that you could make style changes to your whole headings, buttons, photos, blurbs, and so on. simply by editing the preset.

In the event you occur to’ve ever built a web page, you know how treasured the ones Starter Web pages can also be with all of the ones tasks looked after for you.

Get Divi Fast Websites

Examples of Starter Web pages You Can Use

We’ve created Starter Web pages for quite a lot of industries and purposes, akin to Law Corporate for legal internet websites, Consuming position for lodge internet websites, Information for specific particular person supplier providers, and so on., alternatively the ones can also be customized for any {{industry}}. We’re moreover construction new Starter Web pages often to cover further industries.

Let’s check out some example Starter Web pages that are available:

Law Corporate

The Law Corporate Starter Web site is easiest for legal execs who want to position themselves as professionals inside the {{industry}}. The web page design is fashionable, with a minimal look, unique photos, stunning pages, and standout portions akin to testimonials to build credibility and call paperwork to acquire client requests.

Online Store

The Online Store Starter Web site is acceptable for e-commerce {industry} homeowners who want to assemble an online store quickly. This Starter Web site, combined with automatic WooCommerce arrange and configuration, makes it easy to decide a trendy online retailer and not using a lot effort.

Portfolio

The Portfolio Starter Web site is for specific particular person supplier providers who want to assemble a dangling online presence with a portfolio to sing their own praises their art work. The template accommodates similar pages with a bold look that can be customized to suit your fashion and assemble a stand-out online presence.

Match

The Match Starter Web site template accommodates space, about, calendar, retailer, blog, and other similar pages for those who want a stylish web page to announce and agenda events. It accommodates calendar and rate integration to allow easy ticket booking for visitors. The web page provides a shop internet web page template to advertise match merchandise and other products.

Good looks

The Good looks Starter Web site is highest for starting a excellent seems to be fashion online. Its stunning font and color aggregate give a modern and stand-out look—superb for brand new producers having a look to spot an online presence. With this site template, you’ll be capable to turn on the e-commerce technique to robotically allow Divi Builder to create retailer, checkout, and product pages.

Information

The Information Starter Web site is easiest for supplier providers, specifically corporations and freelancers. It features a clean, professional design with clear team. A user-friendly highest navigation bar provides easy get right to use to very important sections: Space, About, Services, Retailer, Blog, and Contact. Serif-font headings add class, while sans-serif body text promises readability.

The ones are just a few of our Starter Web pages. We’ll keep together with further to the tick list, so keep a be careful for brand new Starter Web pages.

Get started Development Your Starter Website

How you can Use Divi Starter Web pages to Create a New Internet web site

To create a brand spanking new web page using Divi Rapid Web pages and Starter Web pages, you’ll want a WordPress site prepare with a site web hosting provider. If you need help, check out methods to set up WordPress. And should you’re on the lookout for a site web hosting company for Divi, we advise Siteground.

1. Achieve and Arrange Divi

Upon getting a WordPress web page working, you’ll be capable to acquire a Divi club and arrange Divi.

Divi Rapid Web pages and Divi Starter Web pages are core choices of Divi so provide shoppers will have fast get right to use to this feature.

Are you new to Divi? You’ll need to gain a Divi membership to get get right to use to Divi. A typical Divi membership will provide you with get right to use to Divi Rapid Web pages along with all our Starter Web pages.

Get Divi

If you want to use Divi Rapid Web pages with Divi AI, you’ll need an vigorous Divi AI membership which you’ll be capable to acquire right here. Divi AI is also built-in with Divi Skilled which provides you with our complete suite of Divi products at a discount.

Click on at the button underneath to get started.

Get Fast Websites with Divi AI

Download and Arrange Divi

While you’ve purchased the Divi theme, download it from your Sublime Subject matters participants’ house.

To place within the Divi theme on your WordPress dashboard, pass to Glance > Matter issues > Add New Theme.

Click on on “Upload Theme.” Upload the downloaded Divi theme zip document. Then, click on on “Arrange Now.”

As quickly because the theme is installed, click on on “Activate.” The Divi theme is now vigorous, and in addition you’re ready to use it on your WordPress dashboard.

2. Launching The Divi Onboarding Wizard to Activate Your Divi License

Activating your Divi license is had to download theme updates and most sensible charge toughen and to get right to use Divi Rapid Web pages.

To make it easier for you, we’ve streamlined the onboarding process! Now, you don’t want to generate and switch at the API key manually—it is going to get activated robotically. All you need to do is log in along with your Chic Matter issues Membership details.

To do so, click on on on “Login to Activate Your License.”

The next window will ask you to log in along with your Divi membership login details. Fill to your membership username and password to log in.

This may occasionally flip to your license with a brand spanking new API key robotically.

3. Generate a New Internet web site Using Divi Starter Web pages

While you’re logged in, you’ll be dropped on the number one Divi Dashboard where you’ll be capable to arrange your Divi web page, get right to use documentation, toughen, and generate a brand spanking new site with Divi Rapid Web pages.

To generate a web page using Divi Rapid Web pages, click on on “Generate A New Web site” from the Divi Dashboard.

On the next window, choose “Make a choice a Internet web site Template.”

4. Choose A Starter Web site

Now, choose your favorite web page design from our handmade Starter Web pages.

Hover over the Starter Web site to seem the selections to “Preview” or “Get began With” the selected Starter site. For example, to preview the Portfolio Starter Web site, hover over to Portfolio and select “Preview Portfolio.”

This may occasionally lift up a lightbox popup preview of all the internet web page designs from the Portfolio Starter Web site. Use the slider arrows to change pages to seem within the match that they fit your needs.

When you are ready to build your site using the Starter site, cross out the preview popup, hover over the Portfolio Starter Web site inside the tick list all over again, and select “Get began With Portfolio.”

5. Enter Internet web site Wisdom and Make a choice Pages

Next, Divi Rapid Web pages will ask you for some information about your new web page and what pages you need generated.

Fill out the form with the following details:

• Web site Establish (or Web site Establish)
• Web site Slogan (or tagline)
• Web site Emblem: Uploading your logo proper right here will robotically allow the Divi Builder in an effort to upload it to your site and default header template site-wide.
• Pages: Take a look at all the pages you need to include from the Starter Web site. Settling on a Store internet web page will let the builder know you need WooCommerce setup, which it’ll arrange and configure robotically.
• Add A Custom designed Internet web page: You’ll moreover get a jump get began on another pages you might have considered trying via clicking “Add A Custom designed Internet web page” and giving the internet web page a reputation.

Settling on Pages

All the core pages may also be pre-selected via default. Till you’ve were given a specific the reason why, it’s highest to make a choice all of them. Even if you don’t have plans for that specific internet web page, you could possibly use the design for something else. Plus, it provides you with further custom designed design portions to replicate when together with new content material subject material.

It is very important be reminded that settling at the Retailer internet web page will arrange WooCommerce and premade templates for WooCommerce pages. So, when you don’t plan on using WooCommerce, you’ll be capable to cross away that internet web page out.

Any custom designed internet web page you add will include simplest the fundamental design portions since there wasn’t a premade structure for them. So, you will need to finish designing those later using all the reusable portions on the core pages. Alternatively it’s helpful in an effort to upload any pages you plan on construction so that they will be robotically created and added to your menu, which saves you time.

After completing your web page wisdom, click on at the “Generate & Put up My Internet web site” button.

6. Chill out While Divi Builds Your Internet web site

That’s it! Divi Rapid Web pages will create your new web page in 1-2 minutes using the Starter Web site template you chosen and the tips you equipped. The entire thing is being prepare for you – your whole pages, templates, sorts, presets, and navigation menu.

4. Uncover Your New Divi Web site!

As quickly because it has finished generating your site, you’ll see a confirmation internet web page that says, “Your Web site is In a position!” The internet web page includes a “View My Web site” button to click on on if you want to see the are living fashion of your site. You will moreover see a list of all the Internet web site Pages and Theme Templates that have been created, along with Tutorials and Documentation links that can assist you get started.

Your web page will have the selected Starter site’s default settings, akin to pages, content material subject material, photos, world colors, fonts, presets, and so on. Proper right here’s how the generated site seems whilst you click on on on “View My Web site” from the “Your Web site is In a position!” internet web page:

You’ll moreover talk over with your Divi Dashboard anytime to view and arrange your site sooner or later.

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

Next Steps: Customizing Your Starter Web site

Now that your new Starter Web site is are living, the web page will have to be edited to check your fashion. To make it your own, you’ll need to customize it. Alternatively we’re now not talking about spending hours manually adjusting each element’s style consistent with your fashion. We’re talking about a better, so much sooner option to editing your site.

Excited? Let’s get began with editing site pages.

1. Enhancing Pages

Make a choice any individual internet web page from the tick list to start out editing it with Divi. For example, hover over the Space internet web page and click on on on the tiny pencil (edit) icon to edit it.

Tip: The eye button means that you can preview the internet web page to seem the are living fashion of specific particular person pages.

However, you’ll be capable to click on at the “Organize Internet web site Pages” button, which is able to take you to WordPress Pages. Hover over and click on on “Edit With Divi” on any internet web page you need to customize.

Each and every methods will take you to the Divi Internet web page Builder, where you’ll be capable to make changes visually.

Using Divi Builder is modest. Divi Builder is helping inline editing, so that you’ll be capable to edit any text element immediately on the show without opening the settings each time.

Similarly, hover over an image element so as to add your photos and click on on on the apparatus (settings) icon. You’ll use the little settings icon to select a definite symbol from your WordPress Media Library or use Divi AI to generate a brand spanking new image.

Moreover, substitute links, buttons, and other portions via going right through the settings risk for each element. Watch this video on getting started with Divi to be informed methods to edit pages with Divi Builder.

2. Customizing Global Fonts

Your Starter Web site will robotically substitute your web page’s world fonts on your headings and body text. You’ll substitute the global fonts to support your site’s glance and have compatibility branding.

Divi’s Global Fonts can also be changed from the Theme Customizer or immediately from the Divi Builder.

To modify them inside the Theme Customizer, pass to your WordPress Dashboard and navigate to Divi > Theme Customizer. Then select Commonplace Settings > Typography. There, you’ll be capable to alternate your Header Font and Body Font.

Alternatively you’ll be capable to moreover get right to use and edit Global Fonts immediately from the Divi Builder. Simply open the settings modal of any Divi Module containing text. For example, you’ll be capable to open the Heading Module settings. Then pass to the Design tab and to find the Heading Font. You’ll understand it’s set to the default, as a result of this it’s using your default world font. Click on at the dropdown menu to seem your font alternatives.

Throughout the font alternatives popup, you’ll be capable to to find your Global Fonts listed with a button to “edit world fonts.” This is at hand because it provides you with easy get right to use to make a choice your Global Font when rising new content material subject material along with the facility to change them without going to the Theme Customizer.

For the Portfolio Starter Web site, the global heading font is “Space Grotesk” and world body font is “Inter.” To edit them, click on on “Edit Global fonts.”

Choose your new heading and body fonts and click on on “Save.”

Keep in mind that this is just a very good initial step to switch your new site with the main Fonts you plan to use. You’ll all the time override the ones world fonts via deciding on a definite font from the tick list on a case-by-case basis.

3. Customizing Global Colors

Colors play an outstanding serve as to your web page branding, so you will need to keep colors specific and loyal. Your Starter Web site will have Global colors that can assist you get the perfect color scheme on your new site with just a few clicks.

You’ll get right to use your Global Colors from any Module’s settings that contain a color risk. For example, click on directly to edit a Button Module to find the button background color risk underneath the design tab. You will see your row of saved colors. Make a choice the “world” toggle button to view your whole site’s world colors. Then select the apparatus icon to edit those world colors.

Maximum regularly, the main is the primary web page color, the second is the secondary color, the third is the heading color, and the fourth is the body color. Updating the ones 4 colors alone will alternate the entire look of your site!

You’ll get began via changing the primary color via clicking on it, then using the color picker or coming into the hex code, and clicking the green check out icon. A confirmation box will pop up to check that you need to make the alternate. Click on on OK to confirm.

While you control all 4, the changes will appear side-wide. You’ll add further world colors via clicking the plus button right kind next to the row of colors if sought after.

3. Enhancing Global Presets

Global presets are pre-configured sorts and settings that can be applied to a few portions right through a web page for consistent design and easier updates.

Each Starter site is purposefully designed with modules that have world presets already in place. You’ll control the existitng presets to make site-wide changes and avoid having to manually control each element.

Let’s get began via changing a Button Module preset. Open the settings for some of the Button modules on your internet web page using the Divi Builder. On the most productive, you’ll notice that it has a preset style saved in a different way from the default. Click on on on the dropdown button next to the preset to open further alternatives. You will see a list of all the presets imported from the Starter site. The fairway check out mark let’s which one is just lately being used, which in this case is “Portfolio Primary Outlined Icon.”

You’ll choose any preset you need to use from the tick list to robotically substitute the module with the preset’s design settings.

The real power of globally presets is demonstrated on each instance you need to make site-wide changes to a design element or module. To check out this, you’ll be capable to edit the preset from any module containing it. To edit a preset, hover over it and click on at the pencil icon.

The grey color of the settings box way you’re editing the preset settings. Now, make the changes you need. While you’re finished with the changes, click on on on the green check out button.

After this, the preset used in each heading element site-wide may also be up to the moment. It’s that easy!

Right here’s a video illustration of tips on how to substitute a preset. Notice how all the buttons on the internet web page are immediately up to the moment via changing the preset.

Similarly, you’ll be capable to edit world presets of any segment, text, button, or other element of your site. Watch this video on Divi World Presets to discover ways to use them to make site-wide changes and optimize your site sooner.

4. Enhancing Your Starter Web site Theme Builder Templates

Divi Rapid Web pages moreover replicates Theme Builder templates from the Starter site and creates copies on your web page. From the “Your Web site is In a position!” internet web page, click on on on “Organize Theme Templates” to view them.

You’ll moreover pass to Divi > Theme Builder from your WordPress dashboard.

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

This may occasionally open the Divi Internet web page Builder, as a result of this you’ll be capable to customize it and a few different world element visually via dragging and losing them.

Let’s say I want to edit the button’s font size. So I hover over it and click on on on settings. Then I’m going to Design, scroll proper right down to Button, and change the font size. You’ll moreover make changes and control the button’s preset style.

Once finished, click on at the golfing inexperienced check out button and Save. This may occasionally substitute the global header right through all pages where it’s used.

Take note to return to the Theme Builder internet web page and click on at the “Save Changes” button. In a different way, you’ll lose all the changes you made.

Similarly, you’ll be capable to moreover customize the global footer and other Theme Builder templates. If you want to have, you’ll be capable to moreover create a brand spanking new template.

Enhancing Theme Builder templates with Divi Builder is super easy. It means that you can create new portions, make custom designed headers and footers, and do further in drag-and-drop style. For additonal, check out the tough options of the Theme Builder.

Wrapping Up

Divi Rapid Web pages and Divi Starter Web pages are an outstanding combo for purchasing a Divi web page up in minutes. It puts you in the most efficient position to make any adjustments you need using all the sudden choices that make Divi any such tricky design instrument. Get started on your next venture with a builder that can send an entire web page with all the apparatus you need to make it your own.

Get Divi Fast Websites

Speed Up Even Additional With Divi AI And Rapid Web pages

Starter Web pages with Divi Rapid Web pages means that you can quickly create a web page with ready-made templates that you just’ll be capable to merely customize.

Alternatively what’s even upper is using Divi AI with the ones Starter Web pages to make the design process further manageable and rapid. Divi AI takes it a step further via robotically generating on-brand content material subject material and making sure the entire thing seems consistent {{and professional}}, making creating a web page smooth and out there for everyone.

Get 33% off Divi AI and get began generating on-brand content material subject material and top of the range photos on your web page. Imagine quickly construction a unique, stylish, conversion-optimized web page without manually editing each element!

Exciting, right kind? Don’t fail to notice this improbable discount—join these days and create an outstanding web page to represent your fashion and with out issues toughen your web design process.

Get Divi Fast Websites with Divi AI

The post How To Use Divi’s New Starter Websites (Information) appeared first on Sublime Subject matters Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more