You are on page 1of 22

Xây dựng Shop Online với WordPress

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN TP.HỒ CHÍ MINH
Khoa Mạng máy tính và truyền thông


Thương mại điện tử và triển khai ứng dụng


Đề tài: Xây dựng shop online với Wordpress

Sinh viên thực hiện:


Lê Quang – 06520367
Nguyễn Đình Thi – 06520448
Đỗ Quang Đạt – 06520069
Lê Mạnh Tuấn – 06520532
Hồ Thanh Nhựt – 06520339

GVHD:
TS. Đàm Quang Hồng Hải

TP.Hồ Chí Minh, tháng 12 năm 2010


1
Xây dựng Shop Online với WordPress

Lời nói đầu

Việc kinh doanh trực tuyến phụ thuộc vào nhiều khía cạnh khác nhau để tạo ra sự

thành công, trong đó việc cốt lõi là uy tín website, chất lượng website, thói quen người

dùng,v.v... Đây là những điều còn mới mẻ và chưa thực sự được nhiều doanh nghiệp chú ý.

Để góp phần tạo dựng cho công đồng thương mại điện tử tại Việt Nam, việc nghiên

cứu tìm hiểu và đưa WordPress vào ứng dụng thực tiễn là một điều rất quan trọng.

Với chức năng tuyệt vời cho một hệ thống kinh doanh trực tuyến, WordPress đã và đang

chiếm lĩnh thị trường code, lòng tin người dùng trên toàn thế giới.

WordPress là mã nguồn mở tạo website thương mại điện tử bán hàng trực tuyến được

đánh giá cao nhất hiện nay. Với các tính năng được thiết kế hoàn hảo cho các shop cửa hàng

trực tuyến, và độ bảo mật cao, WordPress được coi như giải pháp chuyên nghiệp hàng đầu

cho các website bán hàng trực tuyến.

Trong đề tài này chúng ta sẽ tìm hiểu rõ hơn về WordPress và các giải pháp ứng dụng

cho thương mại điện tử của nó.

2
Xây dựng Shop Online với WordPress

Mục lục
Lời nói đầu............................................................................................................................2
A. Giới thiệu tổng quan về Wordpress:............................................................................5
B. Cài đặt WordPress:.......................................................................................................5
1. Cài đặt WordPress:....................................................................................................5
2. Cấu hình WordPress:.................................................................................................7
C. Xây dựng Shop Online bán quần áo, nước hoa với WordPress:..............................11
1. Add Product:............................................................................................................13
2. Manage Product:......................................................................................................16
3. Manage Oders:.........................................................................................................16
4. Payment Options:.....................................................................................................17
5. Manage Shipping:....................................................................................................17
6. Manage Coupon:......................................................................................................17
7. Design Settings:........................................................................................................17
8. General Settings:......................................................................................................18
9. Affiliate Settings:......................................................................................................20
10. Thực hiện việc mua bán, kiểm tra quá trình mua bán của shop:......................20

3
Xây dựng Shop Online với WordPress

A. Giới thiệu tổng quan về Wordpress:


WordPress là 1 CMS (Content Management System) mã nguồn mở, một hệ thống
xuất bản blog hoặc web viết bằng ngôn ngữ lập trình PHP và sử dụng MySQL database (cơ
sở dữ liệu MySQL). WordPress là hậu duệ chính thức của b2/cafelog, được phát triển bởi
Michel Valdrighi. Cái tên WordPress được đề xuất bởi Christine Selleck, một người bạn của
nhà phát triển chính Matt Mullenweg.
Phiên bản mới nhất của WordPress là phiên bản 3.0.4. WordPress được phát hành dưới
giấy phép bản quyền của GNU.
WordPress cung cấp khả năng tùy biến rất cao. Người phát triển lẫn người dùng cuối
có thể dễ dàng tùy chỉnh, tùy biến trang web hoặc blog của mình rất dễ dàng bằng với kho
Plug-in và Theme đồ sộ. Các Plug-in và Theme được cộng đồng phát triển rất đa dạng, chắc
chắn mọi yêu cầu của bạn khi làm web hoặc blog đều được đáp ứng. Ngoài ra, ta cũng có
thể trực tiếp tùy chỉnh code PHP và HTML. Ta có thể dễ dàng quản lý WordPress với khả
năng quản lý liên kết tích hợp, từ quản lý thông tin tổng quan đến quản lý bài viết, quản lý
giao diện, quản lý người dùng, quản lý các Plug-in, tích hợp sẵn một công cụ tìm kiếm thân
thiện, và hỗ trợ cho tính năng gắn thẻ của các bài viết và các bài báo.
WordPress cũng cung cấp khả năng di động rất cao. Ta có thể dễ dàng cài đặt
WordPress cho các thiết bị di động.
Trong 1.000.000 website lớn nhất thế giới hiện nay thì có đến 13% sử dụng
WordPress. Có thể nói WordPress là CMS được sử dụng phổ biến nhất hiện nay.
WordPress đã giành được giải thưởng Packt Open Source CMS vào năm 2007 và giải
thưởng The Best Open Source CMS vào năm 2009.
Với những tính năng tuyệt vời đó, ngoài khả năng thiết kế blog, WordPress còn được
sử dụng để xây dựng Shop Online rất hiệu quả.

B. Cài đặt WordPress:


1. Cài đặt WordPress:
Chuẩn bị bộ cài đặt:
• File
cài đặt WampServer. Wamp là một gói phần mềm Web Server tất cả trong một (All-
in-One) gồm: Apache, MySQL, PHP chạy trên nền Windows. Theo mặc định thư mục
4
Xây dựng Shop Online với WordPress

gốc lưu trữ Web: C:\wamp\www, tuy nhiên chúng ta có thể chọn một thư mục khác.
Sau khi chúng ta cài đặt thành công, biểu tượng của WAMP sẽ thấy ở Systemtray. Có
thể download từ địa chỉ http://www.wampserver.com/en/download.php
• File
cài đặt WordPress phiên bản tiếng Việt được phát triển bởi cộng đồng WordPress Việt
Nam (www.wordpressvn.net). Download tại http://vi.wordpress.org/latest-vi.zip

Tiến hành cài đặt:

• Tạo
database và user để đăng nhập vào database đó: Click chuột trái vào biểu tượng
WampServer tại Systemtray. Chọn phpMyAdmin

• Trong phpMyAdmin, ta vào tab Privileges. Chọn Add a new User. Điền
thông tin Username và Password. Ở đây mình nhập lequang/123456

• Trong mục Database for user, ta chọn

Create database with same name and grant all privileges

để phpMyAdmin sẽ tự tạo 1 database trùng tên với tên của Username vừa tạo, giúp ta
dễ quản lý hơn. Lúc đó sẽ có 1 database mang tên lequang được tạo ra.

Trong mục Global privileges, ta chọn Check All để thiết lập cho user lequang
có toàn quyền đối với database lequang.

5
Xây dựng Shop Online với WordPress

Sau đó chọn Go để hoàn thành việc tạo User và Database.


Tiếp theo ta giải nén bộ cài đặt WordPress mà ta đã download từ trang chủ. Ta
sẽ được folder “wordpress”. Ta Copy cả folder này vào đường dẫn C:\wamp\www

1. Cấu hình WordPress:


• Ta tiến hành truy cập vào địa chỉ http://localhost/wordpress để bắt đầu cài đặt
và cấu hình WordPress
• Khi mở lên ta sẽ nhận được thông báo sau:

• Ta ấn “Tạo tập tin Cài đặt (wp-config.php)”


• Sau đó ta sẽ nhận được thông báo sau:

6
Xây dựng Shop Online với WordPress

• Khi nhận được mẫu nhập thông tin sau, điền các thông tin chính xác vào và
kiểm tra lại trước khi ấn “Cài đặt”
• Khi nhận được thông báo sau nghĩa là bạn đã cài đặt WordPress thành công.

• Trong trường hợp có lỗi xảy ra, ví dụ như:

7
Xây dựng Shop Online với WordPress

Nhưng bạn chắc chắn rằng các thông tin mình điền là không sai, bạn có thể trực tiếp
chỉnh sửa thông tin trong file “wp-config-sample.php”, sau đó lưu file này lại với tên
“wp-config.php”. Đây chính là file lưu các thông tin cấu hình của WordPress.
• Chỉnh sửa file “wp-config-sample.php”

// ** Thông tin về cớ sở dữ liệu MySQL ** //


/** Tên cơ sỡ dữ liệu */
define('DB_NAME', 'database_name_here');

/** Tài khoản để kết nối với cơ sở dữ liệu MySQL */


define('DB_USER', 'username_here');

/** Mật khẩu của tài khoản kết nối với cơ sở dữ liệu MySQL */
define('DB_PASSWORD', 'password_here');
/** Máy chủ cơ sở dữ liệu MySQL */
define('DB_HOST', 'localhost');

• Sau đó ta tiến hành đặt tên website cũng như thiết lập tên của người quản trị
cùng password để đăng nhập:

8
Xây dựng Shop Online với WordPress

• Khi nhận được thông báo sau nghĩa là chúng ta đã cài đặt và cấu hình những
bước đầu hoàn tất

9
Xây dựng Shop Online với WordPress

A. Xây dựng Shop Online bán quần áo, nước hoa với
WordPress:
Để xây dựng Shop Online, trong bài này, mình sẽ sử dụng bộ theme eShop. Tuy là bộ
giao diện nhưng eShop có tích hợp sẵn các công cụ để xây dựng 1 shop online dễ dàng. Ta
có thể download eShop tại địa chỉ: http://www.mediafire.com/?f1x44n4b1zn8m70
Sau khi download bộ cài đặt eShop về, ta tiến hành cài đặt như sau:
• Đăng nhập vào WordPress với quyền admin tại địa chỉ
http://localhost/wordpress/wp-admin
• Trong giao diện Cpanel, chọn mục Giao diện
• Chọn tab Install Theme
• Chọn Tải lên để cài đặt giao diện với bộ giao diện có sẵn trong máy tính, sau
đó chỉ đường dẫn đến file eShop.zip mà ta đã download ở trên. Cuối cùng là chọn Cài
đặt để cài đặt giao diện.

10
Xây dựng Shop Online với WordPress

• Sau khi cài đặt xong, ta chọn tab Quản lý theme để kích hoạt theme vừa mới
cài đặt. Trong tab Quản lý theme ta sẽ thấy xuất hiện theme ta vừa cài đặt. Ta chọn
Kích hoạt.

11
Xây dựng Shop Online với WordPress

• Sau khi kích hoạt. Ta trở lại giao diện trang chủ để kiểm tra sự thay đổi.

• Để xây dựng shop online theo ý mình, ta sẽ tiến hành tùy chỉnh.

12
Xây dựng Shop Online với WordPress

• Sau khi kích hoạt eShop, ta sẽ thấy xuất hiện các sản phẩm mẫu có sẵn của
eShop, ta sẽ tiến hành xóa hết các sản phẩm, các bài viết đó rồi thêm sản phẩm mới
theo ý mình. Ngoài ra, ta có thể tiến hành chỉnh sửa các bài viết ngay có sẵn, không
cần xóa và viết lại

Các chức năng chính của eShop:


1. Add Product:
Đúng như tên gọi, đây là nơi ta thêm sản phẩm mới vào trong Shop bằng cách đăng
các bài viết về sản phẩm mới đó.
Ta sẽ dùng chức năng Add Product của eShop để tiến hành đăng 1 sản phẩm mới lên.
Trong giao diện Cpanel, ta chọn Products > Add Product

Giao diện của Add Product

13
Xây dựng Shop Online với WordPress

Các thành phần chính:


• Title: tựa bài viết
• Nội dung: nội dung của bài viết
• Product Image: link dẫn đến ảnh của sản phẩm
• Categories: bài viết sẽ được nằm trong chuyên mục nào mà ta chọn
• Additional Image 1, 2, 3…: các bức ảnh khác của sản phẩm
• Price: giá sản phẩm
• Special Price: giá đặc biệt, giá khuyến mãi, khi ô này có giá trị, hình ảnh của sản
phẩm sẽ được gắn thêm 1 chữ Sale

• Last Date of your Special Product: ngày cuối cùng của đợt khuyến mãi
• Weight: cân nặng của sản phẩm
• Is taxable: giá của sản phẩm đã bao gồm thuế hay chưa
• Size và Color: kích cỡ và màu của sản phẩm. Ta có thể thêm vào các loại kích cỡ
cũng như màu sắc khác nhau của sản phẩm. Sau khi thêm vào, khi vào xem chi
tiết sản phẩm, ta có thể chọn màu sắc và kích cỡ của sản phẩm
14
Xây dựng Shop Online với WordPress

• Comments: cho phép hay không cho phép việc nêu ý kiến bên dưới sản phẩm.

Để thêm hình ảnh của sản phẩm:

– Vào mục Thêm hình ảnh/nhạc/video > Thêm tập tin > Chọn tập tin > Chọn
đường dẫn đến các file hình ảnh cần upload > Open > Ảnh sẽ được tải lên và xuất
hiện sau đó. Để thêm hình ảnh sản phẩm vào, ta sẽ chọn đường dẫn Đến tập tin gốc
và đưa vào mục Product Image khi viết bài mới.

1. Manage Product:
Dùng để quản lý các sản phẩm có trong shop, được liệt kê chi tiết, rõ ràng với các
chú thích như Title, Chuyên mục, Price, Is taxable, Main Image

15
Xây dựng Shop Online với WordPress

2. Manage Oders:
Quản lý các đơn đặt hàng

Được liệt kê với các thông tin như Mã số đơn đặt hàng, Tên người đặt hàng, tổng giá trị
đơn đặt hàng, hình thức thanh toán, Ngày, Tình trạng (đang xử lý hay đã hủy bỏ, đang
trên đường giao, đã giao…). Để xem chi tiết 1 đơn hàng nào đó, ta click vào đó mà sẽ
xuất hiện các thông tin cụ thể của đơn hàng cho ta xem.
3. Payment Options:
Các tùy chọn hình thức thanh toán, có thể thanh toán qua các tài khoản như Paypal,
WorldPay, hoặc Pay Cash on Delivery (thanh toán bằng tiền mặt khi giao hàng).
4. Manage Shipping:
Quản lý các hình thức giao hàng

16
Xây dựng Shop Online với WordPress

5. Manage Coupon:
Quản lý các phiếu khuyễn mãi.
Sau đây ta sẽ tiến hành thêm vào 1 mã khuyến mãi.
• Vào mục Manage Coupon > Add Coupon
• Tại ô Coupon code: nhập mã của coupon
• Discount type: hình thức giảm giá, có thể giảm giá theo tỉ lệ phần trăm so với giá
gốc hay giảm số tiền chính xác.
• Chọn gửi để hoàn thành việc thêm coupon.

1. Design Settings:
Nơi thiết kế giao diện cho Shop với các thành phần chính như:
• General Settings: phần chỉnh sửa giao diện chung với:
– Theme Skin: chọn màu sắc và lớp áo cho giao diện.
– Customize Your Design: trực tiếp chỉnh sửa file CSS.
– Favicon: icon sẽ xuất hiện trên thanh địa chỉ của trình duyệt khi vào website của
chúng ta, xuất hiện phía trước địa chỉ website.
– Header Your Logo Image Set: ảnh ở phần đầu của website.

17
Xây dựng Shop Online với WordPress

– Relative dates in posts và Comments Appearance: hiển thị hay không ngày tháng
của bài viết sản phẩm và các ý kiến comment về bài viết sản phẩm.
– Thumbnails Images Appearance: xuất hiện ảnh ở dạng thumb
– Feed: nếu có xây dựng RSS, ta có thể điền địa chỉ vào đây để cập nhật thông tin ở
dạng RSS Feed.
• Product Details Page Settings: tùy chỉnh trang thông tin chi tiết sản phẩm
– Product Sizing Chart: chi tiết kích cỡ sản phẩm: S,M hay L, XL, XXL
– Add to Cart/Send Inquiry Button Position: Vị trí nút Add to Cart, trên hay dưới thông
tin về sản phẩm.
• Blog Section Settings: tùy chỉnh các menu chuyên mục
• Blog Stats and Scripts: chèn các script vào header hoặc footer của website.
• SEO Options: Các tùy chọn giúp website của ta dễ dàng được nhận biết bởi các
cỗ máy tìm kiếm như thêm meta tag vào các bài viết…

1. General Settings:
Các tùy chọn chỉnh sửa chung cho cả website:
• Store Type: loại cửa hàng
• Checkout Type (for "Shopping Cart" and "Digital Shop" only): loại thanh toán
• Checkout/Login Method: vai trò của người thanh toán, có thể là khách hoặc là
thành viên của shop
• Send Registration Email Notification. In case of Checkout as Guest do you want
to send Registration Email Notification: chức năng gửi email xác nhận đối với người
muốn đăng ký làm thành viên của shop.

18
Xây dựng Shop Online với WordPress

• From Email Name: tên của người gửi


• From Email ID: địa chỉ email người gửi
• Default Currency (Ex.: USD): đơn vị tiền tệ mặc định
• Default Currency Symbol (Ex.: $): biểu tượng của đơn vị tiền tệ
• Product Tax - apply to each products (%): thuế sản phẩm
• Product Image Path: đường dẫn đến nơi chứa hình ảnh của các sản phẩm
• Display Product Weight: hiển thị hay không trọng lượng của sản phẩm
• Display Coupon code on checkout page: hiển thị hay không mã coupon trong
trang thanh toán.
• Display "Tell a Friend" on Product detail page: hiển thị hay không chức năng
Tell a Friend trong trang thông tin của sản phẩm.
• Display "Add Comment" on Product detail page: hiển trị hay không chức năng
Add Comments trong trang thông tin của sản phẩm
• Display "Related Products" on Product detail page: hiển trị hay không các sản
phẩm liên quan
• Display Blog Page: hiển thị số trang của website
• Display Store Page: hiển trị số trang trong trang sản phẩm
• Display No of Orders on Dashboard: hiển trị mã của đơn đặt hàng trong trang
Dashboard.
• Display Term and Conditions: hiển trị nội quy và các quy định của shop
• Registration Page Mandatory Fields: các thông tin cần phải điền khi đăng ký làm
thành viên của shop

( the selected fields will be Mandatory Fields while collecting user information)

Address1 Address2 City State Country Postal Code

19
Xây dựng Shop Online với WordPress

1. Affiliate Settings:
Quản lý các liên kết

2. Thực hiện việc mua bán, kiểm tra quá trình mua bán của shop:

• Chọn 1 sản phẩm bất kỳ và chọn Add to Cart

20
Xây dựng Shop Online với WordPress

• Lúc này sản phẩm đã được thêm vào giỏ hàng


• Chi tiết các sản phẩm đã được thêm vào giỏ hàng sẽ được xuất hiện ở bên phải

• Ta chọn Checkout để thanh toán


• Lúc này thông tin chi tiết sẽ được hiển thị

• Discount Code: nếu đang có chương trình khuyễn mãi giảm giá, ta có thể điền mã
giảm giá vào đây rồi chọn Recalculate để tính lại giá sau khi giảm.
• Sau đó chọn Checkout để đến bước tiếp theo

21
Xây dựng Shop Online với WordPress

• Sau khi chọn Check out sẽ xuất hiện các hình thức thanh toán, ta chọn hình thức
thanh toán phù hợp nhất.
• Bên phải có phần Shipping Address, ta sẽ click vào đây và điền đầy đủ thông tin
giao hàng để shop giao hàng.
• Cuối cùng là chọn Accept Terms và Conditions và Confirm để xác nhận đơn đặt
hàng.
• Đơn hàng đã được chấp nhận và chờ xác nhận:

22

You might also like