WooCommerce Tutorial 2018 – Complete WordPress E-Commerce Tutorial

This tutorial is a comprehensive exposition of WooCommerce, particularly its settings and products. WooCommerce is arguably one of the most effective e-commerce plugins that WordPress websites can utilize. It is created specifically for people interested in selling merchandise through WordPress website. Let’s learn more from this WooCommerce Tutorial 2018.

You can watch the whole tutorial is on my youtube channel as well

https://www.youtube.com/watch?v=L5sWnh3EkTI&t=1746s

Welcome to this exciting journey through WooCommerce. We begin by familiarizing ourselves with categories of products you can sell on a WordPress website that is powered by WooCommerce. I will demonstrate how you can incorporate various groupings of products into your website.

WooCommerce Tutorial 2018 Complete WordPress e-commerce Tutorial

First, an introduction about this Woocommerce Tutorial 2018

There are various categories of products that you can sell on an e-commerce website. Simple products are those with no variables, which means they are not differentiated into categories and attributes. Prospective buyers simply click on the product and are directed to the cart to finish the process and claim their purchases.

Variable products are differentiated into specific attributes. Buyers have the opportunity, for example, to choose the color, size and other characteristics of a product. In essence, unlike simple products, variable products give customers the freedom of choice. As a seller, you have to make the customer’s decision-making process as hassle-free as possible.

Group products include those with storage capacity such as phones. When creating your WooCommerce website, you must differentiate group products using as many attributes as possible. For example, you need to state the price, quantity, storage space, color and so on. Similar products are lumped together by use of respective characteristics.

Another significant category is virtual products. These are, essentially, services. Consultants and attorneys are some of the professionals who sell virtual products. Virtual products can be a source of handsome income if you set up your website well.

Your e-commerce website may also entail selling downloadable products. If you are into eBooks and software sales, you need to understand how to incorporate digital ware into your site. What you need is a website the allows convenient downloading of products and a clear payment process.

Lastly, affiliate products are the darling of many website owners, especially bloggers. You promote a product on your site by providing a link to customers to buy the products. Once they make purchases, you get a commission. How do you do that on a WordPress website? Stick around for details.

General WooCommerce Options

Since I want you to have a comprehensive understanding of WooCommerce, I will discuss all available options and features of this plugin. Be ready to learn about each tab and respective options. This article is arranged in such a manner that you can start with the section you want.

For instance, you may want to start with shipping or taxes or any other section. On shipping, I will explain how you can enable your buyer to select the right options and how each of the available options affect your business. Do you want to set personal taxes or other alternatives? I will show you how.

How about checkout? Many of us are used to PayPal, but a lot has changed. Stripe is becoming more popular than PayPal. Unlike the latter, the former does not redirect buyers to the respective website to complete a transaction.

You will also learn about Quick Pay, the hassle-free method of checking out for buyers. The process is fast and easy and can be incorporated into your WooCommerce website to improve customer experience.

Feel free to visit my website and see for yourself how WooCommerce works for e-commerce sites. The array of features in this WooCommerce theme is amazing. You might even contemplate changing your current WordPress theme to WooCommerce.

I am using the best rated WooCommerce theme there is. So, use my website to learn how to create an e-commerce website. I also have tutorials on all the issues I am raising her. Take time to access the resources I offer on my website and YouTube channel.

Now, let us discuss the products’ section in detail.

 General WooCommerce Options

Simple Product

For simple products, begin by selecting Plus, New, then Product. Another way of doing it is via the WooCommerce setting, where you select products, then Add NEW.

To demonstrate, you can select the product as girls’ shirts. You will then need to write a long-tail description, which will appear at the bottom right side of the page. Long-term description entails such issues as ‘washing cold’, regular price or even sale price. You may also want to schedule the sale, which means you set the start and end date of the event.

These are details to help the customer decide to purchase your product. Remember in e-commerce; the customer does not have the luxury of seeing, feeling or even trying out the product before they purchase it.

The product is now displayed in the Sale Inventory tab. If you have an SKU number, this is where you place it.

Manage Stock

Manage StockThe idea here is to indicate to customers the quantity of a particular product remaining at any one time. Here you create a scarce mentality in the customer, who is then forced to buy before the product ostensibly goes off the shelf.

Allow Backorders

Another option is to ‘Allow Backorders’. This implies informing customers that a product is not available at the time, but they can place an order and get the product when you have it. I don’t advocate for backorders, but you can try this option if you need it.

Sold Individually

If you want to sell a product singly (nothing else can be bought at the same time), select ‘Sold Individually’. I don’t advise anyone to use this option for simple products unless there is a real need for that.

Shipping Options

Let’s look at the shipping options. You need to state the weight, length, height and related attributes of the product in parameters that are clear to your clients. For instance, Americans like to use ounces, inches and so on. Europeans prefer the metric system, that is, kilometres and the like.

While you intend to sell to a global audience, it would be good to use parameters that are easily understood by the majority of your buyers.in e-commerce always seek to make the process as easy as possible for the buyer because you are not present to answer their questions.

At this point, we will skip ‘Shipping Class’ because we have a longer section on shipping matters later.

Linked Products

Another section you need to understand is Linked Products. A quick reference is provided when you hover over the question mark in the respective section.

However, Upsells are products you recommend to customers as better alternatives to the product they are viewing.

Cross-sells elicit some debate. These are products you promote in the Cart based on the current product – the one the customer wants to purchase. Why would you want to recommend an alternative product to a customer who is almost checking out? This is confusing to the buyer.

I don’t recommend Cross-sells. However, if you think, cross-sells can convince your buyer to add more to the cart, go ahead and include that option.

Attributes

We will leave out attributes because they only apply to variable products.

Advanced

Advanced Purchase Note is the comment that a customer may want to make after purchasing a product, for example, “Great Sale.”

Menu Order

Most themes allow you to place different products in respective sections. Menu Order, however, allows you to set positive or negative numbers. This is done to determine which item will appear first.

However, this is not necessary since you can categorize your products on the right-hand side of the page on the ‘Product Categories’ tab.

Menu Order

 Extra

Extra is a theme option that I am using. Ignore that section for now.

Product short description

I consider this the most important part, though I believe some changes would make the section better.

Product Images and Galleries

In this section, you will bring together the product image and the short-tailed description. You will need to go to your gallery to select the image. It is advisable to have images taken from different angles.

 Product Tags

It is at this point that you also add tags such as ‘Girls’ Shirts’, ‘Sexy Clothes’ and so on. Tags assist prospective buyers in navigating your site easily.

Clicking on a specific tag takes visitors to products that fit that description. You can have categories for different products. For instance, Girls’ Shirt’s may appear in the ‘Women’s Clothes’ category if you so wish. Irrespective of the WordPress theme you are using, you can create categories for your clients.

Publish

Publish what you have saved so far. However, note that there are tables to allow you to edit the information and publish anew. Under ‘Edit’ you also get to hide products, show by search results only, by shop only or search results only. To be sincere, you may never use these tabs.

View Product

After publishing, you can view your product. You will see the long tail and short tail descriptions. You can also zoom the product and navigate to other products. Also visible is the secondary image of the product, tags categories, and quantity in stock, just as you set them up before.

Variable Products

Now, let us take out the tutorial to the next level with Variable Products

Variable Products

Let us begin by taking one product, “Men’s Shirt”. We will give it both long tail and short tail descriptions.

Taxation

After you select a variable product, remember to indicate the Tax Status. I suggest you choose ‘Taxable’; most products are taxable, anyway. Then select the Tax class, for example, Standard, Reduced Rate or Zero Rate.  We will discuss taxes in detail later.

Inventory

You will find a space for inserting your SKU number, if necessary. You can also indicate your stock quantity.

Shipping

The shipping section allows you to insert respective information such as the weight of the product and related dimensions.

Linked Products

We have already discussed cross-sells and upsells. They work the same here. Please refer to Simple Product section.

Attributes and Variations

You cannot add a variation before you have added an attribute. Attributes include something like the color. You can add as many attributes as you want under the variations tab.  Remember to save your information by adding it.

Once you specify the variation and attribute, select the image attached to that attribute and upload it. For instance, attribute ‘red’ means you should upload a red item.

Another important attribute is the price. Remember without indicating price; people will not be able to purchase the product.

Default form values

This function enables you to indicate which attribute will be the default one. For example, if you set red as the default attribute, the item the buyer will see first will be the red one, but they have the option to choose a different color and view respective products.

Do not forget to save your work at every step and to publish it once you are satisfied you are through with a task.

View Products

If you visit the View Product page now, your products will be visible, with all the variations and attributes you selected. There is still room for improvement or alterations in case you change your mind.

For instance, you might want to add ‘size’ as a variation to your clothes’ store. In this case, you may have attributes such as Small, Medium and Large for your customers. Another attribute would be color, in which case you will list all the available colors based on your products.

Variations can also be created from the new attributes. For instance, when it comes to color, you might differentiate into small red, small blue, medium red, medium blue, large red and the large blue.

View Products

Now, you have to go through all the images based on the variations and attributes you have created and set respective prices. Variable products are the hardest to set up because you have to set up prices for each item.

Keep checking the view product page to ensure your product looks exactly as you want it and that your customers do not strain when navigating the site. Remember yours is an e-commerce website, and customers must be wooed to buy.

Grouped Product

The next item in our tutorial is Grouped products.

Grouped Product

These are products with different size variables. Go to +New and Select Product. Type the type of product you want to sell, e.g. iPhone.

Product Description

Add some descriptions that are short tail and long-tail just as with the previous products.

Product Image

Insert the respective image and publish the data.

Product Name and Description

The next step is to create a product name for respective products in the group. For instance, for the iPhone, we can create a 16 gigabytes item. You don’t have to create a description since you already created that content. However, you can write something such as ‘Great Deal’ and so on.

Price

Indicate how much the product costs, hide the information then publish.  There is a reason for hiding the product.

Edit

Now go back to the original group product and inside the original iPhone product, click ‘Edit’ and add 16 gigabytes. You will be redirected to a page where you can now edit the information you want.

Linked Products

Click on ‘Linked Products’ and on the ‘Grouped Products’ section, search for ‘16 gigabytes’ on the scroll-down menu, then Update.

View Product

On View Product page, you can view the product which will indicate the default price. Note that not everything you have added before will appear in this section.

Add Another Product

To understand how this WooCommerce website works, you can add another product. Again, you need to go to +New on the main menu and select Product, then Grouped Products.

Name this product 32 gigabytes and set a price for it. Now Hide it and Publish the details. The reason you hide the information is that ‘32 gigabytes’ is just a random name and you don’t want your customers to view a product that is still at the developmental stage.

Now, go back to the Products’ Section, select the iPhone image and ‘Edit’. On the Linked Products’ section, type 32 gigabytes and update.

Go to Product View page, and you will see the image with two different products (16 gigabytes and 32 gigabytes).

Add Another Product

Why use Siteground?

At this point, though, it is important to understand the advantage of using Siteground instead of Hosting. Siteground gives you the free SSL, which is the only way people can check out your website. With the 60% discount I am offering, this is a good opportunity to invest in a worthy deal.

 Digital and Downloadable Product

If you are planning to sell digital products on your website, stick around to know how to make this possible. To create digital products, you will undertake a simple and quite fast process.

Once again, you go to +New then Product. For demonstration purposes, we will name our product ‘Phone Call’.

Product Description

Using knowledge gained creating other products, create long and short tail descriptions for your product. For example, you can call yours, Attorney Phone Calls. Now, set up the right price for your virtual product.

Uploading Image

Look for an appropriate image. On ‘Product Data’, select ‘Simple Product’, then tick ‘Virtual’. Do not select ‘Downloadable’ since there will be no download. As you do this, the ‘Shipping’ section will disappear.

However, if you select ‘Downloadable’, you will see a section for adding the respective file (for example an eBook), after which you will be prompted to select the file and upload it.

Download Limit

Another option is you to indicate the number of times the file can be downloaded under ‘Download Limit’. The default is ‘Unlimited’ in which cases people will download the item in perpetuity.

Download Expiry

Similarly, you can indicate the ‘Download expiry’ which is the date upon which customers cannot download the product anymore.

Once you are sure you have followed the process, publish this section. View the product on ‘View Product’ to see what type of product you have created. It will appear like the one below:

Download Expiry

 

Affiliate product

These are products that you recommend for your buyers and receive a commission if they purchase these products. This is a popular strategy for getting continuous income.

Affiliate product

Again, start at +New, Product. For ‘Product Name’ let us use ‘Affiliate Product’. On ‘Product Data’ select ‘External / Affiliate’ Product.

Product Description

The next step is to create some description for the product. Now, create or paste the URL of the product you are promoting in the provided space. I promote a lot of products, but for this case, I will give my DiVi link.

This is where customers are redirected to every time they click the link. If you want to boost my income, please buy products through my links.

Price

Now set the price after the ‘Buy Now’ button. Go ahead and select the image you want to go with the link and the price for the product.

View Product

When you go to View Image and click on ‘Buy Product’ you are redirected to the page of the URL. Once a customer purchases the product through this method, you receive your commission.

View Product Affiliate Product

As an example, he is what happens when you buy the Divi theme through my website and affiliate link:

WooCommerce Extra Extensions

These are extra that you can use with WooCommerce to spice up your e-commerce website – giving it more color and décor. For instance, on a normal e-commerce website, you can add features and add-ons for a simple product.

WooCommerce Extra Extensions

WooCommerce allows you to add features such as gift wraps, logos on cloth products, custom engravings (e.g. Sexy Girl) etc. The effect is that the price of the product increases with added features.

To purchase this particular plugin, you must be logged in to the WooCommerce website. It will cost you $50 – $ 200. The advantage of buying the plugin from WooCommerce is that you will receive support and updates.

These benefits do not accrue to those who buy these plugins from Woomill.com and other websites. However, these websites sell generic versions of the plugins at dramatically lower prices, e.g. $10.

Now you know. Whether you buy the plugin from GPL website of WooCommerce, it is important to have the plugin.

WooCommerce General Settings

WooCommerce General Settings

Additional Settings

Depending on the theme you are using, there are ways you can integrate with WooCommerce. If you go to ‘Customize’ and ‘WooCommerce’ settings, you will see additional settings.

These settings can be accessed through the back end. They include Store Notice, Product Catalog and Product Images. For instance, you can make Store Notice appear at the bottom of the page. Product catalogs can also be displayed.

Store Address

From the Dashboard, Go to WooCommerce and then Settings. Under General Settings. Insert your address and ensure it is functional. Remember this information is important for taxation and shipping purposes. For instance, your address is very significant if you are using automatic taxes.

Selling Locations

Under Selling Locations, you can choose the specific countries, all countries or all countries except for a few. Choose the option that applies to you from the choices available. Under Shipping Locations, you can choose to ship to specific countries. You may even disable shipping and respective calculations.

Taxation

On taxes, you can choose to enable tax calculations.

Currency

Currency options are about choosing the currency and where to place the symbol for the currency. Save changes after that.

Currency

Products

Depending on your theme, this can be contradictory. If your pages do not work with WooCommerce plugin, then you can go to WooCommerce and put a shop code to create a section for WooCommerce. This will create such sections as the Shop Page.

Measurement

Under measurement, indicate the weights and dimension measures. Go to Reviews and select how you want your products to be reviewed. I suggest you allow reviews from verified owners only.

This means that only those who have purchased from you or subscribed to your email will be allowed to review products. The advantage is that they will be giving information from experience, which is good for those who haven’t purchased the product.

Inventory

Here you can enable stock management. You can set an amount which will trigger a warning when your stock decrease or runs out. Your system will notify you via email that you need to restock. You also get to set the format through which you will be notified of low stock.

 Downloadable products

Here you get to choose File Download Method. They include Forced download, Redirect only and X-Accel-Redirect/X-Sendfile. Don’t check Forced Downloads if you don’t know what it entails. Many people will choose X-Accel-Redirect/X-Sendfile as it is a natural choice.

Some downloads also may require buyers to sign in, but that may not always be the case. Moreover, it is so that buyers only get access to digital materials that they have purchased. However, the system says that that option does not apply to guests.

For now, we will skip tax, shipping and checkout. Let’s deal with accounts first.

Accounts

To begin with, in case your account page was never created, use the shortcode we discussed earlier to create the page. You will need this shortcode when using WooCommerce.

 Accounts

Customer Registration

Here you can either allow customers to register on the ‘Checkout’ page or My Account’ page.

Account Creation

You can allow the system to automatically generate a password for the customer and also to generate a username from the customer’s email. The latter is useful as it facilitates faster purchase by the buyer.

My Account Endpoints

In this section you can create different URLs for such things as orders, view orders, downloads, payment methods, logout and so on. I advise you to leave the default URLs because creating new ones can be a bit messy. Remember to save changes.

Emails

On emails, we begin with Email Sender Options. Here you have the options of indicating the name of the shop and the shop’s email address.

The email template allows you to insert the link from your media files on the ‘Header Image’ section. If you want a logo for the respective section, you can get one from Fiverr where freelancers can create one for you for a fee.

I also advise you to use Siteground hosting because it gives free SSLs for every domain you create.

Media

From here, we go to Media, then Library. Here you will copy your image link and paste it in the ‘Header Image’ section of ‘Email’.  Other areas you can change include Base Color, Background Color, Body Background Color and Body Text Color.

Email Notifications

The system summarizes emails based on the recipient and other parameters. You can see from a glance how the emails are arranged. In essence, all your email communications with customers are summarized for easy access.

Email Notifications

 Customer Note

Customer note entails adding a note to order. Here you can enable or disable email notification and add a subject, and email heading. You might need a developer to help with HTML issues, though. For each of the sections, though, you have a section for configuring.

API

Do not use API unless you are a developer. Get professional help if you need to work on this section.

Extensions

Here you will come across extensions such as bookings, subscriptions and memberships. I have created tutorials on how to use each of these plugins. Watch my YouTube videos and especially the descriptions for more details. You can also buy plugins from my site or other vendors.

Status

This is a critical section of your website because when you have issues with your WooCommerce website, you will be asked to provide the information provided here. It contains logs, WooCommerce services and tools.

Reports

This section summarizes your income status. Data is available at regular intervals, for example, annual, monthly and weekly. You are also able to view details on customers, stocks, taxes and orders. You are in business, so you need to know the health of your enterprise at all times.

How to Add Coupons

Coupons are great for email campaigns. They entail giving customers flat rates or percentage discounts for products. It is a strategy of encouraging people to buy from you and, possibly, remain loyal customers.

To create a new coupon, go to ‘Add Coupon’ and Insert the name of the coupon.

How to Add Coupons Woocommerce

Under ‘Coupon Data’, indicate the discount type such as Percentage, Fixed cart and Fixed discounts. You will need to indicate respective details for each type of discount; shipping details about the coupon and the expiry date.

Percentage Discounts

Percentage discount implies offering to reduce a fraction of the price from a product for every purchase. There are, however, issues you need to address because you don’t want to incur losses in the process of pleasing your customers.

Usage Restriction

This is the minimum or maximum amount to spend to qualify for the coupon. I suggest you don’t fix a maximum amount. Why should you penalize people for spending a lot on your site?

Indicate also whether the current coupon can be used with other coupons. It is important to not to allow buyers to stack coupons. Hence I suggest you tick this box. Another important issue is to exclude Sales items from coupons since that would be to cede too much money to the customer.

You also must indicate the products that are subject to the coupon, products to exclude, product categories, categories of products to exclude and email restrictions.

Usage Restriction

Usage limits per coupon entail restricting the number of times a person can use one coupon on your e-commerce website or the number of items a person can purchase using one coupon.

Fixed Product Discounts

Go back to ‘General’ and select ‘Fixed product discount’.  Here you specify a certain fixed amount that must be deducted from the sale price for any customer who purchases the product. You then need to go ahead and set usage restrictions, just as you did with the Percentage Discount.

Go to the Shop page. Once you select the product, indicate the name of the coupon you created. Click on ‘Select Coupon’ and the respective discount will be included in the calculation.

Note, though, that shipping and tax charges apply as you had set them. Now you can proceed to checkout and pay the amount indicated.

 Orders

Let us return to WooCommerce settings again. This time we will concentrate on Orders. This section relates to what happens when a person buys something and where and how that information will be displayed.

Orders

This section displays the billing address, the shipping address, the item that was purchased and the cost.

Order Actions

Under ‘Order Actions’ you can carry out several tasks including resending the new order notification or regenerating downloads permission or even emailing the invoice. As always, don’t forget to save your work as you continue working.

Shipping Label

WooCommerce also allows you to create a Shipping Label, which means confirming the shipping address is valid. Shipping labels are created automatically. They are not required but are recommended.

WooCommerce Taxes

This section deals with WooCommerce taxes and how they can be automated for e-commerce websites. Here you will understand WooCommerce tax methods and options.

Taxation

Go to the Dashboard, WooCommerce, Settings, then Tax. If you are interested in automated taxes, WooCommerce has a default plugin installed that will work very well for you. It is called WooCommerce Services, and it also deals with shipping labels printing.

Taxation

Prices inclusive or exclusive of tax

You will be prompted to indicate whether you want prices to be entered inclusive of tax or not. Including tax on the price will make the price appear weird and may scare away prospective customers.

Tax calculation versus addresses

WooCommerce also allows you to indicate whether a tax on the product will be calculated based on the customer’s shipping address, billing address or the shop-based is a dress. It is prudent to select the customer’s shipping address as this is likely to be the current residence.

Shipping tax class

The options here include Standard, Shipping Tax Class Based on Cart Item, Reduced Rate and Zero Rate. These are simply categories through the system makes them sound complicated. You may also want to include additional tax classes.

Displaying Prices with Tax

WooCommerce also makes it possible for you to choose whether to display prices in the shop without indicating the amount of tax. A similar option is available when displaying prices during Cart and Checkout.

Price Display Suffix

Finally, you get to choose the Price Display Suffix, which I suggest you leave as it is in default and choose how to Display Tax Totals; either singly or itemized. I suggest leaving them as Single Totals. Don’t forget to save changes.

Standard Rates

Go back to the main menu on Taxes and select ‘Standard Rates’. Here, you need to have information about countries and states for you to set respective tax rates.  A good source of tax information is Taxjar.com.

Standard Rates Taxjar

On this website, you get to know the specific sales tax rate for the state of Montana, for example. Some states have zero taxes. Make sure you know the postal codes for specific locations from where your customers are buying products.

However, this is not an easy task. You might want to use particular plugins to speed up the process of setting up respective sales tax rates. TaskJar has its plugins, but you can also purchase some. WooCommerce has tax plugins that you can buy. Search on Google for WooCommerce plugins, and you will get the location.

Note, though, that most digital goods are not subject to taxes in most states. For example, if you impose a tax on digital goods in California, you are doing wrong. However, other states impose the tax. So, do your research well. To avoid this situation, though, just automate your system using appropriate plugins.

Reduced Tax Rate

This is a little complicated. For example, some states have reduced tax rates compared to others. It is possible to reduce tax rates for different products depending on the state where you are selling them and the tax rate that prevails in that location.

This can be done in the Tax Class section of Tax. You can confirm whether you have set the right tax rate by going to the Shop, selecting the product and proceeding to checkout.

 Origin-Based Versus Destination-Based

What Kind of Tax to Charge

I found this article in a database, and I thought it might help you when setting taxes based on shipping address. Search the Article on Google to understand more. It tells you when to tax based on where the goods originate from versus what to tax based on where the goods are to be delivered.

Origin-Based Versus Destination-Based

Origin-based sales tax is imposed in US states such as Arizona, California, and Illinois. On the other hand, destination-based sales tax is applicable in Alabama, Florida, and Hawaii. Obviously, this is complicated. Doing it manually is an option, but tedious.

To avoid the hassles, use WooCommerce plugins or visit Taksjar.com. It is a decision you have to make after carefully studying all available options. Automated options are, however, your best bet.

WooCommerce Shipping

This section will expound on all available shipping options to help you make prudent decisions. Shipping is a dynamic area, and I am going to do the best to help you make decisions that best suit your needs.

Shipping Zone

Go to WooCommerce, Settings, then set up Automated Shipping. Go to Shipping, where there are various methods of shipping, then add Shipping Zone. There is a drop-down list where you can select your zone.

Zone name includes such names as the USA, while under Zone Regions you can select the United States again. You will then be required to add a shipping method, with the available choices being the Flat rate, Free shipping, Local pickup and USPS (WooCommerce Services).

For demonstration, we will pick USPS. Once you pick this option, click on edit on the ensuing page.

WooCommerce Shipping

 

On this page, you will see the Shipping Method Title and the ZIP Code from which the product is being shipped.

Shipping Rates

The next section deals with shipping rates. If you Select ‘First Class Mail’ for example, you are allowed to adjust the price (on top of USPS rates) to cater for other costs you might have in mind.

Price adjustment can also be made based on percentages. In essence, you decide the percentage (of USPS shipping rate) that you will charge your customers. Using WooCommerce, you can decide whether to show the cheapest rate to the customer or to show all available rates and let the customer choose.

If WooCommerce does not show any rates during checkout, you can set a fallback rate to ensure the buying process is not stalled.

The system also enables you to decide whether to charge commercial or retail rates, the first being standard post office price and the second being discounted post office rate.

Packaging

On Packaging, you have the option of packaging items together in as few packages as possible or shipping each item separately.

Save changes and proceed.

Product Dimensions

Do not forget to set the dimensions for the product to work as per your expectations. To do that, go to Products, All Products, Select the Product, Shipping, then check the dimensions and adjust accordingly.

Remember USPS charges you based on the dimensions you have indicated. It is important to be sure of the information you provide because automation has no room for errors. Save or update your work.

Following the changes, a typical checkout page will look like this:

Product Dimensions

The customer can now select the shipping rate they want for their product from the available options, and the price will be adjusted automatically.

However, if you want to gain more control over your shipping, you can go back to WooCommerce Setting, Products, then Shipping. Add another shipping zone. Under ‘Shipping Destination’ select ‘Default to Customer’s Shipping Address’ and Save Changes.

Skip ‘Shipping Classes’ and go to ‘Packages’ and select ‘Service Package’. Tick the selection you want from the list provided. Also, you may opt to create a ‘Custom Package’ based on the type of product you are selling.

Local pickup method

We will skip Shipping Labels for now and return to Shipping Methods. Let us look at Local pickup method.

Local pickup guys charge the amount you wanted to charge. You can try this method depending on the location of your customers. All you have to do is set the amount you will charge. It works well, especially if your store is like mom and pop shop.

Free Shipping

Free shipping is a good option for your customers. However, you need to operate this option within certain limits so that buyers don’t misuse it.

WooCommerce allows you to state what Free Shipping Requires including, a valid shipping coupon, a minimum order amount, a minimum order or a coupon or a minimum order and a coupon.

The last option is least desirable because of the inconveniences it causes the customer. In essence, be very keen and considerate when making decisions in this section.

Flat Rate

This entail charging the same amount for shipping irrespective of the product and amount bought by a customer. Let us assume we are charging $10 and go to Shop.

A word of caution, though. Sometimes you will go to Shop and not find the changes you had executed. To counter this, refresh your shop page.

On the Shop page, you will see the $10 reflected as shipping charges irrespective of the amount or quantity of products.

Flat Rate

Now, WooCommerce, as we have demonstrated till now, is a dynamic plugin for e-commerce websites. Recently, it came up with some advanced changes that are worth looking.

Short Codes

There are some shortcodes you can find to help you address issues to do with quantity, costs and fees. For example, if the flat rate was $5 and you set the settings as being five times the flat rate, once the product is bought, the flat rate will be $25 for shipping. You can confirm this in the Shop section.

The same can be done with fees and costs. However, quantity and percentage are the safest to use and the easiest to set up.

I have videos and articles on these issues. I advise you to access these materials. I am also learning more about the possibilities offered by WooCommerce in this regard and will update you accordingly.

Flat Rate – Different Styles

If you are in the business of selling large products like fridges, you might want to charge a specific rate for shipping products to customers. Let us see what is on offer under Shipping Classes.

Set your page as shown below. Your Shipping Class should be ‘Special Shipping’ and so should your ‘Slug’. Let your item description be ‘For Fridges’.

Flat Rate – Different Styles

Go to Products, add a Product and Edit it. Indicate Tax Class as being ‘Standard’. Under Shipping, select Special Shipping, then update. Special Shipping Class will now become an option under Shipping Class Costs.

Now you can set an amount that your customers will pay above normal shipping costs. There are many ways of working with shipping option. Check out my tutorial for more.

WooCommerce Payment Methods

Get Paid Fast and Simple

Before we delve into Payment Method, I highly recommend Siteground because it provides free SSL for all your domains unlike competitors like Hostgator. The latter will charge you $50 for every domain each year.

I use Siteground in all my website. I also get commissions every time you opt to host your website with them after buying from my site. So, do me that favor if you can.

Go to WooCommerce, then Settings, then Checkout. You will find various checkout options. Unfortunately, Stripe no longer supports Bitcoin (since January 2028) due to price fluctuations.

PayPal

This is a popular payment method and setting it up is easy. You can set up a personal or business account in a flash. All you need is an email address. Once your PayPal account is activated, go ahead and use it on your site.

However, do not rely solely on PayPal. This payment method redirects people to the site (PayPal) during checkout, which is a bother to many buyers, who might even drop the process and not purchase from your website.

Stripe

Getting a stripe account is easy, so is the process of setting it up on your WooCommerce website. Got to Stripe.com and create an account.

Once you have your Stripe account, go to the Checkout section of your website and enable it. Some of the options available include enabling Bitcoin to work with Stripe (we have already talked about latest developments on this end).

When checking out with stripe, the custom has to insert their credit card details, which ensures the customer understands his or her actions and cannot be billed mistakenly.

For you as the site owner, Stripe is very convenient for checking out earnings and transferring them to your bank accounts. It is arguably the best payment method to manage your income and other money-related issues in e-commerce.

Credit Card

Your WooCommerce website also helps you set up credit card payment very easily.

Instant Payment

WooCommerce also enables you to set up instant payment. This will work on the Buy Now tab.

Let us now bring the tutorial to an end. I hope this tutorial has been detailed and helpful. I hope I have convinced you to adopt WooCommerce for your e-commerce website. There is a lot to learn from WooCommerce. I cannot exhaust everything in this WooCommerce Tutorial 2018. I’m also still learning.

What I am sure of is that you will never go wrong with this WordPress plugin. Believe me ,because I have practical experience. Feel free to reach me for more information. Once again, my website can be a practical lesson for you.

Don’t forget to like this video and spread the word out there if someone wants to learn WooCommerce Tutorial 2018.

Top 10 Best Premium WordPress Themes

The internet is replete with headlines such as “Top 5o Themes” and so on, so much so that you can get confused with all the information. Being a WordPress enthusiast and avid user of the platform, I have decided to introduce you to the top 10 best Premium WordPress themes of 2018.

A word of caution, though, before you continue. These are not cheap themes. They will cost you some bucks but they are worth the money. Don’t be scared by the disclaimer. Read on. You might find just the right theme for you here.

Moreover, do not feel like you are betraying your favorite theme in case any of the ones you find here captivate your imagination. What you need is a theme that works for you. If it is among the ten discussed here, give it a try.

So, here are the top 10 Premium WordPress Themes of 2018.

#10. Extra Theme

Extra Theme

Perhaps the most overlooked of these premium themes, Extra is amazing. Some of its features include like a mega menu, scoring and staring systems and sections to add the overall summary of a product. Bloggers and people who review products will find Extra appropriate.

Extra also consists of a page builder that does not require the conventional WordPress editor. This theme also has beautiful picture images and an array of colors to choose from. This is so much on offer for bloggers and reviews website owners On Extra, you can add a video for your readers to play online.

Some other amazing features of this theme include the ability of users to log in and out, Amazon-affiliate program compatibility, a summary of products under review e.g. the cost, style. The theme allows you to customize your other needs. There are also social media icons to rate the system, something every serious website owner or administrator appreciates.

This theme is super clean and extremely easy for anyone wishing to start a website. If your website specializes in affiliate marketing, Extra is your best bet. You want a theme that complements the type of content and work you specialize in.

Fact is, you are in good company as numerous companies of high repute use Extra for all their website needs. This contemporary theme is easy t0 navigate and friendly to your site visitors. That’s why it deserves to be among the top 10 best premium WordPress themes of 2018.

View Theme

#9. Thrive Architect

Thrive Architect

Thrive Architect is not exactly what you call a theme, though we will call it a theme for the purpose of this article. What Thrive Architect does is to appropriate your resident theme and own it. Usurping of themes on a website is a recent trend by page builders.

So, we will call Thrive Architect a page builder. It has some impressive aspects and several drawbacks. The good side will be first. If you want to create a website with ease, this is the page builder you should choose. For instance, creating rows and columns is as simple as using MS-Word. This page builder also ensures you create or add text with ease; the same can be said about images.

The resulting website is also user-friendly. In essence, Thrive Architect is very easy to understand and master.

And now the ugly side. Cost. Prepare to part with close to $70 for every website in which you apply this site-builder. You can’t use Thrive Architect on two websites. You have to make a new purchase every time.

This software also takes over your entire theme negating all other designs you might have developed or want to incorporate into your site. It doesn’t matter how good your existing theme is, Thrive Architect will negate it.

However, going back to the merits, if you don’t want to waste time creating a website or you are not skilled enough, this is the site builder for you. It’s self-contained.

View Theme

#8. Business Lounge

Business Lounge

If this is the first time you are hearing about Business Lounge, it is understandable. This theme is relatively new and seriously underrated.

Elementor’s users will agree that their themes suffer from footer and shop challenges. There is good news for you in Business Lounge. Your shop section can now be customized with some of the gorgeous designs you’ll ever come across.

Business Lounge gives you that stylish and modern look that captivates visitors. There are excellent features for your shop section and you are allowed to customize this part of your site. Reliable rumors indicate that some interesting changes will soon be implemented to further improve this section.

You will also be happy to know that Business Lounge allows you to develop bespoke headers and footer for your website using this theme. In fact, you can have a different header or footer for each page. Elementor is known to lack this kind of flexibility.

Imagine having over thirty unique pages and numerous templates. Each of these templates has various log layouts and definite design elements. If you have been using Visual Composure, it’s time to migrate to upgrade to this Elementor theme because it is composure-compatible.

This theme has a number of global templates that you can customize to your needs. You can also manipulate colors to fit your needs. Think about your target readers or site visitors and remember you have all the tools you need. This is a great addition for Elementor.

View Theme

#7. Marketify

Marketify

If you are intending to build or modify a site that serves multiple vendors, Marketify is the theme for you. It uses EDD selling platforms and is the best solution for online sales challenges.

Marketify comes with a number of advantages. This is among the most preferred themes. It is easy to set up and simplifies the downloading process. The theme contains a button importer that enables a site developer to create a marketplace for a single user or multiple visitors.

This theme enables you to create a site where users can access comprehensive information on your products before making the decision to purchase. Interested buyers are also able to check out and claim their purchases. The whole process is sequential and easy.

You can sell an array of products if you use Marketify for your website. E-digital downloads such as e-books, stock photos, audios, movies and so on, are best sold on this type of website. This clean, simple theme has several widgets for each section.

The front section, for example, has a widget that can be used to feature popular sections of the web. You can also have a widget for ‘Call to Action’. There is no specific page builder but widgets are at your disposal.

So, Marketify is essentially the best solutions for selling digital products and general e-commerce services. If you want greater control over your site and generally to enjoy your work, look no further than Marketify.

View Theme

#6 Newspaper 8-theme

Newspaper 8-theme

if your interest is to disseminate news through a digital newspaper or you want a website to review website or your interest is in selling Amazon affiliate products, Newspaper 8-theme is appropriate for you.

Tons of features and bespoke capabilities make this the perfect choice for anyone who wants to create a news blog. News sites demand for much editing and this theme is the best homepage builder for such a purpose.

Newspaper 8-theme is equipped with amazing features that enable changing of styles and colors and makes it possible to emphasize specific aspects of the information page. Twenty unique template styles ease your work when building your site.

This theme comes with picture/image embedding capabilities. You can also easily import text which is very important for news websites. For example, you can combine text with a hero image in a flash. Images can also be conveniently duplicated or deleted.

This theme should encourage you to get away from Visual Composure, something that most site builders are doing today.

Newspaper 8-theme is for people who have a story to tell and want to publish in a manner that is attractive to the eye. With the range of templates to choose from, there is no reason for having a boring website.

If you play about with the colors, images, and texts and balance them well, you will be on your way to creating the best blog, online newspaper or news review site there is.

View Theme

#5. Onshine theme

Onshine theme

This theme uses its own page builder called Tatsu. It allows one to make really simple pages with template and blog sections among others. It is a very clean theme. It is an intuitive page builder that allows you to develop various sections with ease.

A more detailed look at how it works will suffice. The page builder is easy to use. It makes it possible to create various elements of a website, complete with color and customized titles at whichever places you want.

Since you can drag and drop items and the theme had numerous little widgets, your work is simpler. You can finish constructing your website within a short time.

There are also numerous templates at your disposal which leaves you spoilt for choice. Sections can also be added easily by simply clicking on the relevant part of the site. You can also add custom, headers where you wish.

With its numerous gorgeous animations and drop features, Onshine helps you to create what can be referred to as a quick website. If you are the creative type, you will enjoy working with the Onshine theme.

View Theme

#4. Bryte Theme

Bryte Theme

If you are and Elementor user, Bryte Theme is the theme for you. You will never have to worry about the gap between headers and footers. Your shop section challenges will be dealt with effectively.

There are tons of templates that come with this theme. The home pages you can create with this theme are many and varied. What more? With the current craze with Bitcoin, Bryte Theme has a full homepage for this purpose. So, if you love Bitcoin or would like to trade in this cryptocurrency, this is the theme you should opt for.

The page builder will convince you of its suitability for your needs and why its different from others. For the headers and footers, you can mix and match them on a page. You can also overlay headers and footers on a specific page if you so wish. There are a lot of cool stuff you can overlay to make your site unique and attractive.

The blog section is amazing. You can post your content with ease. The shop section is also quite attractive, and there are numerous plugins for this. The plugins are integrated with many other cool features.

In case you want to modify the shop section, all you have to do is select from the numerous available options. This will be determined by the type of products you are selling, the payment methods to be used by customers and how buyers will check out and claim their purchases.

While you can use a free theme to do some of these things, the fact is, you will spend a lot of time and resources and will end up more frustrated than if you opted for Bryte Theme. The amount of CSS and editing on free themes cannot be compared to parting with a few dollars to use this simple buy efficient theme.

View Theme

#3. Massive Dynamic Theme

Massive Dynamic Theme

This is the most underrated WordPress theme on this list. This is despite having numerous templates. It has its own page builder which has incredible features and blocks for adding sections. The page builder is amazing. It is probably the best in this list of 10 even though it is listed third.

Massive Dynamic Theme allows you to add sections, reduce space, remove some sections and change content on your site. You can also edit with an inbuilt feature and drag text from one section to another. An inherent slider makes modifications easier.

This theme has tons of template and you can also import others. This page builder is user-friendly, and you can do pretty amazing things with it. You can mix and match templates on the site and there is a lot of customization possibilities. The header builder makes it possible to design specific headers and footers and it is compatible with convert compatibles.

If you are looking to build a business website or blog, this is the theme for you. Similarly, if you want a change to your current theme and want to try out a new one, look no further than Massive Dynamic Theme.

View Theme

#2. Flatsome Theme

Flatsome Theme

This is arguably the best theme for those interested in having functional and gorgeous commercial websites. This platform has over five hundred templates to suit the needs of any website builder. Considering the proliferation of commercial websites, this is welcome news.

Flatsome Theme  allows you to customize your shop page, account and check out. Normally, most WordPress themes lack this capability. So, the availability of a range of templates that increase your ability to innovate should excite you.

Flatsome Theme studio is easy to use and very quick in installing the features you want. Your work is to click the relevant sections and import items where necessary. This theme also has high uploading capability.

You can change styles on the shop page. You can also add products to a different part of your website. There are several different styles of presenting your products and prices to customers. Many beautiful CSS capabilities are built into this theme. Plenty of cool features are available for you to exploit.

This theme is excellent for decorating a website. Flatsome Theme also works perfectly with social media, allowing users to log in through social media. In a world where social media drives significant sales volumes, this feature will come in handy for e-commerce website owners.

It does not matter what you are looking for; Flatsome Theme has it. I have used it before and enjoyed its functionality.

View Theme

#1. Divi Theme – No1 among top 10 best Premium WordPress themes

Divi Theme - Our No1 for Top 10 Best Premium WordPress Themes

It is not surprising that this theme tops the list. There are many people who have tried other page builders and have experienced serious disappointment. When such people come across Divi they wish they had tried it before.

This is the easiest page builder to learn. It is the most intuitive WordPress theme, too. If you enjoy customizing websites, this is your theme. Divi is often referred to as the visual page builder, and for good reasons. It is hardly two years in the market but it has gained a lot of popularity.

This theme allows you to add sections and respective rows and columns when building your site. Adding text and modifying it is very easy with Divi. You also get the chance to customize background colors.

Divi has a large library with tutorial and other tools to help you tailor and make your website operational with ease. There are various premade layouts, shape dividers and design changing options.

This theme is so packed with value, I don’t see why you should not try it on your website today. No wonder it is rated top in terms of use among WordPress websites. You can visit my website to know how Divi works because that is my preferred theme.

Now that you know about these amazing top 10 best Premium WordPress themes, choose the one that works for you. None is better than the other. If you website is not broken; don’t fix it. I have not discussed may other WordPress themes because space and time are not enough. But you can still visit them and rate them.

View Theme

Please visit my YouTube channel to get more details. Here you will get valuable information on many other WordPress related issues. Spread the word.

 

Darrel Wilson

Darrel Wilson

Wordpress Instructor

About The Author

Darrel is a wordpress promoter who teaches free wordpress tutorials on Youtube, Udemy, And SkillShare. He enjoys hiking, trying asian food, and taking his dog to the beach. He continues to provide free tutorials for wordpress themes, digital marketing, and wordpress plugins.

How to Create an eCommerce Website Using WordPress 2018

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.

Image: SiteGround Website

Get Hosting

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.

Install WordPress

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.

Image: Flatsome WooCommerce Theme

Get Theme

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.

eCommerce Website Using WordPress

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!

How to Create a WordPress Website Using Divi Theme 2018

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.

Purchase hosting and a domain name

Get 60% OFF SITEGROUND HERE

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.

SiteGroundImage: 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.

Get 60% OFF HOSTING HERE

Install WordPress

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!

WordPress InstallImage: 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.

WordPress Website Using Divi ThemeImage:  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.

Get 10% Off The Divi Theme Here

Create a homepage

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.

Divi Homepage DemoImage: 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.

Divi Split Screen Demo ExampleImage: 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.

Divi Double Split ScreenImage: 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.

Advanced Design SettingsImage: 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.

Divi Footer Demo ExampleImage: 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.

Mobile Optimization 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!

Divi Library to Create Multiple WebpagesImage: 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.

Divi Theme CustomizationImage: 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!

Revolution Slider Tutorial For WordPress

The slider revolution on envato market is probably one of the best sliders for wordpress. The revolution slider comes with many features including parallax and video features. In this wordpress tutorial, I will go walk you through most of the features for the slider revolution plugin. The slider comes with a front end editor so you can visually see the change you are making  live while you are editing your slider.

Here Are The Images For The Slider Revolution Tutorial

Get Images

Also if you want the same video backround that I used in the tutorial, here is the link for the video backround for the revolution slider

General Settings And Features For The Slider Revolution

In the general tab, theres many different options for your slider. You can set the duration for your slider.




In the tutorial, i set it to 7000MS but you can set your slider to any time you want. I also set the preloader here. You can change the color and time of the preloader in the general settings, theres a few options in the general settings of this plugin so just be sure to check each one to see what kind of options you want for your slider. You Can Also set the transitions you want for your slider, i personally recommend changing the for each slider or you can always set the options here.

The Navigation Tab

In this section, you can select what kind of arrows you want for your slider. You can design them and all sorts of fun stuff. In the tutorials, i run you through some of the options and features of the slider to help you determine what kind of arrow you want. I think the best way to learn how to use the options is trial and error. If you want to select different arrows for the slider, this is where you can do it!

The Parallax Tab

This is a pretty simple tab, all you need to do is check this box and you can have the parallax features on your slider,.

Performance & SEO Optimization

Here are some more features of the plugin, where you can see how the plugin is performing and if there are any errors associated with the plugin.

Google Fonts

Many of the google fonts now are located in the slider revolution options

Import And Export

You can export your saved slider and import on to another wordpress website. This is where you can do that.

Creating Your Slider With The Slider Revolution

1. The first thing we need to do is purchase and install the revolution slider. The slider is available on envato market and you can download the revolution slider here

https://www.darrelwilson.com/slider-revolution

2. Once you are done purchasing the plugin from codecanyon, you can go to your account and upload the plugin to your wordpress website. You will need to enter in your purchase code that you get from code canyon, this allows you to get the premium templates created by the slider revolution plugin. In addition, you can get support from their website with the code that you get.

 

 

These are the general settings for the revolution slider. First select the default slider. This is the basic standard settings for the slider revolution. You than need to enter a slider name and alias. This creates a short code for your website where you can enter it in later on your wordpress website. Just make a page and insert it later.

settings in the slider revolution

The next thing you will need to select is the default slider and than select fullscreen. This makes your slider fullscreen on your website. After this, select the grids as followed in the video, this allows you to optimize your slider for mobile devices. The slider revolution will optimize and make your slider fullscreen automatically.

When you create your first slider, you are given several options. These are just the basic options. There are tons of options you can set here, one of the coolest things about the slider revolution plugin is the object library. You can now use the images within the slider revolution to create your slider. So here you can set the backround image, set a background color, or a backround video. These are the basic options and foundation to create your slider on your wordpress website,

How To Set Image Animation For Slider Revolution

In the options, you can select in image and select different animation for your slider. Here i show you most of the options and show how you can time the images to curve in on your wordpress website.  There are different options, offset which allows you to set the direction of the image, the opacity which allows you to set the transparency of the image, the rotation which can set a certain spin on the image. To get a better understanding of some of these options, you should do a trial and error kind of phase to help you pick the right kind of animation for your slider.

In the slider revolution options tab, ( in the general settings of the slider) you can set the transitions for each slider. There are so many different types of transitions so you can go through each one and than determine which slider is best for your wordpress website. I go through many transitions in this video and its pretty self explanatory. Have fun with the transitions! You can also set the duration of the transitions for the slider revolution. Remember, the longer the MS the slower the transition will be.

This is the final product of the slider that we make. I show you some of the other sliders but i made this from scratch. I think its a creative slider that really stands out. I hope  you enjoy the video tutorial of how to make w slider with the revolution slider plugin! If you want more templates for the slider revolution you can visit this link here

Let me know what you think of the tutorial in the comments below

Here is the complete tutorial for the slider revolution plugin on youtube. You can also visit this link to get more templates for the slider revoltuion

How to Create a Web Hosting Business Using WordPress and WHMCS

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.

Wordpress Dashboard

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.

Get An Exclusive Sign Up Discount Here

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.

NameHeroImage: NameHero

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.

Install WordPress

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.

Wordpress InstallImage: 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.

WHMCS Install

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.

WHMCS Nameservers

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 lookup
  • 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.

Enom setup

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.

Enom Setup

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.

WHMCS General SettingsImage: 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:

  • General settings
  • Localization settings
  • Ordering settings
  • Domains settings
  • Mail settings
  • Support settings
  • Invoices settings
  • Credit settings
  • Affiliates settings
  • Security settings
  • Social settings
  • Other settings

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.

Email Piping in WHMCSImage: 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.

WHMCS Domains PricingImage: WHMCS Domains Pricing

Under the Domain Pricing tab, you can configure various settings including:

  • Modifying existing TLDs
  • Adding new TLDs
  • Reordering TLDs
  • Upselling features
  • Lookup Providers
  • 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.

WHMCS Customer DashboardImage: 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.

Integrate Stripe

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.

WHMCS Stripe IntegrationImage: 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.

Adding Hosting Packages and Services in WHMCSImage: 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.

WHMCS Add-OnsImage: 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.

Domain Transfer in WHMCSImage: 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!

SubscribeFor FREE Offers And Discounts! Join 70,000 Others!

SubscribeFor FREE Offers And Discounts! Join 70,000 Others!

Get The Latest Updated For Your Wordpress Website

You have Successfully Subscribed!

Pin It on Pinterest