If you’re looking to set up an eCommerce business, then your website is crucial to your success. Your eCommerce website must be properly set up to provide an easy buying process to customers. And, your website must also look good enough to stand out from the immense competition that you will face in the eCommerce industry in 2018. So, you can read this blog to create an eCommerce Website Using WordPress.
But, there’s some good news for you – Now you can easily create your eCommerce website in no time at all using WordPress. WordPress is the most used CMS platform for building all types of websites, including eCommerce websites. Using WordPress is very simple and you can use it to get your eCommerce website up and running.
In today’s tutorial, I will offer you a step-by-step guide to how I built a demo eCommerce website using WordPress. You can view my demo website at https://www.flatsometutorial.com. Using the steps that I outline, you’ll be able to create your own online store and set it up for selling.
You can watch the full video tutorial on my youtube channel here
Purchase hosting and a domain name from SiteGround
The first thing you’ll need to do to create your eCommerce website using WordPress is to purchase a domain name and hosting for your website. I’ve used the domain name ‘www.flatsometutorial.com’ which I purchased off SiteGround.
So, find a domain name of your choice and go on to purchasing hosting for your website. Now, there are several hosting providers in the market and most of them have different offerings. I’ve tried many of them and I’ve finally settled on SiteGround for all of my websites. I tested them against 9 other leading web hosting companies and I found them to be the best.
While you can certainly go with any hosting provider, I recommend you to stick with SiteGround. They are the fastest and most reliable host with an incredible uptime and affordable hosting packages. They even have a helpful support team and offer a 30-day 100% money-back guarantee.
SiteGround makes the purchasing process incredibly simple too. Just check to see if your domain name is available and purchase it. You’ll be offered a choice of hosting packages – choose one that suits your needs best. For the purposes of my demo website, I chose the cheapest package but you should choose something according to your business needs. Remember – you can always change or renew your hosting package later on.
Understand your web hosting dashboard
Congratulations on having purchased a domain name for your eCommerce business! Now you’re just a few steps away from setting up your website using WordPress. But, before you can do so, you’ll need to understand the SiteGround dashboard a little.
Under the dashboard, you’ll find several tabs including Home, My Account, Support, Billing, Referral Deals, Add Services and Resources. Go through each of the tabs briefly to get an idea of what you can and cannot do on the dashboard.
Image: SiteGround Web Hosting Dashboard
It is important that you understand the dashboard a little because it includes crucial hosting information for your website. In case you need to make any changes to your hosting package or in case you face any problems, you can use the dashboard to resolve your issues.
After you’ve taken a brief look at the SiteGround dashboard, you’re all ready to set up your eCommerce website. To do this, you’ll need to install WordPress on your hosting account. Again, SiteGround makes this incredibly easy for you.
If you’ve taken a close look at the ‘My Accounts’ tab in your web hosting dashboard, you would have noticed a cPanel button at the top along with your domain name. Navigate to the cPanel Home, which is essentially the control panel for using your dashboard.
Once you’ve made your way to the cPanel Home, scroll down the page until you see a section called ‘AutoInstallers’. Under the section, you should see the WordPress icon. Click on it. What will follow is that the SiteGround Wizard will guide you through installing WordPress on your website. That’s it!
Image: SiteGround WordPress AutoInstaller
After you’re done installing WordPress using the wizard, there is one last thing you need to do. This includes filling out some basic information regarding your website. Most of the information fields are self-explanatory, so I won’t discuss them here. In case you have any doubts, just leave the information field at the default setting.
Understand the WordPress dashboard
If you’ve never created eCommerce Website Using WordPress earlier, you should get yourself a little better acquainted with the CMS. After installing WordPress on SiteGround, you’ll be provided with an administrative URL. This URL will direct you to your WordPress dashboard from where you can create and build your website.
One big reason why WordPress is so popular is that its dashboard is very user-friendly and easy to understand. Thanks to this, you can understand how this CMS works in very little time at all.
Under your WordPress dashboard, you’ll see several tabs to the left of the page. One of the most important is the ‘Settings’ tab where you’ll find general WordPress settings. Navigate your way to this tab and you’ll see important information related to your website. You can edit this information at any time.
Image: WordPress Dashboard
You’ll also see many other tabs on your dashboard. These tabs contain all the controls you need to create, build and customize your eCommerce website. Through the course of this guide, you’ll find out more about what these tabs do. But first, let’s take a look at WordPress themes.
Install the Flatsome WooCommerce Theme
Even if you’re a complete WordPress beginner, you’ve probably heard of themes. Now, WordPress themes are nothing but pre-designed templates that make creating websites much simpler. There are thousands of free and paid WordPress themes available in the market and you can use any one of them for your eCommerce website.
The best part about using a theme is that it includes all the basic setup and functionality that is required for a website to run. For instance, if you’re building an eCommerce website, you’ll need to look for a WooCommerce Theme. A WooCommerce theme is pre-optimized to work as a template for an eCommerce website. You’ll find such themes for every type of website.
Now, I’ve used the Flatsome WooCommerce Theme to create my demo eCommerce website.
Why do you ask? Well, its because it is the number one WooCommerce theme to use in 2018. I absolutely love Flatsome because it is a fully responsive, highly customizable theme which is primarily designed for eCommerce websites. It is far better than most other WooCommerce themes.
Flatsome features WooCommerce integration which is basically everything you need in a theme for creating an eCommerce website. It also includes a very useful setup wizard, which will guide you through installation and is packed with all the features and functionality you need. The best thing about Flatsome is that installation is a breeze and it takes absolutely nothing to get up and running with it.
Create your eCommerce Website Using WordPress
After you’ve installed the Flatsome theme, you can go ahead and take a look at your website. While you will have a functional website now, it is still not your website yet. To make it your website, you’ll need to customize the theme and add web pages relevant to your eCommerce business.
Head to your WordPress dashboard, locate the ‘Pages’ tab and click on ‘Add New’. You can also do this by clicking on the ‘+ New’ button at the top of the page. When you do this, the dashboard will open up a page editor where you can create your new page. The page editor allows you to add text as well as visual/media elements to your page. To the right side of the page editor, you’ll also find page attributes where you can control the design and layout of your page.
Image: WordPress Page Editor
To start off, create a Home Page, an About Us page and a Contact page for your website. Don’t worry about getting the pages to look like my demo website as we’ll get into this a little later. For now, just create as many pages as you find necessary for your eCommerce website.
Create a menu
After you’ve created separate pages, if you take a look at your website, you won’t see links to these pages. This is because you haven’t created a menu for your web pages yet. By creating a menu, you’ll be able to place links to different sections of your website on top of your homepage.
Creating a menu is very easy using WordPress. Just navigate to your dashboard, find the ‘Appearance’ tab and click on ‘Menus’. This will open up a menu editor, where you can create and name your menus. Once you create a menu, you can assign different pages of your website to the menu. This will now create links on your website.
Image: WordPress Menu Editor
Designing your website
Now comes the fun part – getting your website to look like my demo website. If you’ve followed all the steps I’ve mentioned above, you should have your website setup and ready and you can get into designing your website.
For this, visit any page of your website and click on the ‘Edit Page’ button located at the top and then click on ‘Edit with UX Builder’. When you click on it, you’ll see a number of predesigned page templates to choose from. While you can use any of those templates, I personally wouldn’t recommend it as these templates may not be suitable for your specific website. Instead, you can design your page from the ground up using the UX Builder.
Image: WordPress UX Builder
On the left of the UX Builder, you’ll find an ‘Add Content’ button. If you click on it, you’ll open up a menu with options for page layout and page contents, with several widgets you can use. This UX Builder is extremely simple to use and you should get a good grasp of it in no time at all. Just experiment around a little with all the different layout options, content options and widgets and you’ll know exactly how the UX Builder works.
Adding background images to your web pages
If you’re creating an eCommerce website in 2018, you have to make it look trendy and up to date. Simply creating a website using the Flatsome theme won’t make your business stand out from the competition. You need to add certain design elements to your website to make it look stylish.
Thankfully, you can do this very easily by adding some background images to your web pages. To add a background image to any page of your website, navigate to the Page Editor for that page. Under the Page Editor menu on the left, navigate to ‘Background’ and click on ‘Select Results’ under ‘Image’. This will open up a new page where you’ll find some stock images to use. Instead of using the stock photos, look for free images that are relevant to your business.
Image: Adding Background Images Using the WordPress Page Editor
For my demo website, I’ve used a number of royalty-free images from Pexels and Unsplash. There are several other such websites where you can find high-quality images for your eCommerce website. And, if you’d like to use the same images that I’ve used, you can download them here.
Create a website banner
On my demo website, I’ve used a website banner on my home page to divide different sections of the page. Not only does this create a better design look, but it also makes content flow better on my website. You should do the same on your website as well.
Image: Flatsome Studio
To create a website banner, head back to the UX Builder for your Home Page. Under the ‘Add Content’ section, click on Flatsome Studio. This will open up a number of predesigned elements you can add to your webpage. Find the ‘Category’ section and import the 3-column text box as I’ve used in my demo website. You can also choose any one of the other elements on the page as well to create your banner. The UX Builder will also allow you to drag sections of your banner around. Play around with it a little to find a look that you like.
While it is possible to create a website banner using other methods, it’ll take you very long. Using the predesigned elements from Flatsome Studio will save a lot of your time.
Create products for your website
After you’ve completed all the steps above, your website will be fully functional and designed to look good. But, hold on – you aren’t done just yet. You’ll need to create products for your eCommerce website.
To do this, head back to your WordPress dashboard and navigate to the ‘Plugins’ tab. Search for the WooCommerce plugin, install it on your website and activate it. When you click on activate, WooComerce will open up a wizard. This wizard will allow you to configure products for your store and get you started in no time at all. It will also allow you to configure payment options, shipping options and other extras. Everything is pretty self-explanatory within the wizard, so I won’t dive into the details here.
When you’ve completed all steps within the wizard, you’ll see a ‘Create Product’ button. Click on it and you’ll be redirected to a Product Editor inside your WordPress dashboard. You can add text and visual information for your products using the Product Editor. Use this editor to create all the products that you want for your eCommerce website. Again, you can model your products similar to those on my demo website if you’re unsure how to start.
Image: WooCommerce Product Editor
Customizing product pages
Even after you’ve created separate pages for your products, you may still want to customize the look of individual pages. You may want to do this if you’re promoting special products on your website or offering discounts.
Image: Customizing Product Pages Using the UX Builder
Customizing product pages in WordPress is also very simple. Just head over to any product page that you want to customize and click on the ‘Customize’ button located at the top of the page. This will open up the UX Builder once again, but this time with different design elements and widgets.
Mess around with the various elements under the menu to design specific product pages. For example, try and create a page for a product with variable color options. There are tons of options available and you’ll be able to design a product page just the way you need.
Add a category menu
To truly provide ease of use to your customers, your eCommerce website should offer easy navigation. And, if there’s one navigation element that is common to all online stores, it is using a category menu.
I’ve explained what menus are a little earlier – they link to different pages of your website. Now, a category menu allows you to organize multiple products together and display them aona separate page. For instance, Men’s Trousers is an example of a category. Such categories will allow your customers to easily find what they need on your online store.
Image: Creating Category Menus for your Products Using the UX Builder
To add a category menu, head back to your UX Builder, navigate to the ‘Shop’ tab and click on ‘Category Page’. This will allow you to add as many categories for your products as you need. Also, you can customize the design, layout and font of your category menu. I’ve kept the category menu to the left of the page on my demo website as this is the common norm for online stores. But, you can always tinker around with the UX Builder to give your category menus a unique look.
One important point when creating category menus is deciding how many products to display on a page. Experiment a little to see what works for you. Just make sure not to add too many or too few products to your category pages.
Also, you’ll need to create separate sections for every category that you create on your homepage. This is not too difficult and you can do it using the UX Builder and the Flatsome Studio elements. Make sure to choose a layout that allows your users to scroll sideways and view more products.
Add widgets to your website
By now, you have almost finished creating and designing your eCommerce website. But, you still can’t launch your website yet as you have to complete the setup. And, this starts with adding widgets to your website.
Widgets such as price filters and sort by price are very commonly used in online stores and you must use them too. Thankfully, the WooCommerce plugin offers all the eCommerce widgets you need. You just need to add them to your website.
Image: Adding Widgets Using the UX Builder
To add widgets to your website, head over to the ‘Widgets’ tab in the UX Builder. This will open up a menu which will allow you to add as many widgets as you need. You can even decide on the layout and style of the widgets using the UX Builder. Take a look at all the widget options you have, think of what your store needs and add them to your website. I’ve added a search widget, a price filter widget and a categories widget to my demo website. You can add as many as you think your online store needs.
Add blocks to customize your checkout page
One really cool thing about the Flatsome theme is that it allows me to add blocks to my website. If you’re wondering what blocks are, you can see an example of them on my demo website. The ‘New Arrivals’ section on my front page has been created using blocks.
Image: Adding Blocks Using the UX Builder
To create blocks for your website, head over to your WordPress dashboard, navigate to ‘Blocks’ and click on Add Block. Open up the UX builder and select the block element you want from Flatsome studio. There are thousands of different element styles so take a look around to find what you need.
Customize your checkout page and the account portal on your website to include blocks and other design elements. While the default pages offered by Flatsome are okay, by customizing it using Flatsome Studio, you can create amazing pages for your customers. Use banners and other elements to add a unique look to your website. Trust that customization will make your website look slicker to users.
Other basic setup pointers
Some other basic things I’ve done to my demo website are adding an email subscribe on the website, adding Instagram plugins and feed, a wishlist and creating headers and footers. If you’ve followed all the instructions I’ve mentioned in the steps above, you should have no problems in adding these basic elements to your website. You’ll find everything that you need under the widgets and plugins section in your WordPress dashboard.
One other thing I’ve included is blog posts on my website. You must also do the same, as blogs will allow you to promote and drive traffic to your online store. Create a section for a blog and add a couple of blog posts before you launch your website.
Also, its very important that you get a professional looking logo for your website. You can hire logo designers for as low as $5 on online marketplaces such as Fiverr, Upwork and Freelancer. Don’t launch your website without a logo as it will affect your reputation.
General WooCommerce settings
For the last step of this tutorial, you’ll need to configure some general WooCommerce settings. To do this, head over to your WordPress dashboard and click on the ‘WooCommerce’ tab. Here, you’ll find the basic fields for your store settings, products, tax, shipping, checkout, accounts, emails and APIs.
I won’t go into the details of configuring each and every WooCommerce setting as it is an entire tutorial in itself. I have a seperate video for this that you can watch here for free
So, there you go – these are the exact steps I used to create my demo online store using the Flatsome theme. Flatsome is a great theme which will allow you to create and setup your online store in no time at all. Sure, truly designing your e-commerce website to the way you want will take some time. But, if you follow the basic steps I’ve mentioned, you’ll have your store up and running very soon.
Do you already own an eCommerce website? If you do, which theme have you used? Do you know of any other great WooCommerce themes other than Flatsome? Or, do you have any questions or doubts about my tutorial? Please feel free to leave your comments in the section below and I’ll be more than happy to help!
I’m sure you’re well aware that WordPress is the leading CMS in the world today. WordPress allows you to create a beautiful looking website or a blog in a matter of minutes. You don’t even have to be a computer geek or a coder to build a great website using WordPress. WordPress comes with hundreds of free and paid themes which you can customize and build your website. In this blog, we are going to see how to create a WordPress website using Divi Theme 2018.
Several WordPress themes are immensely popular with users all over the world. ColorMag, Flash, Spacious, Accelerate, AccessPress are some of the most used WordPress themes in the world today.
While all of these themes work wonderfully well, I am a big fan of the Divi Theme. It is a very versatile and flexible WordPress theme with an easy to use interface. It is also a very powerful theme which offers you all the features and functionality you need. Whatever type of website you’re building – whether it is a business website, a blog or a portfolio site, you can do it using the Divi Theme.
I am such a big fan of the Divi Theme that I use it on almost every single website that I create. Today, I will offer you a step by step guide which will help you create a WordPress website using the Divi Theme. Don’t worry if you don’t know much about WordPress or haven’t used WordPress at all. I’ll offer you detailed instructions that you can follow to create and setup your website in a matter of minutes. There’s a lot of information in this guide, so take your time and make sure that you read completely through to the end!
You can watch the video tutorial here as well
Understand WordPress basics
Before I tell you more about how to build a website using the Divi theme, you’ll need to do some homework first. You’ll need to familiarize yourself with WordPress to not face any problems when you’re building your website.
WordPress is supported by a massive community of users, and it is one of the easiest to use CMS platforms. WordPress is also incredibly user-friendly to beginners, so you should get yourself acquainted with it in no time at all.
I won’t go into much detail about WordPress here, as there are plenty of quality tutorials available on the internet. You can even go through some of my previous posts to learn more about the basics of WordPress. Remember – there’s no need to spend hours trying to teach more or master every aspect of WordPress. Just familiarize yourself with the basics – the admin dashboard, the settings and the themes. Once you’re done, you will be ready to build your first WordPress website using the Divi theme.
Now that you are familiar with the basics of WordPress, you’re one step closer to creating a gorgeous website. But, before you can do so, you’ll need to purchase hosting and a domain name for your website. I know that some of you may be sceptical about making a purchase. But hey, purchasing a domain name with hosting is actually very cheap. In fact, you can purchase both hosting and a domain name for under $5 per month!
At such prices, you really shouldn’t be considering whether or not to purchase a domain name or hosting. However, if you are adamant on not spending any money at all, you can always get started with a free WordPress website without hosting. Do understand that this free website will contain a ‘.wordpress.com’ Extension after your domain name. While this shouldn’t create any problems, it does look very unprofessional. Unless you just want to get a feel for things, I recommend you to purchase a domain name with hosting.
When it comes to hosting, there are several options you can choose.
I personally use SiteGround to host all my websites as I find it to be the fastest and most reliable. SiteGround also offers a 24/7 support, and their hosting packages are reasonably priced, making them one of the best hosting options.
Image: SiteGround cPanel
Purchasing hosting from SiteGround is pretty straightforward. Think of a domain name that is suitable for your website and checks if it is available. You can do this on SiteGround itself. Once you’ve finalized your domain name of choice, choose a hosting package for your needs. If you’re just starting out with hosting, go with the cheapest yearly package. You can always renew your hosting later on.
Congratulations on having purchased a domain name and hosting! You now own a website, but it is not usable as yet. To build and create your website, you’ll need to install WordPress. Fortunately, SiteGround makes WordPress install very easy. The SiteGround Wizard will help you install WordPress on your hosting package in a matter of minutes!
To install WordPress, login into the client area of your SiteGround dashboard. Scroll down to the autoinstallers section where you will see the WordPress icon. Click on the icon and then click on Install and that’s it – you’ll have installed WordPress on your domain!
Image: WordPress Install
When you install WordPress, you’ll also have to fill out some fields regarding your website. Most of these fields are self-explanatory, so you should have no problems in filling them out. If you’re not sure of any field, just leave it at default, and it should work fine.
Download the Divi Theme
Get 10% Off The Divi Theme Here
Once you’ve installed WordPress on your domain, you will need to download the Divi theme next. The Divi theme is offered by Elegant Themes, and you can download it from their website. I love Elegant Themes because they offer great support and also back their service with a 30-day money back guarantee. Most other theme providers don’t do so.
To download the Divi theme, just complete your registration and signup on Elegant Themes. After signing up, you can download the themes, explore other products and find setup guides on the Elegant Themes website. Everything that you need to get started using the Divi theme on your website will be available to you.
Image: Download Divi Theme
After you download the Divi theme, you’ll also need to upload it to your WordPress website. To do this, just scroll down your WordPress admin dashboard, head to Appearance and then to Themes. Click on the Upload Themes button and choose the Divi theme zip file that you have downloaded. Click on Install Now and when you’re done, activate the theme. Now, your WordPress website will reflect the Divi theme and you will start creating WordPress website Using Divi Theme.
After installing the Divi theme on your WordPress website, you’ll have a powerful theme to build your website on. But, at this point, your website will be completely blank, and it will look nothing like the Divi theme demo. To update your website, you’ll need to create a homepage.
Thankfully, creating a homepage is very easy using the Divi theme. Just open your website through the WordPress dashboard, and you’ll see an option to Enable Visual Builder in the header section. This will allow you to create any web page from a visual standpoint.
When you open the Visual Builder, you’ll see some boxes and columns. You can create different types of modules in these columns. With the help of modules, you can create different sections for your homepage.
To start off, create a text module in the section which will be the header text of your website. You’ll find a ton of font design and customization options to help your text look just the way you want it. In fact, the Divi theme allows you to create as detailed and well-designed header texts as you want. Add as many text modules as you want to display the content that you want on your website homepage.
Also, create a slider to give your website a modern look. You can find a slider module under the Visual Builder settings itself.
You can also create button modules to link to other pages of your website or a different website altogether. Again, Divi theme offers a lot of flexibility and functionality, and you can design your button modules as you please. You can even add hover effects, add color gradients and change the shape of modules.
What I really love about designing WordPress Website Using Divi Theme is that it allows a great amount of customization. If you choose to spend a few extra minutes, you can design a website homepage that looks (and works) as well as those of big enterprises. You will need to play around with the Visual Builder a little to design a homepage that you really like.
As a tip, I’ll recommend you to try replicating the Elegant Themes demo page which showcases the Divi theme. You’ll learn a lot about how to use the Visual Builder if you do so.
Image: Divi Homepage Example
Create a split screen
Once you’ve created your website homepage and you’re comfortable with the Visual Builder, you can go ahead and create a split screen on your website. If you’re wondering why you need a split screen, it is because it will allow better flow across your website. A split screen is nothing but breaking up your website homepage into different sections. Without a split screen, you’ll still have a functional website, but users may find it slightly difficult to navigate through sections.
To create a split screen on your homepage, click on the plus button located at the bottom. This will allow you to insert a new section into your webpage. The Visual Builder includes a selection of readymade split screen layouts you can choose. Alternatively, you can also add layouts from your library or customize the preexisting layouts.
I recommend you to experiment with different modules on a split screen layout of your choice to find what works best. You can add images, banners, buttons and other modules to make your website more functional. Make sure to include links and call to action buttons along with text to help your users navigate through your website. Again, the key here lies in experimenting with the Visual Builder to create something that you really like. And, if you’re low on creativity or inspiration, just open up one of your favourite websites to see how it has been designed. Try and emulate that website’s look on your website using the Visual Builder.
Image: Divi Split Screen Example
Create overlapping text
If you’ve taken a close look at the demo of the Divi Theme, you’d probably have noticed the overlapping text. This is a really cool feature which you can create using the Divi theme within seconds – something that may otherwise take hours!
To create overlapping text, use the Visual Builder to add a new section to your webpage. Choose the regular layout and add a text module. Again, you can use the tools offered by the Visual Builder to design your text just the way you want.
Once you’ve created the main text, head over to the design tab under the section settings. Scroll down until you reach box shadow and click on it. This will create a border that separates this section of your webpage from other sections. Now, add another text module where you will insert the text which will overlap your main text. Drag and move around both text modules until you create the perfect visual overlap. You may also want to change the opacity and the text color of the modules to give them an attractive look. If you do this properly, you’ll be able to emulate the exact look that is available in the Divi theme demo.
Create double split screens
Double split screens are a great way to organize your webpage and make it look more appealing to your users. Creating a double split screen on your WordPress website using Divi Theme is extremely simple and straightforward. By now, if you’ve played around with the Visual Builder enough, you should have a rough idea of how to do this.
The classic double split-screen layout includes two columns and two rows, with alternating text and image sections. I would recommend you to emulate this layout as it is one of the most popular layouts used in web design today. Use this layout to include all important sections such as testimonials, service offerings and other sections of your website.
As a tip, you don’t need to create multiple split screens using the Visual Builder. You can simply create a single split screen and then replicate it to create multiples. And, the Visual Builder offers you enough flexibility to add buttons or interchange sections and modules according to your needs. To do this, just select any module that you want to replicate and save it to your library. You can recall this saved module from the library anytime you need to.
Image: Divi Double Split Screen
Advanced design settings
By now, I’m sure you’re in love with the Divi Theme and its wonderful Visual Builder. But wait – there’s a lot more than you can do with this theme! The Visual Builder includes several advanced design settings which allow you to manipulate different elements of your website.
Some of the things you can do with advanced design settings including changing the color of a module, changing the gradient type and direction of a module, changing the spacing within a module, adding margins or padding, and creating custom backgrounds and sections. Its really up to you how much detail you want to go. This is also one reason why many web designers and developers prefer the Divi Theme over other WordPress themes.
Now, I don’t recommend that you waste too much time fiddling around with advanced design settings unless you have an idea of what you’re trying to achieve. There are so many options and tools available to you that it is very easy to find yourself wanting to do more. Depending on what type of website you’re trying to create, use advanced design settings accordingly.
Image: Advanced Design Settings
Design the footer
The footer is one of the most important sections of your website, and you must design it properly. Now, with the Divi Theme, there are two ways to design a footer – a standard footer or a custom footer. Creating a custom footer is just the same as creating any section using the Visual Builder. You can use the Visual Builder tools to design a footer just the way you want.
On the other hand, the standard footer comes pre-included with the Divi Theme. If you want to add the standard footer to your website, exit the Visual Builder and head over to the theme customizer in your WordPress panel. Under the theme customizer, head over to widgets where you’ll see footer widgets. The Divi Theme will allow you to add different sections to your footer in a matter of a few clicks. If you need to add plugins to your footer, you can search for them under plugins in your WordPress dashboard. Again, there is a lot of functionality here, and you can add as many elements to your footer section as you like.
Image: Divi Footer Example
Get a website logo
By now, if you’ve followed all the steps mentioned above, you should have a fully functional website. But before you pat yourself on the back, hold on. You’ll need to add a logo to your website to make it look more professional and appealing.
Don’t worry if you don’t know how to design a logo – I’ll offer you a way around it. You can simply head over to any of the freelancing sites such as Fiverr, Upwork or Freelancer.com and request for a logo design job. You’ll immediately have access to a global pool of logo designers, and you can hire someone to create a logo for you. The best part of these websites is that they are incredibly affordable. In fact, you can get a professional logo designed for your site in as little as $5! So, don’t skimp out on this step – it will make a big difference to your website.
Optimize for mobile
To make your WordPress website fully functional, you’ll need to optimize it for mobile viewing. Fortunately, the Visual Builder makes this very simple as well. To optimize your website for mobile, simply open the settings for any selected module and head to the design tab. Alongside all the design settings, you’ll also find a small tablet/mobile icon next to the settings. Click on this icon to see how your website looks on a mobile platform. You can also edit and make any changes if you need to.
Remember – more people view websites on mobile devices than on desktop and laptop computers today. As such, I highly advise you to optimize your website for mobile else you may lose out on many potential viewers.
Image: Mobile Customizer
Add other pages to your website
After completing all the steps above, you’ll have a fully functioning one-page website which will work on all devices. But, you’ll probably want to add more pages to your website depending on your needs. Some pages that you should consider including in your website are an About Page, a Blog Page and a Contact Page.
To add new pages to your website, simply head over to your WordPress dashboard where you’ll find Add pages. Go on and add as many pages as you require. And, to design these pages, you can use the Visual Builder once again. You can simply use the Divi Theme library to replicate any modules or sections that you have designed on your homepage. This will save a lot of time and allow you to create multiple web pages in no time at all!
Image: Divi Library to Create Multiple Webpages
Customize WordPress Website Using Divi Theme
Congratulations! If you’ve followed all the steps I’ve mentioned above, you’ll have created a great WordPress website using the Divi Theme. While you can take your website live, I’ll also recommend you to customize the Divi Theme according to your needs.
Divi is a very powerful theme which offers a lot of customization options to users. Simply head over to the theme customizer, and you’ll be presented with many tools to change the look and feel of your website. I won’t go into much detail about the theme customizer as you’ll learn more about it by playing more with it.
Image: Divi Theme Customizer
So, there you have it! These are my step by step instructions that will help you create a wonderful WordPress website using the Divi Theme. Sure, there are few steps involved in the process, but much of it is fairly simple to follow. Ideally, you shouldn’t run into any problems.
Have you already used the Divi Theme? Do you know of any other WordPress themes that offer as much regarding features and functionality as the Divi Theme? Or do you have any doubts or questions regarding this guide? Please do leave me your comments below and I’ll be happy to hear from you!
Google AdSense is arguably one of the most popular ways to monetize a website. Google AdSense on your WordPress website allows you to display video, image or text advertisements on your website. Whenever a visitor views or clicks on these ads on your website, you will be paid.
While there are a number of such ad networks available today, it doesn’t make sense signing up for multiple networks. If you sign up for many networks, you’ll bombard your site with advertisements and make it unnecessarily cluttered and messy. Rather, it makes much more sense to stick with the best ad network, which is Google AdSense.
If you already have a WordPress website up and running, you should set up Google AdSense on your site immediately. Thankfully, setting up Google AdSense on WordPress websites is extremely simple and straightforward.
Today, I will offer you a step by step guide to setting up Google AdSense on your WordPress website. I’ll show you everything you need to start earning passive income, so make sure to read through until the end!
You Can Also Watch My Tutorial on how To Setup Google Adsense On Your WordPress website Here
Sign-up for Google AdSense
Before you can setup AdSense on your website, you’ll need to sign-up for a free account with Google AdSense. This is a simple process, where you can sign-up with any email id. While Google allowed creating multiple AdSense accounts in the past, now it is limited to just one.
Image: Google AdSense Sign-Up
The process of signing up for AdSense includes email verification. You will also be asked to answer a few questions about your website during the process. When you’re done, you will be redirected to your AdSense dashboard.
Understand the AdSense Dashboard
Once you’ve signed up and created your AdSense account, you can access your AdSense dashboard. Your dashboard includes everything that you need to create and manage advertisements on your website. I recommend you to take a look at all the tabs under the dashboard to get a better understanding of AdSense. Thankfully, Google has greatly improved the interface of the AdSense dashboard, so everything is intuitive and easy to understand.
Image: AdSense Dashboard
Within the AdSense dashboard, you’ll see tabs for creating and managing ads, performance reports, optimization settings, general settings and help and support. I recommend you to explore each tab to understand what you can do with AdSense. When you click on a tab, a new page will open up where everything is laid out in easy to understand terms.
Google also offers help and support options within each tab, as it does in the main dashboard section. You can always lookup help and support in case you need to find out anything more about AdSense. I won’t go into much detail here as Google has done a pretty good job in laying out the AdSense dashboard.
Verify your AdSense Account
After signing up for an AdSense account, the very first thing you should do is to verify your AdSense account settings. You can do this from within your AdSense dashboard itself.
Head over to the Settings tab in your dashboard and click on Personal Settings, where you will be asked to verify your details and your mailing address. Google will send a PIN to your mailing address within two weeks after you verify your details. By using this PIN, you can verify and activate your AdSense account to start receiving money. Don’t worry if you think that waiting for verification will mean a loss of income. Google will automatically hold your AdSense revenue and release it once your PIN is verified.
Image: AdSense Verification
Other account settings should also be verified including your account information and payments. You can find these tabs under the main Settings tab in your AdSense dashboard.
Once you have verified all settings, you can go ahead and create advertisements for your website using AdSense.
Once you’ve created and verified your AdSense account, you can create and manage advertisements from your AdSense dashboard. To do this, head to the My Ads tab where you can create a new ad unit.
While AdSense would earlier allow you to create only one type of advertisement, now you can create three types. These include:
Text and display ads: Allows you to display advertisements anywhere on a webpage. You can choose the style, the placement and the size of the advertisement.
In-feed ads Allow you to display advertisements that flow naturally within a list of products or articles on a webpage. Such ads are normally displayed in lists which you may create on your website.
In-article ads Allow you to display advertisements that seamlessly fit in between paragraphs on a webpage. This creates an enhanced reading experience for users, while you also get to display relevant ads.
Image: AdSense Ad Units
While you can create any of these three types of advertisements, you cannot control what ads will be displayed. This is completely determined by Google, based on the browsing habits of your visitors.
Also, I recommend you to stick with Text and Display ads and In-article ads and avoid In-feed ads as far as possible. I’ll go into this in a little more detail later on.
Creating Text and Display Ads
Text and display ads are by far the most popular type of AdSense advertisements. These ads can easily be inserted as a widget on a webpage. To create such ads, simply click on the Text and Display ads in your dashboard under Ad Units. This will open up a page where you can name the ad and select the size, type and style of the ad.
Image: Text and Display Ads
While there are some different ad size configurations, I recommend you to stick with the responsive layout. Responsive ads will automatically adjust themselves to offer an optimal viewing experience, regardless of whether your website is being viewed on mobile or desktops.
You can also customize the style of the text and display ads as well as group custom ad channels together. However, these are fairly advanced settings, and you’ll do just fine without diving too deep into them.
When you have completed selecting the settings for your text and display ad, click on Save and Get Code. Copy the code that AdSense creates for you and insert it into a text widget of WordPress dashboard. Remember to paste the code in the Text tab under WordPress widgets and not the Visual tab which opens right next to it. This will create and display the ad on your website. Don’t worry if your ad doesn’t show up immediately; it will do so soon.
Creating In-Feed ads
Personally, I don’t recommend creating In-Feed ads for your website, especially if you’re new to AdSense. This is because In-feed ads can create some confusion and trick people on your website into clicking on an ad. In-feed ads will be displayed on your list of blog posts or products. People may mistakenly click on the ad, thinking it to be another blog post or product. There’s a good chance that such people won’t return to your website, so it’s best to avoid In-feed ads altogether.
Image: In-Feed Ads
There is a certain learning curve associated with using In-Feed ads effectively. While I don’t make much use of these ads, you can certainly go ahead and try them out if you want to. To create these ads, simply click on In-Feed ads in your dashboard under Ad Units. This will open up a page where you can customize your ad.
I won’t go into much detail about creating In-Feed ads as I don’t use them myself. However, Google provides a support forum on how to create customized In-Feed ads where you can learn how to use these ads. Do note that In-Feed ads make use of certain plugins and they may not work with all WordPress themes. It is best to check the Google support forum before you try and create such an ad.
Creating In-Article Ads
Several websites make use of In-Article ads, and I also make use of them myself. Google has made the process of creating In-Article Ads very simple and easy. Just head over to In-Article ads in your AdSense dashboard under Ad Units. This will open up a new page where you can customize the ad style, title, description and background.
Image: In-Article Ads
Once you have customized your In-Article ad, click on Save and Get Code. Copy the code that AdSense creates and head over to your WordPress dashboard. Open up the blog post or webpage where you want to insert the ad into the dashboard under the Text Tab. Wherever you want to insert your ad, paste the code into the text. Make sure to add line spaces to separate your text from AdSense code. This will make things easier if you need to edit your webpage or blog post in the future.
Additional Tips for Creating Effective Ads
Google AdSense certainly makes it very easy for you to create ads on your WordPress website. However, I recommend you to be a little careful when you’re creating ads. By inserting too many ads into your website, you’ll make it look like a scam to your visitors. Also, with too many ads, there’s always a chance that a visitor mistakenly clicks on one of your ads. While you’ll still earn money this way, your visitors will not return to your website. In the long term, you will be the one to suffer.
This is something you should avoid at all costs. Posting one or two ads here and there on a website is what I recommend you do. And, of course – make sure to customize your ads so that they don’t look like a scam. Remember – by keeping things simple, you will offer a better experience to your visitors, and you’ll give your website a chance to grow.
And, for more tips on support on how to use AdSense effectively, feel free to visit Google’s support forums. The AdSense community is incredibly active, and you’ll get most of your questions answered by the forum.
Image: AdSense Support
There you have it! These are the exact steps you need to follow to setup Google AdSense on your WordPress website. Even if you’ve never used AdSense or any other ad network, it is fairly simple to setup AdSense on a website. If you’re a developer or you have good experience with WordPress, setting up AdSense will be a breeze. Even if you’re not, you can create an ad using AdSense in a matter of minutes – it’s that simple!
Do you already make use of an ad network to monetize your WordPress website? Or do you use methods other than advertisements to earn passive income from your website? Or maybe you’re already using AdSense, but you’re not sure if you’re using it effectively? Whatever doubts, queries or thoughts you have, do let me know in the comments section below. I’ll be more than happy to help you out with setting up Google AdSense effectively on your website!
All of us know that WordPress can be used to create some really amazing websites. But have you ever thought of creating a web hosting business using the most popular CMS available today? Learn more about WordPress and WHMCS.
Many people have jumped into creating web hosting businesses recently. It is a lucrative business opportunity which can enable you to increase your earnings, earn recurring revenue and work from anywhere you want. You can even integrate a new web hosting business with your current internet marketing or web design business to earn more revenue.
If you have a basic understanding of WordPress, then you can actually get a web hosting business up and running in a matter of hours! All you’ll need for this is WordPress and the WHMCS billing software. While WordPress allows you to create the front-end of a professional looking website, WHMCS allows you to manage billing and accounts from the back-end. WHMCS is one of the world’s most popular web hosting automation platforms which allows you to handle sign-ups, billing, provisioning and support.
Today, I will compile a step by step guide to help you create a web hosting business easily and efficiently using WordPress and WHMCS. I’ll show you everything that you need to do to get your new business up and running as quickly and smoothly as possible, so make sure to read right through to the end!
You can also watch the video oh our WHMCS tutorial on youtube. Darrel Wilson and Ryan Grey of namehero go in detail on what you need to do to setup your hosting company step by step
Get a basic idea of WordPress
In order to create a new web hosting business, you will need to have a basic understanding of WordPress. If you have used WordPress before, then you can skip to the next step. If not, then you should get yourself acquainted with WordPress before you build your new web hosting business.
While you can use other CMS platforms like Joomla and Drupal to create your web hosting business, I prefer WordPress. This is because WordPress is completely free, it is very friendly to beginners, it is mobile and tablet friendly and it is backed by a massive support community.
Image: WordPress Dashboard
Don’t worry if you have never used WordPress before to create a website, it is actually quite easy and straightforward. There are plenty of WordPress tutorials available on the Internet, so I won’t go into the details here. You don’t need to go into too much detail with WordPress to build a web hosting business. Just get yourself acquainted with the dashboard, the themes and the settings. If you’re an absolute beginner, I also recommend that you try creating a free blog for a better understanding of WordPress.
Purchase a domain name and reseller hosting
Once you have acquainted yourself with WordPress, you’ll need to purchase a domain name and reseller hosting for your new business. While the WordPress platform is completely free, you will have to purchase reseller hosting and a domain name. Don’t worry, it won’t break the bank. You can purchase a domain name plus domain-hosting for as little as $3-5 per month, which is less than a cup of coffee.
You will need a hosting package, of course you may chose any hosting company you want, but i recommend Namehero because of their reliability and knowledge with reseller hosting. I have teamed up with Ryan Grey and can provide you a special discount for reseller hosting
When signing up to namehero for your resller hosting package, i highly recommend getting the corporate package because you already get the WHMCS license included. If you use another package, you will have to purchase the WHMCS license alone and it will drive your cost up! So I would use the resources available and select the corporate hosting package.
First, think of what you want your new web hosting business to be called. After you’ve come up with a few names, look to see if the .com domain name of your choice is available for purchase. You can go with other domain extensions, but I’ll recommend you to try and find a .com domain unless other extensions describe you better. When you find an available domain name of your choice, you can purchase it from your hosting provider.
After you’ve finalized a domain name, you’ll need to purchase reseller hosting for your new website. There are several reseller hosting providers out there, but I recommend you to consider NameHero. NameHero is one of the best and their plans are quite affordable as compared to some others. Also, when you purchase NameHero reseller hosting, you will also receive a free license for WHMCS and you can even purchase your domain name of choice for free within NameHero.
Next up, you’ll need to install WordPress to create your website. Thankfully, NameHero makes this process very simple, even for beginners. First, log in to the client area on your NameHero cPanel. Once you’ve logged in, scroll down the cPanel page under scripts until you see the WordPress icon.
Click on the WordPress icon to open the dashboard within the cPanel and click on the install button. NameHero offers one-click installation of WordPress, so you should have absolutely no problems with installation. Upon installation, you’ll also need to fill out the fields for your website in the cPanel. If you’re unsure of anything, just leave the fields at the default option. As an option, you can also browse through the preloaded free themes in WordPress and use one if you desire. You can always change the theme later if you need to.
Image: WordPress Install
Do note that you can create a web hosting website without using WordPress – simply by using WHMCS. However, this is not a path that I recommend. Without the power of WordPress, you’ll only be able to create a bland and boring website. And, in today’s fast and competitive world, you want your website to be anything but bland and boring.
WordPress and WHMCS – Installation
After installing WordPress, you’ll need to install WHMCS as well. NameHero integrates with WHMCS and you can install it in a matter of minutes. To install WHMCS, login to the client area on your NameHero cPanel. After logging in, scroll down the page under softaculous until you see the WHMCS icon.
Click on the WHMCS icon to open the dashboard and then click on the install button. As with WordPress, NameHero offers one-click installation of WHMCS as well, so you’ll find the installation to be super simple. You’ll also need to fill out few text fields based on your requirements for your web hosting business. One thing to keep in mind is that WHMCS recommends the latest version of PHP, so make sure that you update your PHP version in the cPanel.
Image: WHMCS Install
Once you’ve installed WHMCS, you can login to your WHMCS Admin dashboard from where you can change settings.
Setup nameservers using WHMCS
The first thing you need to do after you’ve installed WHMCS and WordPress on your website is to setup nameservers. You can do this from your WHMCS Admin dashboard itself. First, login to your WHMCS Admin dashboard and find the Setup button. Hover over the button to reveal a drop-down list and choose General Settings from the list. Next, head over to the domain tab where you’ll need to fill in a few settings.
Image: WHMCS Nameservers
The settings you’ll need to enter are very important to providing web hosting services, so make sure to fill them in properly. These settings include:
Domain registration options
Enable renew options
Auto-renew on payment
Auto-renew requires product
Default auto-renew settings
Create to-do list entries
Domain sync enabled
Sync next due date
Domain sync notify only
Allow IDN domains
Bulk domain search
Default nameservers 1-5
Use client details
First name, last name, company name, email address, postal address and phone number
Once you’ve filled these settings according to your requirements, save the changes.
If you have any problems in setting up nameservers, you can also make use of the helpful WHMCS setup wizard. This wizard will guide you through all the necessary settings required for you to begin selling web hosting services.
Before you can start selling web hosting services, you’ll also need to setup Enom on your website. Enom allows you to offer SSL certificates, website building software and email services which are closely related to web hosting. In order to setup Enom on your website, you’ll need to register an account with Enom first. Another important point is that you need to fund your Enom account before you can start selling your services. I recommend making a deposit of a minimum of $25.
Image: Enom Setup
Once you’ve registered, head over to your WHMCS Admin dashboard and hover over the Setup button. From the drop-down list, head over to Products/Services and then to Domain Registrars. Under the list of Domain Registrars, locate Enom and click on the Activate button next to it. When you do this, you’ll see the Enom configuration screen where you’ll have to enter your Enom username as well as your API token. Click on Save to complete the setup process. You’ll also need to register your IP address with Enom because their API offers restricted access through IP addresses.
Configure general WHMCS settings
Next, you’ll need to configure the general WHMCS settings in order to start selling web hosting. During this process, you’ll also familiarize yourself with the various configurations and settings available in WHMCS.
Image: WHMCS General Settings
To configure the general settings, login to your WHMCS Admin dashboard and hover over the Setup tab to reveal a drop-down list. From the list, click on General Settings. Once you do so, you’ll find several tabs through which you can configure the general settings as per your needs. These tabs include:
I won’t go into the details of these settings as they will depend on your requirements. You should face too many problems in configuring these settings. But, if you do, there are plenty of lengthy tutorials online to help you out.
Configure email piping
As a seller of web hosting services, inevitably you will need to provide support to your clients. For this, you’ll need to configure email piping within WHMCS. Thankfully, this is a simple process which you can do from within the WHMCS Admin dashboard.
Image: Email Piping in WHMCS
To configure email piping, access your WHMCS Admin dashboard and hover over the Setup button. Select Support and then click on Support Departments to open the support ticket departments page. On this page, locate Ticket Importing using Email Forwarders and copy the portion in the field after ‘home/username/’ in the path. Next, login to your dashboard, locate the Emails tab and click on Forwarders and then Add Forwarder. On this page, enter the email address of your support department. After this, head over to Advanced Options and click on Pipe to a Program, where you can paste the command you had copied earlier. Finalize your email piping settings by saving the changes to the Add Forwarder button.
Configure domain pricing
Since you will be selling services related to domain registration and any associated add-ons, you’ll need to configure domain pricing within WHMCS. To do this, login to your WHMCS Admin dashboard and head over to Support, then Products/Services and then Domain Pricing.
Image: WHMCS Domains Pricing
Under the Domain Pricing tab, you can configure various settings including:
Modifying existing TLDs
Adding new TLDs
Premium domain names
Add-ons such as email forwarding, ID protection and DNS management
WHMCS offers detailed instructions to help you configure domain pricing. If you are in doubt, simply go through their instructions and tutorials.
Customize customer dashboard
To make a killer web hosting business, you have to provide an exceptional customer experience. Thankfully, you can easily customize the customer dashboard in WHMCS using the Admin dashboard.
Image: WHMCS Customer Dashboard
The WHMCS Admin dashboard includes widget controls on the top right of every widget. Using these controls, you can minimize, refresh or close widgets in order to change the dashboard appearance. You can even create your own widgets and feature them on the customer dashboard.
Stripe is a popular payment gateway which is compatible with WHMCS. However, you’ll need to configure and integrate Stripe before you can start selling web hosting. To do so, login to your WHMCS Admin dashboard and head over to Setup, then Payments and then Payment Gateways.
Image: WHMCS Stripe Integration
On the Payment Gateways page, you’ll need to enter your Stripe API keys. You can find your secret API key inside the Stripe portal. Once you’ve done so, you can customize the display name and statement descriptor. Complete the process by saving the changes.
Add hosting packages and services
As part of your web hosting services, you’ll need to provide cPanel hosting accounts to your customers. And, to do so, you’ll need to connect your cPanel server to WHMCS. Fortunately, this process is also relatively simple.
Image: Adding Hosting Packages and Services in WHMCS
First, login to your WHMCS Admin dashboard, head over to Setup, then Products/Services and then Servers. On this page, choose the option to Add New Server and fill in all information from your cPanel. Save the changes
To add hosting packages and servers, go to your WHMCS Admin dashboard, then to Setup and then to Products/Services. Click on Create a New Product and give it the same name as the hosting package you have created.
Create WHMCS add-ons
WHMCS offers a number of add-on modules that allow you to extend the capability of the billing software. Some of these add-on modules include Registrar Modules, Payment Gateways and Provisioning Modules. All add-ons can be managed within the WHMCS Admin dashboard under Setup and then Addon Modules.
Image: WHMCS Add-Ons
When offering add-ons, it really depends on what you want to offer with your web hosting services. With the help of add-ons, you can upsell WordPress configurations, SEO, social media management and other related products/services. By doing so, you can increase your revenue per customer.
Customize your website and add a logo
If you’ve followed all the steps I have mentioned above, you will have a fully functioning website by now. However, your website is still not presentable to customers, so you should customize your website and include a logo.
Adding a logo and making website customizations can easily be done within the WordPress cPanel. I won’t go into the details here as this is fairly straightforward. In case you run into any problems, you can easily find a solution online.
Transfer domains and support tickets
An integral part of offering web hosting services is to allow customers to transfer their existing domains and support tickets to your service. Again, WHMCS makes this process super simple.
Under the WHMCS customer dashboard, your customers can see an option to register or transfer a domain. And, under the cPanel, customers can submit support tickets for transferring their domains to your service.
Image: Domain Transfer in WHMCS
That’s it! These are the exact step by step instructions you need to follow in order to create a new web hosting business. While there are certainly many steps involved in this process, most of these steps are fairly straightforward. If you have any experience with WordPress or you’re a developer, you should face no problems in configuring and using WHMCS. And, in case you do, you can always refer to the official WHMCS documentation where you’ll find detailed instructions.
Have you already started a web hosting business of your own with WordPress and WHMCS? Do you think I may have missed out on some important information in this tutorial? Or do you have any doubts or queries regarding any of the things I have mentioned in this tutorial? Do let me know your thoughts in the comments section below and I’ll be more than happy to help you out!
There’s no doubt that Divi is one of the most popular premium WordPress themes available in the market today. Divi is an elegant, multipurpose WordPress theme which is incredibly attractive and is packed with plenty of features and functionality. Divi especially Divi Child Themes are incredibly versatile theme which can be used to create any personal website, business website, e-commerce website or blog.
While Divi makes for a great choice for building a website, some users may want added customizability. This is where Divi child themes can help you out. Child themes offer all the features and functionality of Divi, and they also offer custom styling capabilities. By using a Divi child theme, you can speed up your development and create added functionality on your website.
But, with hundreds of Divi child themes available in the market, which child theme do you go with?
We’ll be taking a look at just this today.
So, continue reading this post as I list 10 of the best Divi child themes you can consider in 2017. When you’re done reading this post, you’ll have a better idea of which Divi child theme is more suitable for your needs.
Ally is one of the most popular Divi child themes to be used by WordPress developers all over the world. As with its parent theme, Ally is a multipurpose WordPress theme which offers an incredibly elegant and modern look. This child theme is highly functional and is suitable for creating just about any website.
It is easy to see why Ally has gained so much popularity with WordPress developers. For starters, the Ally theme has been designed with great attention to detail, and it offers a clean, modern and unique design. This child theme includes most of the features of its parent theme, includes multi-page layout options and is completely responsive. Ally will look and work great on any and every device.
I am in love with Ally for the immense functionality that it offers. This child theme offers one-click installation, which allows you to setup your website in no time at all. And, thanks to the built-in Theme Customizer, you can easily make changes to the look of your website. Ally also includes a very useful Call to Action menu item with widget-ready popup functionality. This WordPress theme also comes equipped with full-screen sliders, fly-in animations, overlay mouse effect, custom page styling options, footer widgets and much more!
The Ally child theme is priced at $150 and requires you to purchase and install the Divi Parent theme first. Once you purchase and install Ally, you are free to use it across both personal and commercial websites and on as many websites as you like.
Arcedo is another premium Divi child theme which is extremely popular with the WordPress community. While Arcedo is a multipurpose theme with lots of features and functionality, it is primarily designed for small business websites. This WordPress theme is ideal for contractors, landscapers, plumbers, remodels and renovations, roofing, and other similar business websites.
One of the best things about the Arcedo theme is that it offers custom global headers and footers. This allows you to add any Divi modules in the header or footer sections of this theme. It also includes eight main page layouts, specifically designed for small business websites. These page layouts include the homepage, services page, subpages, projects page, blog, reviews, about us page and contact page. Each page layout can be customized and changed depending on your requirements.
There are many things to love about this child Divi theme. Apart from immense customizability, this theme also offers a clean and unique design. And, thanks to stylish hover and animation effects, this theme makes it possible for you to create highly modern looking websites.
For a Divi child theme, Arcedo offers everything that startups and small business owners need to create a business website. The Arcedo theme will cost you just $75, and it is worth the price. To use Arcedo, you’ll need to install the Divi parent theme, and once you’re done, you can use this child theme on any number of websites.
Of all the Divi child themes that are specifically designed for use in an e-commerce website, Luxury is one theme which stands out. It is a high-quality WordPress theme which comes packed with all the features and functionality required for building an e-commerce website. This child theme is rapidly gaining popularity with e-commerce business owners all over the world.
Luxury includes three different homepage layouts which have all been designed with the best design standards. You can choose from one of these three layouts depending on the particular needs and requirements of your business.
Some of the key features of the Luxury Divi child theme include mega menus, Product’s quick-view, quick add to cart options, Wishlist, quick search, live chat, shopping cart in the sidebar, filters, product galleries, multi-step checkout options, color switches and much more! This theme is also easy to customize and includes plenty of Ajax functionality.
Luxury e-commerce may be a child Divi theme, but it includes everything that you need to build a robust and scalable e-commerce website. This premium Divi child theme is priced at $139 and comes with 6 months of support. Luxury has plenty to offer, and you can also use this theme on an unlimited number of websites, making it worth its price.
When it comes to choosing a Divi child theme which is completely designed for business purposes, Corporate is the theme to choose. It is a stunning and modern looking WordPress theme which is perfect for creating any business website. In fact, this theme allows you to create catchy and trendy business websites that stand out from the competition.
The Corporate Divi child theme is designed keeping corporate businesses in mind. The first thing you’ll notice about this theme is that it is very cleverly designed and structured. This theme offers a modern look and the content and layout design is new and trendy. Corporate also allows you to customize the color theme to suit your branding scheme with colors of your choice.
Despite being a child theme, Corporate includes plenty of features and functionality by its parent theme. This theme includes 7 stylish page layouts with dual layout options for the homepage and a custom blog/news page. It also comes equipped with an opt-in module, a full-width menu and includes eye-catching hover and animation effects.
Corporate is built completely using the core Divi parent theme, and it uses no external plugins at all. This theme is easy to install and to get started with, thanks to clear and detailed installation instructions. It also includes plenty of customization options, theme options, JSON files and custom CSS which are all part of the parent theme.
The Corporate Divi child theme is a premium theme which will cost you just $49. Upon purchasing this theme, you’re free to use it on personal or business websites for yourself or clients. And, you can use this theme on an unlimited number of websites.
Minimalistic themes are incredibly popular with the WordPress community. And, of all Divi child themes which feature a minimalist design, Minimal is one of the best. Minimal offers an elegant and simple look, while also offering all the features and functionality of its parent theme. This multipurpose WordPress theme is suitable for creating any website.
Minimal is a fully responsive Divi child theme which is also compatible with most major WordPress plugins. It is a powerful theme which is highly customizable and features a gorgeous design. This theme is also incredibly easy to install and setup, thanks to one-click demo import functionality and detailed installation instructions.
Minimal is one of my favorite Divi child themes, thanks to its great looks and awesome functionality. I love the unlimited color schemes and stylish hover and animation effects. This theme allows you to design portfolios, blog posts, and person modules the way you want. Other key features of this theme include custom testimonials, custom footers, custom contact form design, logo sliders and much more.
For a minimalistic Divi child theme, you’ll find nothing better than Minimal. This premium WordPress theme is priced at $49 and is backed by a friendly and helpful support team. It is super easy to get started with this theme, and you can use it to build a modern and stylish website in no time at all!
For a modern looking Divi child theme that is designed for marketing websites, Anthem is one of the best themes available today. This premium WordPress theme is incredibly versatile and comes packed with great page layouts and awesome features. This theme is fully responsive and is suitable for creating just about any marketing website.
Anthem has been carefully crafted and beautifully designed with clean and validated code. This theme allows you to create stunning websites without having to struggle with hours and hours of designing. Anthem comes equipped with more than 12 stunning page layouts and includes unique elements and fully responsive styles. This theme is also compatible with popular plugins such as Instagram Feed, Font Awesome, Image Intense, and WooCommerce, among others.
Installing and setting up this WordPress theme is incredibly simple, thanks to detailed instructional walkthrough videos. You can install this theme using a one-step single-click migration process. And, thanks to integrated Page Builder Everywhere, you can use Anthem to design a website just the way you want.
Some features of this WordPress theme that I love include its stunning imagery, clean typography, animated backgrounds, pricing tables, features grids, forms and opt-ins, gradient texts, unique layouts, custom headers and footers and team options, among others. And, this theme is backed by a friendly and helpful support team as well.
The Anthem Divi child theme is a premium theme which is priced between $75 and $145, depending on the license. This versatile and modern looking WordPress theme offers everything that you need to design a beautiful and functional marketing website.
When it comes to finding a Divi child theme for creating membership websites and online course websites, Ventura is the best theme. This premium WordPress theme is completely designed for websites that sell memberships and/or online courses with the help of the LifterLMS Learning Management plugin.
The Ventura theme includes 20 different page layouts with two homepage layouts and a learning platform page layout. Other individual page layouts include instructor applications page, webinars signup and replays page, community page, resources page, affiliate sign up page and a custom blog layout. This theme is highly customizable with complete custom styling, custom fonts, and Font Awesome integration. Ventura also comes equipped with premium plugins such as the Divi Taxonomy Injector and the Divi Layout Injector.
Ventura is incredibly easy to install and setup, thanks to a one-click demo content install process. I just love the fact that this theme is so easy to use, yet packs in plenty of features and functionality. If I were to design an online membership site or an online course website in 2017, Ventura would certainly be my first choice.
This child theme requires the parent theme to be installed. However, once you purchase a license for Ventura, you’re free to use it for personal or commercial use on any number of websites. You will receive support for this theme for 6 months after you purchase the theme. You can purchase the Ventura WordPress theme for £150.
Astra is a premium Divi child theme which is designed specifically for blogging websites. This exclusive theme comes packed with many exclusive features and customizer options. This Divi child theme is ideal for freelancers, bloggers, writers or anyone else who wants to grow traffic through a blog. You can also use it as a starter theme for business websites that are just starting out.
Astra makes it extremely simple for anyone to create a beautifully designed blog in a matter of minutes. It may be easy to install and setup, but it is packed with plenty of powerful features. This Divi child theme comes equipped with four different page layouts, custom widgets, custom Meta posts, custom index.php and custom single.php. Astra also includes integrated social share buttons with WhatsApp share, related posts, and author bio-boxes.
I love Astra because it offers everything that is required to start a blogging website. This theme is intuitive and easy to use and includes all the functionality that designers and developers may require. This theme costs $125 and for the price, it sure is worth it!
You’ll need to install the Divi parent theme and have a hosted website and domain name in place to use Astra. You can use this Divi child theme on an unlimited number of websites for both personal and commercial use for yourself or your clients. Support is provided for 6 months after you purchase this premium WordPress theme.
Polygon is a multipurpose Divi child theme that is designed specifically for professional agencies and creative. This all-purpose theme contains all the features and functionality of its parent theme, and it offers a modern and stylish look. This WordPress theme is also fully responsive, and it will work perfectly well on any device.
The Polygon child theme includes 10 different Divi page layouts, allowing you to design a website just the way you want. It also includes animated backgrounds, advanced mouse-over animations, preloader options, particles background settings, ghost headers and custom Call to Action modules. Polygon also supports popup form integration for supported plugins such as Contact Form 7, Gravity Forms and Caldera Forms.
One thing that I love about the Polygon theme is its ease of use. This theme can be installed and setup in a matter of minutes, thanks to the one-click install feature and comprehensive installation instructions. Also, the Polygon theme automatically checks for and installs updates without you having to do it manually. Polygon allows you to create a beautiful blog or business website with ease. And, thanks to shadow effects, neat design and hover animations, you can give your blog or website a modern look.
A regular license for the Polygon Divi child theme will cost you only $55. For this price, you’ll receive lifetime updates and 6 months of professional support. You’ll be required to install the parent Divi theme before you can start using Polygon though.
Finally, The Cube Agency is one of the most popular Divi child themes designed specifically for agencies. It is an incredibly versatile, beautifully designed and multipurpose WordPress theme which includes plenty of Divi elements and modules. This theme is fully responsive, and it is suitable for building agency websites or web projects.
The Cube Agency comes equipped with 5 different page layouts. These include the homepage, projects summary/overview page, independent projects page, an about page and a contact page. Apart from these page layouts, the theme also includes more than 14 carefully designed elements and modules. A unique feature of this theme is that all page layouts can be combined to create any web project or website. And, all included elements and modules are A/B tested for optimal user experience and optimized for conversions.
While there’s a lot to love about The Cube Agency WordPress theme, one thing you’re sure to love is the ease of installation. Thanks to detailed explanations, you can setup this Divi child theme in a matter of minutes. And, with elegant hover effects, stylish header and footer menus, styled arrows, breadcrumbs and other features, this theme offers everything you need to create a stylish and modern website.
As a premium WordPress theme, The Cube Agency Divi child theme costs $49. It is one of the cheapest Divi child themes available in the market, and it offers plenty of features and functions. All in all, it is a great theme, and you cannot go wrong in choosing it.
So, there you go – these are my top 10 picks for the best Divi child themes available in the market in 2017. There may be plenty of other free and premium Divi child themes out there, but these are arguably the most popular. And, these child themes have all been highly rated by the WordPress community. You certainly won’t go wrong in choosing any of these child Divi themes for your needs.
Have you already tried using any of these Divi child themes?
Do you know any other awesome Divi child theme which I may not have considered in my top 10?
Do let me know in the comments section below and I’ll be looking forward to hearing from you!