An Introduction

1. BS (HONS) I.T (Morning)
1st Semester
Ayaz Ahmad (1048)
Submitted To: Prof. Inam-ul-Haq
UNIVERSITY OF EDUCATION LAHORE
(OKARA CAMPUS)
WEB DEVELOPMENT WITHOUT CODING

2. CONTENTS
 Introduction
 What is E-commerce??
 Getting started with your E-commerce website.
 Adding Products
 Adding pictures and Slideshows
 Adding Various Features
 Accepting Payments
 More About Site
 Finalizing Your E-commerce Website.
UEOkaraCampus
2

3. INTRODUCTION
If you don`t want to use AMAZON or EBAY for buying
or selling products then you can make your own
ECOMMERCE website without coding.
In this website you have your own domain.
E.g,
www.mirchh./weebly.com
UEOkaraCampus
3

4. WHAT IS E-COMMERCE???
Electronic commerce, commonly known as E-commerce or e-
Commerce, is trading in products or services using computer
networks, such as the Internet. Electronic commerce draws on
technologies such
as mobile commerce, electronic funds
transfer, supply chain management,
Internet marketing, online transaction
processing, electronic data interchange
(EDI), inventory management systems,
and automated data collection systems. Modern electronic
commerce typically uses the World Wide Web for at least one
part of the transaction's life cycle, although it may also use other
technologies such as e-mail.
UEOkaraCampus
4

5. GETTING STARTED WITH YOUR ECOMMERCE WEBSITE
For this website you don`t need of any configuration,
setup of Eclips, java or any other platform or you
don`t need to download any other software.
So there is a very powerful CMS online web
development tool called Weebley.
With the help of this tool you can make your website
within half an hour or minutes.
UEOkaraCampus
5

6.  Signup on www.weebley.com
 Click on Add Site.
 You can make a regular site, Blog or store. But in this
case we choose store.
 Select any Theme.
 If you have already a domain then you can transfer it on
that domain or if you don`t have domain then get started
with subdomain of weebley.
UEOkaraCampus
6

7. UEOkaraCampus
7

8. ADDING PRODUCTS
 Click on Add Product Button.
 Put a name of Product. E.g,Watch and upload an image.
 Now publish your product by click on publish button.
 Your website is published.
 If you want to review your website then click on settings
and see your URL.
 Click on store button to add more products.
 After make any change you have
to click on publish button.
UEOkaraCampus
8

9. UEOkaraCampus
9

10. ADDING PICTURES AND SLIDESHOWS.
 Add pictures and slideshows to make website more
attractive.
 Drag image icon to BUILD section and upload image
from your computer or online search option given by
weebley.
 Edit image spacing etc. and click on publish button.
UEOkaraCampus
10

11.  Drag the Slideshow icon to build option and choose any
slide show.
 Add pictures from your computer and upload them.
 Click the publish button.
UEOkaraCampus
11

12. ADDING VARIOUS FEATURES.
 We can add Google adsence,
Forums, Survey.
 Put an Audio or a Youtube
Video.
 We can change theme by
click on Design section and
select theme.
UEOkaraCampus
12

13. ACCEPTING PAYMENTS
 For payments, you can use a master card, visa
card etc.
 That’s powered by stripe so have to have a stripe
account.
 You have to b a Upgraded member.
 You can be a payed member for 29$ per month.
 For authorized member you can accept payments
via paypal account.
 You have to give all detail of your Paypal account.
UEOkaraCampus
13

14. UEOkaraCampus
14

15. MORE ABOUT SITE
 Now we get started to add some search box where we
want.
 We can basically drag and drop search box where we
want.
 This search box will help to find entire products on your
website.
 We have to click on about button. It will show about us
page. In this page, we can add info and detail about our
company.
 We can drag and drop a text box and write something
here.
 On contact page, we can put an email, phone etc.
UEOkaraCampus
15

16. FINALIZING YOUR E-COMMERCE WEBSITE
 You can also improve your website visibility and drive
more customers by improving SEO of your website.
 Click on settings button and then on SEO option, you can
write a description, Keywords, Footer and Header Codes.
 In Keyword Section, You have to put some important
keywords that related to your site never try to scam it.
 E.g, Buy authentic jewllery online etc.
 Header and footer codes should match with each other.
 If you put any other keyword or description which is not
related to your site then google or other search engine
will bane you.
UEOkaraCampus
16

17. UEOkaraCampus
17

18.  In editor Option, you can add editor.
 In member option, you can see how many members have
sign up on your website.
 You can add or edit pages on your website.
UEOkaraCampus
18

19. CONCLUSION
 In above discussion, We conclude that we can
craete our own website in couple of minutes.
 In this discussion, we learnt that we can create our
own website without any coding.
 We can create our own website without using any
programming language e.g Java, C, C+, C++ or any
programming language.
 We can earn money by creating our own website
without any codig.
UEOkaraCampus
19

20. REFERENCE LINK
 https://www.udemy.com
 http://en.wikipedia.org/
UEOkaraCampus
20