How to Build WordPress Ecommerce Website? Tutorial

commas-left

The trend of developing ecommerce site in WordPress is increasing among online merchants.

However, some of them are not willing to pay a big amount towards ecommerce website development with WordPress, for those merchants; here we come with tutorial that shows whole process of creating WordPress ecommerce site.

commas-right

WordPress is one of the most acceptable content management systems, which is easy-to-use, secure and reliable. A plug-in architecture and a template system are the two excellent features that available in WP.

Nowadays, due to its better functionality and remarkable outcomes, most of ecommerce merchant prefers WP for creating ecommerce site. If you are one of them, who is looking to hire developer for ecommerce website, then stop.

Here we come with simply yet effective steps that help you to create a fully functional electronic store. Before moving towards development part, let’s discuss who find this tutorial helpful. Our created tutorial for ecommerce website development with WordPress is best for those people, who have not ever developed an e-commerce website before.

In this tutorial, we have also discussed how a developer can incorporate e-commerce features in their WP theme. Reading our tutorial will guide you from beginner level and end up with developing e-commerce websites with WordPress as a developer.

How to set the development environment?

If you want to fasten your development process, it is must to set up WordPress on localhost. One shouldn’t have to use any ftp program to upload files to servers, once you have set this.

One can increases productivity and get hassle free development process. Users, who are using windows or Linux, can use xampp while mac lovers, use mamp. Get through these easy tutorials to know how to setup local host on your own computer.

Resources

To install WordPress Locally on Your Mac with MAMP, you just have to use one of the remarkable themes for WP. Here, I am using jQ. This tutorial works excellent with all bugs free themes.

Installing the plug-in

It is advisable to install WP e-Commerce from official plug-ins repository or from its official website. Once installation process gets completed, you will find a tab named Products below the comments tab.

You have to start from settings option and after that, you have to create some products for setting up your demo store.


install-pluging

Settings WP e-Commerce>General

This tab is available under the settings tab. Click on ‘General’ option and set your target markets, location and currency in which you want to trade your.

1
products/services

Even, you can also find option for setting up additional tax that will be charged on the top of your product price.


wp-ecommerce

Settings WP e-Commerce>Presentation

After general tab, you will find presentation tab that shows how you want to display your product on your store. A gold cart with more options is also offered by the company behind WP e-Commerce.

If you can find some choices options disabled in settings, do not worry about that as it’s a premium version with more features. There is nothing wrong with installation method or with server permissions. Such option can only enable, if you are buying Gold Cart.


Presentation

There are some options self explanatory in this tab. You can also able to select button types or breadcrumbs, product ratings, etc. according to your requirements. Displaying packaging and postage means you want to display the shipping charges on your product pages or not.

With products setting option, you can easily customize the layout of product pages. Merchants can also choose different layouts (if they have gold cart) and various themes to display their products in the most appropriate ways.

As WP e-Commerce has three built-in themes, among all third one is the best to display your products.

With Shopping cart settings, you can simple show cart, wherever you want. It has collection of option from widgets to manual insertion of template tag. Moreover, Sliding cart helps your customers to increase or decrease the shopping cart using buttons.

1
+/-

E-Store Settings

Merchants can able to give thumbnail and description at the time of creating a product group. Moreover, one can also select parameters to display products on product pages. It is available in Product Group settings option.


e-store5

Merchants have also option of choosing pagination as Thumbnails are self explanatory. In case, you are enabled this option, you will see your products are divided into different pages just like WordPress pagination. You also have option of using IntenseDebate.

Settings WP e-Commerce>Admin

In Admin option, you can setup your digital goodies store. Even, you can also find option to set the time of downloading a specific file. If you want to lock download for specific region, you can also do through Admin tab.

Additionally, one can also set default email addresses for sending various notifications to their customers and for their own records.


Settings WP e-Commerce Admin

Option of writing custom messages is also given that will be sent on different events and also to the admin of e-store. Lastly, you can give link to different pages. After changing permalink structure, you have to place page links.

Settings WP e-Commerce>Shipping

All the shipping options can be setup here. Here, you will find different shipping schemes such as weight rate and flat rate. The shipping charges automatically calculated by this plug-in and will add to user’s product’s price.

WP e-Commerce has created in support for ShipWire, which is one of the reputed order fulfillment companies. Through this tab, you can also develop some kind of.

1
conditions/layers


Settings WP e-Commerce Shipping

Settings WP e-Commerce>Payments Options

Payment Gateways is one of the essential part of ecommerce store, so it is must to take care of. Paypal and google checkout are two Payment Gateways that offered by WP e-commerce. Moreover, merchants can also use online transactions to your bank account or money orders to set up Manual Gateway.

1
Payment/Test

You can also import data of your previously made products from a csv file using import tab.

Settings WP e-Commerce Payments Options

Settings WP e-Commerce>Checkout

Setting up the checkout form is the last step of setting WP e-Commerce. It is advisable to implement the restriction of registration before checking out.

You have to check “

1
Anyone can register

” box in WordPress available in general website settings, if you want to activate this option.


Settings WP e-Commerce Checkout

Creating Product Groups and Categories

Here, we are showing example of creating t-shirt store, where different brands of t-shirts are sold. Now, just remembers to group t-shirts in different colors, size, brand and sex. Then, move towards to create sub-groups to manage things more efficiently. Demo Example given below:

T-Shirts

Color :

  • Black
  • Blue

Brand :

  • Nike
  • Adidas

Let’s start by adding it one-by-one. Go to

1
Products>Categories

In the first step, you have to add a new group and make categories in it. It is as easy as creating categories for WordPress. Take products as categories and “categories” as sub-categories.

product-categories

After that, you have to select t-shirts from drop down menu and add it to appropriate sub-categories.


sub-categories

Adding categories make you confuse, however you have to take care while adding. Ensure to remove 2 dummy categories “brands” and “categories”.


brand-categories

After creating categories, let’s move towards products.

Develop first Product with WordPress and WP e-Commerce

Go to

1
Products>Products

and add products. Here, you will find a WYSIWYG editor that looks like a WordPress post editor, where you can add details of your products.

SKU stands for Stock Keeping Unit that identifier of specific product like every post in WordPress has unique ID. Here, we are going to show procedure for adding T- Shirt.

Merchant can also select inventory for keeping store’s record. Additionally, you can upload your product’s image as well. Below image shows how product dashboard looks like after adding two products.

Now, it’s time to add some widgets to your WordPress theme. For that, you have to follow given process:

1
Appearance> Widgets

Add your product groups and shopping cart widget to sidebar as it delivers finest look to your e-commerce store. Check out how it looks.

If you want, you can also use products page as home page. For setting, you just have to go to WordPress reading settings. Other than this, you can use wp-hide-post to hide some pages, so no one can access order pages and shopping cart page directly.

Short Codes

There are some short codes available that show particular products and product groups within posts and pages. Such codes are available editing the category. See example below:


Short Codes

Integrating WP e-Commerce in your WordPress theme

Template tags feature is an excellent WP e-Commerce feature that helps to integrate e-Commerce functionalities in a WordPress theme very simpler. Below given template tags can be used to add different functionalities in your WordPress theme

<?php echo nzshpcrt_shopping_basket(); ?>// Show Shopping Carts
<?php nzshpcrt_latest_product(); ?>// Show Display Latest Products
<?php show_cats_brands(); ?>// Show all Categories
<?php echo wpsc_buy_now_button(1); ?>//Show Buy Now Button
<?php echo wpsc_add_to_cart_button(1); ?>// Display Add to Cart Button

How to Extend WP e-Commerce?

Collection of premium and community plug-ins is available to enhance WordPress functionality. You can explore web to find out some remarkable plug-ins for your ecommerce site. If anything I missed in this post let me know through comment section.

om settings option and after that, you have to create some products for setting up your demo store.

trackback

Leave a Reply

Your email address will not be published. Required fields are marked *

*