Abstract

This project aims at creating an Online gadget store which can be used to automate the
existing manual system by the help of full-fledged website, fulfilling most of the
requirements of the store. The system provides the information regarding the different
gadgets that are available in the store and their stocks. Customers can visit and explore all the
gadgets that are available and can register themselves to place orders. Online Payment
System is also integrated in the website using which customers can pay bills easily and
without facing any problem. This site is built using WordPress (Content Management
System). So, it will be much easier to manage products and handle orders in WordPress.
Table of Contents
List of Figures:...........................................................................................................................III

1. Introduction........................................................................................................................1

1.1. WordPress....................................................................................................................1

1.2. Woo Commerce...........................................................................................................1

2. Installation process.............................................................................................................2

2.1. Requirements...............................................................................................................2

2.2. Database Preparation...................................................................................................2

2.3. Installing WordPress...................................................................................................3

2.4. Installing Theme and WooCommerce.........................................................................6

3. Setting up Payment Gateway...........................................................................................10

4. Checkout and Payment Process.......................................................................................11

5. Conclusion.........................................................................................................................16

6. References........................................................................................................................17
List of Figures:
Figure 1: phpMyAdmin Database Creation Page......................................................................2
Figure 2: Download Page of WordPress....................................................................................3
Figure 3: Language Selection....................................................................................................3
Figure 4: Guidelines For Installing............................................................................................4
Figure 5: Providing database name username and password.....................................................4
Figure 6: Wordpress installation................................................................................................5
Figure 7: Information Setup.......................................................................................................5
Figure 8: Providing Username and password............................................................................6
Figure 9: WordPress Dashboard................................................................................................6
Figure 10: Theme Activation.....................................................................................................7
Figure 11: Woocommerce Activation........................................................................................7
Figure 12: woocommerce settings Configuration......................................................................8
Figure 13: Adding new page......................................................................................................8
Figure 14: list of added products................................................................................................9
Figure 15: Coupon creation........................................................................................................9
Figure 16: Adding and activating Esewa Plugin......................................................................10
Figure 17: Configurating Esewa..............................................................................................10
Figure 18: Shop Page...............................................................................................................11
Figure 19: Cart view.................................................................................................................11
Figure 20: Buyer Details..........................................................................................................12
Figure 21: Detail of Payment using Esewa..............................................................................13
Figure 22: Esewa login.............................................................................................................13
Figure 23: Esewa user details...................................................................................................14
Figure 24: Esewa payment confirmation.................................................................................14
Figure 25: Order details...........................................................................................................15
Figure 26: Order details and their status (dashboard)..............................................................15
1. Introduction
Ecommerce is the buying and selling of goods and services over the Internet. It is conducted
over computers, tablets, smartphones, and other smart devices. Almost anything can be
purchased through ecommerce today.

The standard definition of E-commerce is a commercial transaction which is happened over

the internet. Online stores like Amazon, Flipkart, Shopify, Myntra, Ebay, Quikr, Olx are
examples of E-commerce websites.

1.1. WordPress
WordPress is free, open-source publishing software that can be installed locally on a web
server and viewed on a proprietary web site or hosted in the cloud and viewed on the
WordPress web site. ... Since then, WordPress has evolved to be a full content management
system with widgets, plugins and customizable themes.

1.2. Woo Commerce

Woo Commerce is a free WordPress plugin. It is used by millions of stores worldwide and it
adds ecommerce features to your existing WP site, pretty much like an SEO plugin would
add SEO features such as sitemaps and meta tags to your WP site.

4
2. Installation process
2.1. Requirements
WordPress is PHP based program, WordPress requires setup of Apache, PHP and MySQL
installed on device. We can use XAMPP, WAMP and other server for this but this time I
have used XAMPP server for this project.

2.2. Database Preparation

Next step for the installation of WordPress is preparing of database. We should create
separate database for this site. WordPress uses MySQL or MariaDB database as default.
We can use XAMPP and start MySQL and apache and to create database we can go through
this link on http://localhost/phpmyadmin
I have created database named ‘gadgetshop’. From phpmyadmin

Figure 1: phpMyAdmin Database Creation Page

After creating the database successfully, we can move into setting up our WordPress
installation.

5
2.3. Installing WordPress
First of all, we download WordPress from https://wordpress.org/download/.

Figure 2: Download Page of WordPress

After downloading WordPress we get a compressed zip file. we’ve to extract all contents to
our desired folder(gadgetshop) under c:/xampp/htdocs/.

We can easily open it by using this link http://localhost/gadgetshop. After entering the link
we get the following page to select language.

Figure 3: Language Selection

6
 Figure 4: Guidelines For Installing
We have to provide information regarding our database like: database name, username,
password, hosted.

Figure 5: Providing database name username and password

7
After filling all the fields in the form we can now click on run installation button shown as in
the page below

Figure 6: WordPress installation

Now we have to set site title, login credentials, and email and click install WordPress button.

Figure 7: Information Setup

8
Finally, we have to provide username and password which we recently set for site and click
on log in.

Figure 8: Providing Username and password

After clicking login we’ll be directed to the dashboard.

Figure 9: WordPress Dashboard

9
2.4. Installing Theme and WooCommerce
For installing any theme we’ve to navigate to appearance and choose theme and click on add
new theme.

Then we have to search for the desired theme by using the search box and install and activate
them. I’ve installed and activated astra theme for this project.

Figure 10: Theme Activation

After activation of astra theme we have to install and activate WooCommerce plugin.
For installing WooCommerce we’ve to navigate to the add new section of plugins then search
for WooCommerce
We’ll see the WooCommerce plugin which we will install and activate

Figure 11: Woocommerce Activation

10
After activating WooCommerce, we’ve to configure WooCommerce setting according to our
needs.

Figure 12: Woocommerce store configuration

After configuring all the settings of woocommerce I’ve to add pages like home, about us,
contact by clicking on pages and add new option .

Figure 13: Adding new page

After adding pages I’ve added products on page.

11
 Figure 14: list of added products

After adding products, I started to create discount coupons:

Figure 15: Coupon creation

12
3. Setting up Payment Gateway
There are two methods of payment in this website i.e. eSewa online payment and cash on
delivery. For integrating eSewa we’ve to add a plugin named “eSewa - Nepal first payment
gateway”.

Figure 16: Adding and activating eSewa Plugin

After activating the eSewa plugin we have to configure some settings in payment section of
WooCommerce.

Figure 17: Configurating Esewa

13
4. Checkout and Payment Process
First of all, we’ve to add a product to cart from shop page’s product catalog

Figure 18: Shop Page

After adding an product to the cart we can view cart by clicking the view cart link or from the
header cart icon

Figure 19: Cart view

14
After we add product to cart, we’ve to select eSewa as a payment and click on proceed to
checkout. If customer wants cash on delivery, they can select cash on delivery instead of
eSewa.

Figure 20: Buyer Details

15
Now we have to select proceed to esewa:

Figure 21: Detail of Payment using eSewa

Now we’ll get an eSewa login page where we have to login to our eSewa account for further
process.

Figure 22: Esewa login

16
After logging in to eSewa we will get the following page. Here we have to fill all the field in
the form and then click on continue payment

Figure 23: eSewa user details

Now we have to confirm in the form below

Figure 24: eSewa payment confirmation

17
After the confirmation the order is successfully placed and we’ll get the following details

Figure 25: Order details

Now the admin can view the orders and their status in the order section of wordpress
dashboard

Figure 26: Order details and their status (dashboard)

18
5. Conclusion
After the completion of this project, I have learned to build an ecommerce website using
WordPress. I learned to build pages using Elementor page builder and it is much easy. I
learned how to build and online store using WooCommerce plugin and integrate an e
payment gateway.

Overall, from this project I’ve learned to build a fully functional ecommerce website with
payment system integration.

19
6. References
 [1] Soegoto, E. S., and F. A. Purwandani. "Application of IT-Based web on online
store." IOP Conference Series: Materials Science and Engineering. Vol. 407. No. 1.
IOP Publishing, 2018
https://iopscience.iop.org/article/10.1088/1757-899X/407/1/012041/meta
 [2] Molla, Alemayehu, and Paul S. Licker. "eCommerce adoption in developing
countries: a model and instrument." Information & management 42.6 (2005): 877-
899.
https://www.sciencedirect.com/science/article/abs/pii/S0378720604001314

20