Tài liệu Báo cáo xây dựng website thương mại điện tử với wordpress

TRƯỜNG ĐẠI HỌC KINH TẾ THÀNH PHỐ HỒ CHÍ MINH KHOA KINH DOANH QUỐC TẾ-MARKETING BỘ MÔN THƯƠNG MẠI ĐIỆN TỬ Đề tài BÁO CÁO XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ VỚI WORDPRESS GVHD: TS Ngô Tấn Vũ Khanh Họ tên sinh viên Lớp MSSV Trần Ngọc Ánh Hồng DH44KM002 31181025460 Nguyễn Long DH44KM002 31181020531 Huỳnh Thị Hồng Ngọc DH44KM002 31181022699 TP Hồ Chí Minh, tháng 04, năm 2021 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 MỤC LỤC NỘI DUNG MỤC LỤC...................................................................................................................................... 2 CHƯƠNG 1 : TÌM HIỂU VỀ WORDPRESS ............................................................................ 4 I. GIỚI THIỆU VỀ WORDPRESS: .................................................................................... 4 1. Wordpress là gì? .............................................................................................................. 4 2. Các loại Wordpress:......................................................................................................... 4 3. Chức năng cơ bản của Wordpress: .................................................................................. 5 II. ƯU ĐIỂM VÀ NHƯỢC ĐIỂM CỦA WORDPRESS: ................................................... 6 1. Ưu điểm: ........................................................................................................................... 6 2. Nhược điểm: ..................................................................................................................... 7 III. TÌNH HÌNH SỬ DỤNG WORDPRESS: ..................................................................... 8 1. Tình hình sử dụng Wordpress tại Việt Nam và thế giới: .................................................. 8 2. Bản quyền Wordpress: ..................................................................................................... 8 IV. NHỮNG LÝ DO NÊN CHỌN WORDPRESS: ........................................................... 8 V. NHỮNG HIỂU LẦM VỀ WORDPRESS:....................................................................... 9 CHƯƠNG 2: TẠO WEBSITE BẰNG WORDPRESS ............................................................ 11 I. TỔNG QUAN VỀ YOURPROWORK: ......................................................................... 11 1. Giới thiệu về YourProwork: ........................................................................................... 11 2. Khách hàng mục tiêu của YourProwork: ....................................................................... 12 3. Sản phẩm, dịch vụ YourProwork cung cấp: ................................................................... 12 4. Quy trình hoạt động: ...................................................................................................... 15 II. CÀI ĐẶT HỆ THỐNG WEBSITE: ............................................................................... 16 1. Đặt tên miền (domain) và lựa chọn máy chủ lưu trữ (hosting): ..................................... 16 2. Cài đặt WordPress: ......................................................................................................... 17 3. WooCommerce: ............................................................................................................. 19 4. Cài đặt giao diện:............................................................................................................ 22 5. Cài đặt Plugin: ................................................................................................................ 23 6. Các plugin khác: ............................................................................................................. 25 2 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 III. THIẾT LẬP WEBSITE VÀ SẢN PHẨM: ................................................................ 25 1. Danh mục sản phẩm: ...................................................................................................... 25 2. Thuộc tính sản phẩm: ..................................................................................................... 26 3. Sản phẩm: ....................................................................................................................... 29 3.1 Sản phẩm đơn giản .......................................................................................................... 29 3.2 Sản phẩm có biến thể: ................................................................................................ 31 4. Trang chủ: ...................................................................................................................... 35 5. Trang giới thiệu và trang liên hệ: ................................................................................... 39 6. Bài viết: .......................................................................................................................... 41 7. Thanh menu: ................................................................................................................... 43 8. Chân trang: ..................................................................................................................... 46 CHƯƠNG 3: CÁC TÍNH NĂNG NÂNG CAO CHO WEBSITE .......................................... 48 I. TỐI ƯU HÓA WEBSITE: ................................................................................................. 48 II. LIVE CHAT: ..................................................................................................................... 55 III. THÊM PHƯƠNG THỨC THANH TOÁN ZALOPAY, MOMO, AIRPAY: ............... 59 IV. ĐA NGÔN NGỮ:........................................................................................................... 63 V. TẠO COUPON CODE: ..................................................................................................... 64 VI. SEO: ............................................................................................................................... 65 VII. GIÚP WEBSITE CHUYÊN NGHIỆP HƠN BẰNG SMART SLIDER: ...................... 65 3 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 CHƯƠNG 1 : TÌM HIỂU VỀ WORDPRESS I. GIỚI THIỆU VỀ WORDPRESS: 1. Wordpress là gì?  WordPress là phần mềm mã nguồn mở được cung cấp miễn phí, sử dụng ngôn ngữ lập trình PHP và hệ cơ sở dữ liệu MySQL. Do đó, nó thích hợp cho ai muôn đặt blog trên chính website sử dụng tên miền của riêng mình. Tuy nhiên, nếu không có tên miền riêng và chịu được một vài hình ảnh quảng cáo đôi khi xuất hiện, bạn vẫn có thể dùng chung với nhà cung cấp Automatic Production tại địa chỉ http://wordpress.com tương tự các nhà cung cấp khác.  WordPress viết bằng PHP và sử dụng hệ quản trị MySQL. WordPress chạy tốt trên PHP5, hầu hết mọi host (dịch vụ lưu trữ trực tuyến) có PHP đều hỗ trợ WordPress. Nhiều Host (Godaddy, Host Gator, ...) còn có chức năng tự động cài đặt WordPress.  WordPress để đăng tải thông tin lên mạng, có chức năng như mọi website khác. Nó có thể làm site tin tức, đánh giá, bán hàng thậm chí là mạng xã hội.  Ngoài ra, WordPress còn hỗ trợ tạo Blog miễn phí trên WordPress.com để những ai không có điều kiện tài chính, kỹ thuật, thời gian... có thể sử dụng được WordPress. 2. Các loại Wordpress: Wordpress tạm được phân ra thành hai loại:  WordPress.com là do 1 nhóm người dựa trên mã nguồn của WordPress tinh chỉnh lại để cung cấp dịch vụ tạo blog cho người sử dụng, nhằm đơn giản hơn cho người dùng không chuyên. Khối lượng theme khá lớn, sử dụng mã nguồn mở PHP, tuý biến giao diện khá, xứng đáng là một đối thủ ngang tài đối với google blogger. 4 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305  Giao diện thân thiện dễ sử dụng, cung cấp 50 kiểu giao diện khác nhau và cập nhật thường xuyên, hệ thống quản lý bài viết và comment mạnh, cho phép nhiều người cũng viết bài và cùng quản lý blog, kết nối với cộng đồng wordpress.com thông qua trang chủ, hỗ trợ tốt Tiếng Việt và nhiều điểm nổi bật khác. 3. Chức năng cơ bản của Wordpress: Viết blog, ngoài ra còn có thể tạo các site tin tức, bán hàng, khảo sát ý kiến... Chức năng cơ bản của Wordpress Chức năng  Quản lý Mô tả  Hiển thị tất cả sản phẩm theo dạng danh sách kèm với những bộ lọc sản phẩm. sản phẩm  Tạo ra những danh mục thể loại, những thuộc tính, những từ khóa tìm kiếm sản phẩm.  Hỗ trợ đăng hàng loại sản phẩm lên trang.  Hỗ trợ phân loại sản phẩm đa dạng: Sản phẩm đơn giản, sản phẩm liên kết bên ngoài, sản phẩm có nhiều biến thể.  Quản lý  Tùy chỉnh lượng tồn kho của sản phẩm.  Hiển thị danh sách các đơn hàng cùng với các bộ lọc, và các nút tùy chỉnh chỉnh sửa. đơn hàng  Tùy chỉnh đơn hàng như: Xác nhận đơn, thay đổi trạng thái đơn, gửi email thông báo tới khách hàng.  Quản lý  Tạo chương trình giảm giá hoặc mã giảm giá áp dụng cho tất cả các sản phẩm hoặc tùy chọn áp dụng cho từng đối tượng tiếp thị sản phẩm cụ thể.  Gửi email tiếp thị tới khách hàng. 5 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305   Hỗ trợ đăng các bài viết dạng blog tin tức lên trang. Quản lý  Hiển thị danh sách khách hàng cùng với bộ lọc hiển thị. khách hàng  Hiển thị các thông tin chi tiêu của khách hàng.  Chỉnh sửa, xóa thông tin khách hàng.  Tạo các biểu đồ thống kê: Đơn hàng, Khách hàng và Kho Quản lý tin tức   Quản lý hàng. báo cáo  Phân tích thống kê tình hình kinh doanh theo các mục: Doanh thu, Sản phẩm, Danh mục, Phiếu giảm giá.  Thiết lập  Thiết lập những thông tin cơ bản của cửa hàng như: Địa chỉ, đơn vị tiền, phạm vi hoạt động. cửa hàng  Hỗ trợ thiết lập thuế, phương thức tính phí giao hàng, các phương thức thanh toán, các tùy chọn về sản phẩm và thiết lập tài khoản khách hàng.  Quản lý  Hỗ trợ cài đặt thêm các Plugin để mở rộng tính năng cho trang, các Plugin có thể tải xuống từ kho Plugin WordPress Plugin hoặc tự người dùng phát triển.  Quản lý  Hỗ trợ cài tùy chỉnh giao diện cũng như cài thêm chủ đề cho trang. Các chủ đề có trên kho chủ đề của WordPress hoặc giao diện người dùng tự phát triển.  Hỗ trợ các trình dựng trang kéo thả giúp người dùng dễ dàng tùy chỉnh giao diện trang. II. ƯU ĐIỂM VÀ NHƯỢC ĐIỂM CỦA WORDPRESS: 1. Ưu điểm: 6 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305  Hệ thống Plugin phong phú và không ngừng cập nhật, ngoài ra người dùng có thể viết Plugin hoặc tích hợp code vào Wordpress.  Hỗ trợ nhiều ngôn ngữ.  Cập nhật phiên bản liên tục, dễ cập nhật, cộng đồng hỗ trợ lớn.  SEO rất tốt  Đơn giản, hiệu quả, nội dung của các trang blog phong phú và hữu ích. Ngoài thống kê số truy nhập của từng ngày, WordPress còn thống kê số truy nhập của từng ngày đối với mỗi bài viết của web. Trên cơ sở đó sẽ có định hướng nên viết vấn đề gì tiếp theo.  Admin (chủ website) có thể cho rất nhiều cộng tác viên gửi bài vào blog, có thể phân quyền cho các cộng tác viên theo các cấp độ khác nhau. Lưu giữ danh sách thành viên đã ghé thăm trang blog.  Sao lưu dữ liệu nhằm khôi phục nội dung web một cách dễ dàng nếu chẳng may web bị hack.  Hàng ngày WordPress có thống kê 100 bài trên các web tiếng Việt của WordPress được nhiều người đọc nhất trong vòng 48 tiếng. Nhờ đó bạn biết được các thông tin quan trọng nhất đang diễn ra. 2. Nhược điểm:  Có thể tốn thêm chi phí nếu sử dụng những chủ đề và plugin trả phí.  Tốc độ tải trang sẽ bị giảm khi sử dụng quá nhiều plugin.  So với sử dụng nền tảng công nghệ SaaS như Shopify thì người dùng cần biết cơ bản về quản trị trị web như: Hosting, cài đặt mã nguồn, chứng chỉ bảo mật SSL. 7 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 III. TÌNH HÌNH SỬ DỤNG WORDPRESS: 1. Tình hình sử dụng Wordpress tại Việt Nam và thế giới:  Dù có nhiều dịch vụ blog khác cạnh tranh với wordpress, một trong số đó có thể kể đến blogpost của google, tuy nhiên wordpress vẫn phát triển mạnh bởi tính mở của nó. Người dùng có thể cài đặt wordpress lên host riêng của mình nên không bị phụ thuộc vào nhà cung cấp dịch vụ blog. Dịch vụ wordpress hiện nay vẫn được sử dụng khá rộng rãi cho việc viết blog.  Việt nam nằm trong top 10 nước dùng wordpress nhiều nhất.  49%blog nổi tiếng thế giới dùng wordpress.  Wordpress trong kinh doanh  Số lượng người sử dựng lới. tính cho đến tháng 7/2011 đã có tới hơn 50 triệu người dung wordpress 2. Bản quyền Wordpress: Wordpress được phát hành dưới dạng Giấy phép Tài liệu Tự do GNU. Giấy phép Tài liệu Tự do GNU cung cấp cho người độc quyền sao chép, tái phân phối và chỉnh sửa một tác phẩm và đòi hỏi tất cả các bản sao và tác phẩm phái sinh phải có thể được sử dụng với cùng giấy phép. Những bản sao có thể được bán thương mại, nhưng nếu được sản xuất với số lượng lớn hơn 100, thì người nhận tác phẩm phải được phép truy xuất tài liệu gốc hoặc mã nguồn. IV. NHỮNG LÝ DO NÊN CHỌN WORDPRESS: DỄ SỬ DỤNG Wordpress được phát triển nhằm phục vụ đối tượng người dùng phổ thông, không có nhiều kiến thức về lập trình web nâng cao. Các thao tác trong Wordpress rất đơn giản, giao diện quản trị trực quan giúp người dùng có thể nắm rõ cơ cấu quản lý một website trong thời gian ngắn. 8 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 CỘNG ĐỒNG HỖ TRỢ ĐÔNG ĐẢO Là một mã nguồn CMS mở phổ biến nhất thế giới, điều này cũng có nghĩa là bạn sẽ được cộng đồng người sử dụng Wordpress hỗ trợ bạn các khó khăn gặp phải trong quá trình sử dụng. NHIỀU GÓI GIAO DIỆN CÓ SẴN Hiện nay, Wordpress có rất nhiều theme miễn phí khác nhau để bạn có thể dễ dàng thay đổi thiết kế website của mình chỉ với vài cú click chuột. NHIỀU PLUGIN HỖ TRỢ Tương tự với theme, có rất nhiều plugin miễn phí mang những tính năng độc đáo và có ích cho website. Bên cạnh đó cũng có nhiều plugin nâng cao hơn có tính phí, giá khoảng $10 đến $80 tùy theo độ phức tạp. DỄ PHÁT TRIỂN CHO LẬP TRÌNH VIÊN Nếu bạn là một người có am hiểu về làm website như thành thạo HTML, CSS, PHP thì có thể dễ dàng mở rộng website Wordpree với nhiều tính năng bổ ích. CÓ THỂ LÀM NHIỀU LOẠI WEBSITE Dùng Wordpress không có nghĩa là bạn chỉ có thể làm blog cá nhân, mà bạn có thể biến website của mình thành trang bán hàng, một website giới thiệu công ty, một tờ tạp chí online,... bằng việc sử dụng kết hợp các theme và plugin với nhau. V. NHỮNG HIỂU LẦM VỀ WORDPRESS: WORDPRESS CHỈ LÀ MỘT PHẦN MỀM Wordpress chỉ là một phần mềm mã nguồn mở được viết bằng PHP & MySQL để giúp người dùng tạo được một website nhanh hơn. Nhưng đó không có nghĩa là nó sẽ giúp bạn tạo được một website bất kỳ chỉ với các thao tác đơn giản. Mặc dù thư viện các giao diện có sẵn và plugin rất nhiều nhưng để tùy biến website sử dụng Wordpress tốt hơn, bạn cần có kiến thức về kỹ thuật liên quan đến website. 9 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 WORDPRESS CHỈ DÀNH CHO NGƯỜI KHÔNG BIẾT CODE Nếu bạn đã nghe ai đó nói với bạn rằng Wordpress chỉ dành cho người không chuyên lập trình sử dụng thì điều này hoàn toàn không chính xác. Dĩ nhiên những người không biết lập trình sẽ dùng Wordpress bằng cách sử dụng các tính năng có sẵn, thư viện giao diện phong phú và các plugin hỗ trợ cũng đủ đển tạo được một website đơn giản. Nhưng nếu bạn biết code thì càng tốt vì Wordpress có phần lõi mã nguồn rất mạnh để bạn áp dụng kỹ năng không giới hạn. 10 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 CHƯƠNG 2: TẠO WEBSITE BẰNG WORDPRESS I. TỔNG QUAN VỀ YOURPROWORK: Hình 1: Logo chính thức của YourProwork 1. Giới thiệu về YourProwork: Thương mại điện tử (TMĐT), còn gọi là E-commerce, E-comm hay EC, là sự mua bán sản phẩm hay dịch vụ trên các hệ thống điện tử như Internet và các mạng máy tính. Thương mại điện tử trên thế giới cũng như Việt Nam đang phát triển mạnh mẽ và thâm nhập vào đủ mọi lĩnh vực kinh doanh. Giai đoạn từ năm 2016 tới năm 2020, thậm chí tới năm 2025, có thể là giai đoạn phát triển nhanh của thương mại điện tử Việt Nam. Bên cạnh đó, nhờ sự hỗ trợ trong kết nối cộng đồng của các mạng xã hội như: Facebook, Zalo, Twitter, Youtube… ngày càng nhiều mà các trang bán hàng qua mạng được người tiêu dùng nhận dạng và ghi nhớ thông qua các trang quảng cáo được “đẩy” liên tục lên các mạng xã hội này. 11 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 Thị trường mà YourProwork kinh doanh hiện bao gồm toàn thể lãnh thổ Việt Nam, tập trung ở các thành phố lớn. Hiện nay, YourProwork đang kinh các dụng cụ văn phòng phẩm, bút và sổ tay cao cấp để trở thành một trong những doanh nghiệp thương mại điện tử tiềm năng trên thị trường. 2. Khách hàng mục tiêu của YourProwork: Theo số liệu thống kê từ Acom và Epinion cho thấy, khách hàng mua hàng trực tuyến nói chung, mua dụng cụ văn phòng phẩm online nói riêng chủ yếu là giới học sinh, sinh viên và nhân viên văn phòng ở cả tình trạng độc thân hay đã kết hôn. Đây là nhóm khách hàng chủ yếu ở độ tuổi từ 12-25 và 25-35, thường xuyên bận rộn, không có thời gian mua sắm nhưng lại có nhu cầu cao trong tìm tòi, học tập, giải trí bằng sách. Đây cũng là nhóm khách hàng có tỉ lệ truy cập Internet cao nhất. Màu sắc đại diện cho YourProwork là màu cam nâu (màu của sự nhiệt huyết, thành công, mang lại sự chuyên nghiệp và hiệu quả), đây cũng là sứ mệnh mà YourProwork đang hướng tới với mong muốn đem lại sự hiệu quả, cảm hứng trong công việc và đảm bảo cho khách hàng sử dụng dịch vụ với chất lượng tốt nhất. 3. Sản phẩm, dịch vụ YourProwork cung cấp: 3.1 Sản phẩm: Hiện nay, YourProwork đang kinh các dụng cụ văn phòng phẩm, bút và sổ tay cao cấp để trở thành một trong những doanh nghiệp thương mại điện tử tiềm năng trên thị trường. 12 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 Hình 2: Danh mục sản phẩm của YourProwork Hình 3: Các mặt hàng đa dạng, phong phú 13 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 3.2 Dịch vụ:  Dịch vụ tư vấn miễn phí cho khách hàng Hình 4: Dịch vụ tư vấn miễn phí  Dịch vụ thanh toán linh hoạt bằng tiền mặt khi nhận hàng, chuyển khoản qua ngân hàng, tích hợp các ví điện tử: Momo, Zalopay, Airpay Hình 5: Dịch vụ thanh toán linh hoạt 14 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305  Dịch vụ giao hàng đa dạng, nhanh chóng Khu vực giao hàng Thời gian giao hàng Thành phố Hồ Chí Minh 1-2 ngày Hà Nội 2-3 ngày Nội thành Ngoại thành và các tỉnh lân cận 2-3 ngày Các tỉnh thành khác 3-5 ngày Bảng 1: Khu vực và thời gian giao hàng dự kiến Lưu ý: Có thể phát sinh 1-2 ngày do: lễ tết, thời tiết hoặc một số lỗi hệ thống trong qua trình giao hàng.  Ngoài ra, còn có hình thức đánh giá sản phẩm, phản hồi của người đã mua và dùng sản phẩm của YourProwork. 4. Quy trình hoạt động: Quy trình đặt hàng Quy trình đặt hàng được hướng dẫn chi tiết và cụ thể từng bước cho khách hàng. Hình 6: Quy trình đặt hàng Quy trình xử lý đơn hàng Hình 7: Quy trình xử lý đơn hàng 15 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 Ở mỗi giai đoạn của quá trình đều được bộ phận xử lý cập nhật vào Trạng thái đơn hàng để khách hàng tiện theo dõi. Thời gian để YourProwork xử lý và đóng gói đơn hàng là từ 2-3 ngày. Quy trình giao hàng Hình 8: Quy trình giao hàng II. CÀI ĐẶT HỆ THỐNG WEBSITE: 1. Đặt tên miền (domain) và lựa chọn máy chủ lưu trữ (hosting): Nhóm lựa chọn nhà cung cấp tên miền và máy chủ lưu trữ là TinoHost. Nhóm đăng ký tên miền là “yourprowwork.xyz". Về máy chủ lưu trữ, nhóm chọn gói dịch vụ Unlimited Hosting với cấu hình máy chủ: CPU 1 nhân, bộ nhớ RAM 1GB, bộ nhớ lưu trữ không giới hạn, băng thông không giới hạn, tốc độ ghi 20Mb/s, hỗ trợ PHP và MySQL. 16 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 Hình 9: Đăng ký domain và hosting. 2. Cài đặt WordPress: Bước 1: Đăng nhập vào tài khoản được cấp bởi TinoHost thông qua email đăng ký và chọn mục WordPress 17 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 Hình 10: Cài đặt WordPress bước 1 Bước 2: Bấm “Install Now" để khởi tạo trang web Hình 11: Cài đặt WordPress bước 2 Bước 3: Điền đầy đủ các thông tin cần thiết và nhấn “Install". Quá trình tạo lập trang web sẽ mất một ít thời gian. Khi khởi tạo thành công, giao diện trang sẽ xuất hiện 2 link dẫn đến trang web chính và trang admin. 18 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 Hình 12: Cài đặt Wordpress bước 3 3. WooCommerce: WooCommerce là một plugin (- bộ phần mềm hỗ trợ) thương mại điện tử mã nguồn mở cho WordPress. Nó được thiết kế cho các website thương mại điện tử với quy mô từ nhỏ đến lớn sử dụng WordPress. Cách cài đặt WooCommerce: Chọn mục “Plugin” → “Chọn mới”, trong mục tìm kiếm gõ “WooCommerce" và ấn chọn cài đặt. 19 Môn: Thương Mại Điện Tử Mã lớp học phần: 21D1INF50901305 Hình 13: Cách cài đặt WooCommerce. Khi quá trình cài đặt hoàn tất sẽ nhận được thông báo cài đặt thành công. Sau đó, tiến hành kích hoạt và thiết lập các cài đặt cơ bản. Hình 14: Thiết lập thông tin cửa hàng khi cài đặt Woocommerce 1. 20