Are you thinking of selling your physical product online? These are a good way to expand your business. Because nowadays the online selling business is growing very fast. As such, WooCommerce is the best WordPress plugins that make it easy for you to set up an eCommerce store.
If you are unable to create a website and want to avoid hiring someone to build a website. WooCommerce is the best option for creating an eCommerce website. With the help of which you can easily install it on WordPress. For which you do not need any coding knowledge.
In this tutorial, we’ll teach you how to set up WooCommerce for an online store on WordPress and customize it with color swatches.
Benefits of eCommerce Site
WooCommerce is a free plugin that is simple and straightforward. WooCommerce is the perfect way to make your WordPress website a fully functional e-store.
There are many benefits to set up an eCommerce website as follows:
- Wide range of Selling of your product: E-Commerce is the best option to expand the area of selling products. It can access your product worldwide.
- It’s more convenient: These days people do not always have time to physically shop. In such a situation, customers can choose the option of shopping online. The most important thing is that your online store is available every day.
- Automated email marketing campaign: The special things of eCommerce is that any offer or discount information and updates can be sent easily by email. Customers and potential customers are more likely to check their email notifications than to click random ads. Constant Contact and Aweber are the best email marketing tools.
The most important thing you need to run your e-store smoothly is hosting and domain. So go ahead and know the hosting and domain providers that are perfect for your e-store.
Choose Hosting & Domain for E-Commerce
To create an online store or any other type of website, two things are required first of all:
- A domain name is the unique address of your store on the web. Which as form
Yourstore.com. - Hosting is a remotely located computer where all files and folders on your website are stored.
However, there are many hosting providers in the market. Who offer you hosting with misleading advertisements. In this case, you must have the right information for hosting selection. If you lack the correct hosting selection information. Then we will tell you the best hosting provider that is perfect for your e-Commerce.
Bluehost is one of the oldest and hassle-free hosting provider trusted by millions of people. When it comes to setting up a store or website with WordPress, Bluehost’s name first comes first.
We are not only recommending Bluehost as the best hosting but they are one of the few recommended (official) hosting by WordPress.org.
Once you have decided to purchase hosting from Bluehost, you get the added benefit of many services like Free Domain and SSL certificate for one year.
Now follow all the instructions below to know the right way to purchase hosting:
To get started, just go to Bluehost.com and click on the “Get Started” button.
After this, it will take you to a new page where you can select the plan as per the requirement. However, ‘Basic’ plans are the right and inexpensive option to start your store.
Clicking on the Select button here, proceeds to the next process. Type your domain name in the New Domain section to select a domain name here.
Note: This is the place where you get the domain for free which helps in your maximum savings.
Install WordPress
After completing the purchase process, Bluehost will officially send you a link for confirmation email. Through which you can access Bluehost’s user’s panel. Usually, this link can be in the form of my.bluehost.com.
After entering the user panel, reach the website section by scrolling down and clicking on the icon labeled to “install WordPress”.
Installing here may take some time. After this, you can see the new Bluehost dashboard by logging into your Bluehost. The new Bluehost dashboard will look something like this:
Next, by clicking on the ‘Log in to WordPress’ button, you are automatically logged into the WordPress dashboard.
Furthermore, you can manually install WordPress in Bluehost. Let’s take a look at the manual ways to install WordPress:
- Log in to your Bluehost dashboard
- Click on marketplace
- Click on add website
- Enter details
Click on the ‘Next’ button and select the domain on which you want WordPress to be installed.
After domain selection, click on the ‘Next’ button. Now WordPress will be installed on the selected domain within 5 minutes.
Click your WordPress blog on Bluehost (Includes a free domain name)
Install WooCommerce Plugin
Like all WordPress plugins, it is started by navigating your WordPress Dashboard/Plugin/Add New. Once there, type ‘WooCommerce’ in search fields. You’ll see WooCommerce as the first search results.
Next, Click on the ‘Install Now’ button.
After a few seconds, the text on the button will change ‘Active’, go ahead and click on it.
After installing WooCommerce, you will be prompted to run through the setup wizard. It’s optional but it helps to configure all-important keys.
You will need to follow step six in the setup wizard:
1. Store setup
Here, WooCommerce will ask you some basic information about your store. This includes its address, which currency you want to use, and whether you plan to sell the digital or physical product (or both).
2. Payment
On the next page, you can set which services you want to enable for your store payment here. By default, you can use PayPal or Stripe for payment here.
In addition, there are many options that can be set up as payment gateways at your store, but PayPal or Stripe are among the most reliable services.
Recommended reading: How to use stripe for Payment on your Website.
3. Shipping
Here, you can decide how much shipping customers will be charged. You can set one rate for your preferred area and other rates at other locations.
Furthermore, you can also offer free shipping if you want.
After setup shipping, click on the ‘Continue’ button to move along.
4. Recommended
Now, you will be asked to install some recommended services for WooCommerce. We recommend you uncheck them all and install them later when you actually need them.
5. Active
JetPack is a useful WordPress plugin that provides a wide variety of features. It includes security functionality, various analytics and more. This can be a useful addition to your WooCommerce store but it’s not necessary. So it’s up to you whether you want to install it or not.
Furthermore, you can scroll down and choose to ‘Skip this step’ button.
6. Complete the Setup process (ready)
WooCommerce setup wizard will now save all your settings, and your store is now ready to start selling.
Furthermore, you can import products to your store, return to your WordPress dashboard or edit the setting you just configured.
Add Product in WooCommerce
After setting up your store, you first need to add the product to the store. To add a product to the store, you should go to WooCommerce from the WordPress dashboard and click on Product » Add Product.
Now you will see the classic WordPress content editor screen. Here you need to give the product name and product description.
In Description, you can add not only text but also images, videos, and other media to provide more information for your customers.
Scroll down to reach “Product data” as the next option, and check the virtual box if your product isn’t physical. Otherwise, leave the default settings as they are. And determine the price of your product moving it forward.
Furthermore, there are many other options inside the product data, so let’s have a look at it.
- General: This is where you determine the price of the product and taxes.
- Inventory: WooCommerce allows you to manage stock levels.
- Shipping: Here, you can set weight, dimensions, and the cost of shipping for your products.
- Linked Product: This option is for great for setting up sales, cross-sales, etc.
- Attributes: Here you can set product attributes, for example, if you are selling clothes, here you can choose an alternate color.
- Advanced: You can do additional settings for your product here.
Finally, we need to add a features image to our product. To do this, you have to use the Product Image and Product Gallery meta boxes on the right side of the product data.
Once the process of adding products to your store is complete, check once you are correct. Then publish it.
Customize with Color Swatches
OptinMonster is an amazing WooCommerce tool that every WordPress website needs. OptinMonster helps you to increase WooCommerce sales conversions and revenue.
Start with the right campaign type to display the most attention-grabbing offers to your audience.
The new campaign dashboard of OptinMonster is now available to all customers, however, we have also described in brief how to customize the campaign for your attention.
Set Custom Colors by Campaign
Now you can set custom colors for each campaign. From the OptinMonster campaign builder home screen, you will be able to see the list of custom colors. Just click and you are able to create a set of swatches of custom colors.
Once you have selected colors, whenever you want to change colors in this campaign. The colors will appear as swatches under the picker tool.
Over a billion people see a website with OptinMonster on it every month. OptinMonster customers are seeing huge increases in their subscriber growth and overall sales.
Click here to create a new campaign for WooCommerce
Enhanced eCommerce Tracking in WordPress
After setting up your e-commerce store, you need to track your sales data and valuable store metrics for individual products such as revenue, conversion rates, average order value refund number, etc.
To get a start, you’ll have to install MonsterInsights. It’s the best WordPress plugin for Google Analytics that provides a detailed report on your WordPress dashboard.
For enhanced eCommerce tracking, you will need to install the eCommerce addon in MonsterInsights. To activate the addon, go to Insights » Addons and then navigate to eCommerce.
Once you have the addon installed, you will have to enable enhanced eCommerce in Google Analytics.
Enable Enhanced eCommerce Tracking in Google Analytics
Now you log in to Google Analytics and select the right website for which you want to enable Enhanced eCommerce tracking.
Next, click the Admin menu in the left taskbar.
Then click Ecommerce Settings under the column on the right.
Now click the slider under Enhanced Ecommerce Settings, to turn it from off to on and then, click the Submit button.
Enable Enhanced eCommerce in MonsterInsights
Next, go back to your WordPress dashboard and use MonsterInsights. Go to Insights » Settings and then select eCommerce from the top menu. Now enable the option: Use Enhanced eCommerce.
After all the process is complete, you will now see all the important eCommerce data you need at a glance in your WordPress admin in the new eCommerce report: your conversion rate, transactions, revenue, and average order value, and more.
With MonsterInsights, you can see useful information about your visitors right inside your WordPress dashboard.
Our Audience Report shows you which country your visitors are from, what are they most interested in, which device are they using, their age, gender, and a whole lot more.
Click here to Enable Enhanced eCommerce tracking
We hope that this article will help you to build an eCommerce store with a WooCommerce plugin. Also, you will be able to attract more by combining it with state-of-the-art facilities.
If you liked this article then share it with your friends on your Facebook, Twitter and other social sites. Also, you follow me on Facebook and Twitter.
