Embed Size (px)
Citation preview
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
1
Xây dựng Shop Online với WordPress
TP.Hồ Chí Minh, tháng 12 năm 2010
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
3
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
4
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ư
5
Xây dựng Shop Online với WordPress
mục 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.
Sau đó chọn Go để hoàn thành việc tạo User và Database.
6
Xây dựng Shop Online với WordPress
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
2. 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:
7
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ư:
8
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:
9
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
10
Xây dựng Shop Online với WordPress
C. 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.
11
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.
Sau khi kích hoạt. Ta trở lại giao diện trang chủ để kiểm tra sự thay đổi.
12
Xây dựng Shop Online với WordPress
Để xây dựng shop online theo ý mình, ta sẽ tiến hành tùy chỉnh.
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
13
Xây dựng Shop Online với WordPress
Giao diện của Add Product
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
14
Xây dựng Shop Online với WordPress
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
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.
15
Xây dựng Shop Online với WordPress
2. 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
3. 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
16
Xây dựng Shop Online với WordPress
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.
4. 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).
5. Manage Shipping:
Quản lý các hình thức giao hàng
6. 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.
7. Design Settings:
Nơi thiết kế giao diện cho Shop với các thành phần chính như:
17
Xây dựng Shop Online với WordPress
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.
- 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…
8. General Settings:
Các tùy chọn chỉnh sửa chung cho cả website:
Store Type: loại cửa hàng
18
Xây dựng Shop Online với WordPress
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.
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
9. Affiliate Settings:
Quản lý các liên kết
10. 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
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ải20
Xây dựng Shop Online với WordPress
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
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.
21
Xây dựng Shop Online với WordPress
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
