Divi Guide – How To Build A Responsive Business Website

Would you like to know how to install a responsive business website?

Great decision. There is no better time to do it than now.

In this guide I’ll show you step by step how to do it without coding. We”ll be using the world’s most popular website builder, but we’ll get to that later.

Perhaps you already have an idea of what your new website should look like. If that’s the case, you can skip ahead to step #3.

If you decide to purchase a tool I recommend, I earn a small commission from them at no extra costs to you. In fact, I actually arranged a nice discount for you.

#1 What is Divi and why should you care? How does it help you?

Divi is the world’s most popular website builder. It allows you to build drag & drop websites on the free WordPress system.

Before I show you all the cool things it can do, let me show you some numbers.

  • Worldwide over 2.5 million websites have been build with Divi. It’s a popular theme, with a reason.
  • If you get the Divi theme builder, you can build an unlimited number of websites with 1 Divi Theme license
  • The Divi theme comes with 46 free modules you can use to build your website
  • You can try the Divi theme 30 days risk free. If you don’t like it, you’ll receive your money back
  • Divi has 157 pre built templates you can use for free to build your website
  • Divi has an active Facebook group with over 50,000 users who help each other

BONUS ARTICLES
🚀 Read more numbers and statistics about the divi Theme and it’s developer – Elegant Themes.
🚀 10 cool web design tricks you can only do with Divi

#2 Three Example Websites You Will Be Able To Build

The first example I’d like to share with you is the one I love the most. It’s the website of Divi itself. It has great animations and feels incredibly smooth as you scroll down. Have a look and see what’s possible.

#1 Elegant Themes

The first example I’d like to share with you is the one I love the most. It’s the website of Divi itself. It has great animations and feels incredibly smooth as you scroll down. Have a look and see what’s possible.

https://elegantthemes.com/

#2 My Codeless Website

The second example is made by yours truly. Yes. This website was built in Divi. I’m a big fan of a clean web design and like to keep things minimalistic.

#3 Alanna Jane

Who says webshops all have to look the same? The third example demonstrates the possibilities when it comes to ecommerce. It has a clean look and looks absolutely stunning.

BONUS ARTICLES
🚀 50 great Divi website examples in 2020

#3 Get Hosting

I assume you want your website to be visited by thousands of people around the world.

That’s why you need to publish your website on the world wide web.

You can do this by getting a hosting company to publish your website. Over the past 5 years I’ve tried dozens of hosting companies.

Why did I switch that much? Because many of them suck.

Many web hosting companies are only after your money and don’t care if your website gets hacked or has bugs. Sure, they’ll look into it – for a few hundred bucks.

But one of them caught my attention.

I’ve experienced this web hosting company to be extremely helpful. They have a 24/7 support which helps you with basically everything. Alongside, they’re cheap too!

The best part? It has a one click WordPress install, so you’ll be live within 5 minutes.

Follow these 4 steps to set up your hosting account:

Step 1: Open the website of Bluehost and click ‘get started’

I arranged a nice 50% discount for your entire hosting plan.

Step 2: Select your hosting plan

Depending on how many websites you’re planning to host, you can select your plan. If you only need to build 1 website, you can select the cheapest one.

Step 3: Find an available domain name

Here comes the fun part. Play around with the domain name checker and find one that’s available. Click ‘next’ if you found one.

Step 4: Enter your details and confirm the payment

#4 Install WordPress

Now you’ve registered with Bluehost, it’s time to install WordPress. Luckily for you, this is the easiest part. Bluehost offers a one-click install for WordPress.

Here’s what you need to do:

In the control panel on your left  side, click ‘My Sites’.

From here you can launch your WordPress website by clicking on ‘Create site by WordPress’.

That’s it. It’s dead easy.

 

#5 Download Divi

Now you’ve registered your WordPress website it’s time to install the Divi theme builder. Follow these 4 steps:
Step 1: Go to the website of Elegant Themes and click on pricing

Step 2: Select the plan which fits your needs

I would recommend to take the lifetime plan, but if you’re short on cash or doing a short-term project the annual plan is obviously fine as well.

Step 3: Fill in the payment details

Step 4: Log in to your account and go to downloads

Download the Divi theme. If you do this, you won’t need the Divi builder plugin. All its features are included in the Divi theme. 

#6 Upload Divi Theme

Now you’ve registered your WordPress website

Now you’ve downloaded the Divi theme it’s time to upload it to WordPress.

Uploading a theme is very simple. Here’s what you got to do:

Step 1: Go to your WordPress dashboard

Step 2: On the left side, click on ‘appearance’, and then on ‘themes’

Step 3: Click on ‘add new’ and go to ‘upload theme’

Now select your Divi Theme file and submit it.

Step 4: Click ‘activate theme’

That’s it. Divi is installed!

#7 Making a Page (about us/ contact)

If you completed all the previous steps, it’s time to create your first page. Exciting!

Step 1: On the left side, click ‘pages’ and ‘add new’

Step 2: Add a title to the page and click ‘use Divi builder’

Step 3: Now you will be taken to the page and a popup will show up.

It’s a message from Nick Roach, the founder of Divi. I recommend you to follow his tour as he will explain how to use Divi in a few minutes.

Step 4: Once you’re done with the page, hit the green ‘save/publish’ button on the top right corner. 

Your page is live!

Now repeat this process and create all the pages you want to include in your website. A few pages I recommend are:

  • Contact
  • About us

#8 Making a Menu

Now you have your first page, it’s time to structure your website. The best way to do this, is by adding a menu to your website.

Here’s how you do it:

Step 1: Go to your dashboard, click on appearance and select ‘menus’.

Step 2: Now you should see an overview of preset menu items.

Add, edit or delete each item by clicking on them.

Step 3: Once you’re done, hit the save button

#9 Making a Homepage

Now you learned how to create pages, it’s time to select a homepage. WordPress’ default setting for the homepage is to show the latest blog posts.

Personally I’m not a big fan of that. I mean, you just want to tell your visitors what your business is about, right? By having one static page, you make sure all your visitors get the right introduction to your business instead of your latest blog post.

Here’s how you do it:

Step 1: Open the page you want to set as your homepage

Step 2: In the top bar, hover over your website name and press ‘theme customizer’

Step 3: Scroll down and go to ‘homepage settings’

Step 4: Change the homepage display to ‘a static page’ and select the right page as the home page

Step 5: Hit the blue ‘publish’ button  in the top corner

Congratulations! You just set your homepage.

#10 Divi Theme Customizer

While changing your homepage in the ‘customize’ section, you probably noticed there are tons of things you can customize in your website.

Take your time to explore each tab, as this is where you get to control your websites. Here are a few examples of things I like to adjust on my Divi website while i’m setting up a website:

How to change the name of a Divi website

  1. Go to customize > general settings > site identity
  2. Give your site a nice site title
  3. Add a cool tagline
  4. Upload a site icon (optional)

How to change the font of a Divi website

  1. Go to customize > general settings > typography
  2. Change the header font (headlines)
  3. Change the body font (normal text)

How to change the font color of a Divi website

  1. Go to customize > general settings > typography
  2. Scroll down and change the header text color
  3. Change the body text color
  4. Change the body link color (this will be the color for all the links in your text)

How to change the footer of a Divi website

  1. Go to customize > footer
  2. Here you can change the footer colors and your footer text

 

 

#11 Divi Theme Builder (coming soon)

 

#12 Divi Posts (coming soon)

 

#13 Divi Responsive Web Design for Mobile / Tablet

Now in the title of this guide I promised I would teach you how to make your website responsive.

Well..

I have some good news for you.

Divi already took care of this. Here’s how you can check if your Divi website is responsive:

Step 1: Open the page or blog post you want to check

Step 2: Enable the visual builder and click on the purple icon with the 3 dots in it.

Step 3: In the top left, click on the mobile icon to see the mobile view

Step 4: In the top left, click on the tablet icon to see the tablet view

Do you want to change the responsive layout of your divi website? Here’s how you adjust it:

Step 1: Click on the content item you want to change (for example: text, image, button)

Step 2: Click on the settings icon

Step 3: Click on design and select the thing you want to adjust

Step 4: Go to the section you want to adjust, and hover over it. By now, you should see a mobile phone icon. Click on it.

Step 5: Click on mobile or tablet and change the color/size of the item you’re changing. Hit save and refresh the page.

That’s it! You just customized your Divi website using this Divi guide.

 

 

Are you ready to build a website?

#14 Divi Frequently Asked Questions

How much does the Divi theme cost?

The Divi 1 year license costs $89

The Divi lifetime license costs $249

However, if you buy Divi via this link, you’ll receive a sweet discount.

How fast is the Divi theme?

The Divi theme is really fast. Loading the divi builder literally takes less than a second. I’ve built many websites with Divi and never encountered any speed problems. Just make sure you have a good WordPress Hosting and your website will be incredible fast!

How many website can you build with the Divi theme?

You can build unlimited websites with the Divi theme. That being said, if you purchase the 1 year license, you won’t be able to update your website after 1 year. The website will still be live, but it will be exposed to safety risks if you don’t update your website every now and then.

Is Divi a professional website builder?

Yes. I’ve built numerous websites for clients using the Divi theme and the Divi builder. You know what’s the best part? My clients loved it! They like how easy the Divi builder is, because it enables them to make small adjustments to their website whenever they want. Using Divi for a client is a win-win!

How can I make money if I purchase Divi?

I’ve used Divi to make multiple websites for clients which allowed me to earn a few thousand dollars per website. If you’re able to sell a few websites per month this can generate a great income.

Do I need a separate Divi license for my client?

No. If you’ve bought the Divi theme and the Divi builder you only need one license for you and your clients.

Can I copy my Divi design to a different website?

Yes. Divi allows you to import/export your designs from one website to another. This allows you to work even faster!

Are there any Divi Templates?

Yes. Divi offers 150+ free templates you can use to jumpstart your next website.

Is Divi slow?

The short answer is no. The long answer is – it depends. Divi could potentially be slow, but that most likely has to do with your hosting. I’m hosting all my websites at Bluehost, they’re specialized in Divi WordPress hosting and offer 24/7 live chat.

Can I build a webshop with the Divi theme?

Yes. You can combine Divi with the Woocommerce wordpress plugin to build a webshop.

Is the Divi theme SEO friendly?

Yes. I’ve been able to rank multiple of my websites to the number one spot in Google for very high competitive keywords. A few of my Divi websites actually get more than 500,000 visitors per year through Google.

Is the Divi theme good for my business website?

Yes. Divi is the perfect theme to build your busines website.

Is there a free Divi theme crack?

The short answer is yes. The long answer is – don’t even think about it. There are a few illegal Divi theme downloads out there. I understand this sounds good, but these illegal downloads come with many virusses. Alongside, without a valid Divi license you won’t be able to update your website, which will expose your website to hackers and many other problems. Use this link to get Divi with a 10% discount, it’s one of the best investments I’ve ever done!

Can I try a free Divi theme demo?

Yes! Click here to try Divi a Divi demo for free.

Is the Divi theme good for ecommerce?

Yes. Divi works great together with the Woocommerce WordPress plugin. Great for building powerfull websites.

Can I install Google Analytics on the Divi Theme?

Yes. Divi allows you to implement Google Analytics to your website.

Is the Divi Theme Multisite?

Yes. You can build an unlimited number of websites with the Divi theme.

Can I create popups with the Divi theme?

Yes. If you purchase Divi you’ll get a free popup maker called Bloom. It’s great to capture emails of your visitors.

What about the Divi theme speed?

Divi could potentially be slow, but that most likely has to do with your hosting. I’m hosting all my websites at Bluehost, they’re specialized in Divi WordPress hosting and offer 24/7 live chat.

All of my Divi websites are loading very fast. Try the website you’re currently looking at, it’s built with Divi and hosted on WPX hosting.

Is the Divi theme compatible with Woocommerce?

Yes. Divi works great together with the Woocommerce WordPress plugin. Great for building powerfull websites.

 

What is the Divi theme?

Divi is a WordPress theme created by Elegant Themes. It’s used by webdesigners to build great looking websites. If you purchase the Divi theme you’ll also receive the Divi builder which enables you to use their mindblowing drag & drop builder. Building websites was never easier.

Is Divi a good WordPress theme?

Yes. I’ve built over 20 websites with the Divi theme and I absolutely love it. I’ve used many website builders such as Wix, Squarespace, or just HTML/CSS/Javascript, for me Divi stands out the most.

It’s powerful, light-weight and many features.

What do you dislike about Divi theme?

Once you’ve built your website with Divi, it’s almost impossible to change to a different platform.

But does that really matter?

No.

I know multiple developers who customize Divi templates and built great websites in a fraction of the normal time to build a website.” 

Concluding on this topic – yes, you’re stuck with Divi. But that’s not a bad thing.

How to get the Divi theme?

You can buy Divi by clicking here with an exclusive 10% discount.

Is it best to purchase Divi for the ‘one time’ price?

My recommendation is to go for the lifetime license. Sure, you might pay a little extra now, but in the long run you’ll save a lot of money down the road.

What is the difference between Divi and WordPress?

WordPress is a Content Management System (CMS) which allows you to manage your website.

The Divi theme is a layer which you put on top of your WordPress website which enables you to create a good looking design.

The Divi builder is a tool which you can use to build your website with a powerful drag & drop builder. The Divi builder has 46 elements you can use for free.

 

Are you ready to build a website?