- ĐỒ ÁN CHUYÊN ĐỀ CHUYÊN NGÀNH: MẠNG MÁY TÍNH ĐỀ TÀI:XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS GVHD: Th.S NINH KHÁNH CHI SVTH: PHẠM TẤN RIN Đà Nẵng, ngày tháng năm 2016XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS MỤC LỤCMỤC LỤC. - 8Chương I: TỔNG QUAN VỀ WORDPRESS VÀ PLUGIN WOOCOMMERCE Giới thiệu chung về Wordpress Giới thiệu Woocommerce Cài đặt và thiết lập cơ bản . - Tìm hiểu các trang trong Woocommerce Thêm một sản phẩm đơn giản Nhập thông tin sản phẩm Thiết lập danh mục sản phẩm . - Thiết lập từ khóa sản phẩm . - Ảnh sản phẩm . - Thư viện hình ảnh của sản phẩm . - Thử nghiệm chức năng giỏ hàng và thanh toán Cách sử dụng theme Store Front cho Woocommerce Các thiết lập cài đặt các thành phần trong Woocommerce . - Thiết lập thay đổi kích thước sản phẩm . - Thiết lập thuế . - Thiết lập giao nhận-tỉ lệ sàn Thêm nhiều phương thức giao nhận-tỉ lệ sàn Sử dụng loại hình giao nhận (Shpping Class Thiết lập thanh toán Thanh toán qua PayPal PHẠM TẤN RIN-CCMM07A Page 2XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS 1.5.8.2.Tích hợp Ngân Lượng và Bảo Kim . - Thiết lập Email thông báo Sử dụng các Widget trong Woocommerce Thiết lập Yoat SEO cho WooCommerce CHƯƠNG II: DEMO CÁC CHỨC NĂNG WEBSITE KẾT LUẬN. - 72TÀI LIỆU THAM KHẢO PHẠM TẤN RIN-CCMM07A Page 3XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS DANH MỤC TỪ VIẾT TẮT: STT Ký hiệu Ý nghĩa 1 CMS – Content Management System Hệ quản trị nội dung 2 VAT(Value Added Tax) Thuế giá trị gia tăngPHẠM TẤN RIN-CCMM07A Page 4XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS DANH MỤC HÌNH ẢNHHình 1:Tìm plugin “Woocommerce” trên thư viện Hình 2:Cài đặt bản dịch và thiết lập cho Woocommerce Hình 3:Cài đặt trang cần thiết cho Woocommerce Hình 4: Thiết lập vị trí và định dạng tiền tệ phù hợp với Việt Nam Hình 5: Đã thiết lập hoàn thành Hình 6: Cấu hình định dạng tiền mặt Hình 7:Bỏ số đơn vị thập phân ở tiền tệ Hình 8:Các trang mặc định của Woocommerce Hình 9: Thiết lập trang cửa hàng Hình 10: Thiết lập lại các trang bị mất Hình: 11 Menu thêm sản phẩm Hình 12:Nhập tiêu đề và mô tả chi tiết của sản phẩm Hình 13: Khung nhập dữ liệu sản phẩm Hình 14: Nhập dữ liệu sản phẩm Hình 15: Khung mô tả ngắn sản phẩm Hình 16: Tạo danh mục sản phẩm Hình 17:Thiết lập từ khóa sản phẩm Hình 18: Ảnh đại diện sản phẩm Hình 19: Thư viện ảnh của một sản phẩm Hình 20: Xem trang cửa hàng Hình 21: Sản phẩm hiển thị ở trang Cửa hàng Hình 22: Hình mô tả chi tiết sản phẩm Hình 23: Thêm sản phẩm vào giỏ Hình 24: Trang giỏ hàng Hình 25: Trang thanh toán chưa hiệu chỉnh Hình 26: Trang thanh toán đã được hiệu chỉnh Hình 27: Import dữ liệu dummy content PHẠM TẤN RIN-CCMM07A Page 5XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESSHình 29: Thiết lập Import Hình 30: Sản phẩm mẫu sau khi đã import Hình 31: Cài đặt theme Store Front Hình 32: Thiết lập trang chủ Hình 33: Thiết lập trang chủ làm trang chính Hình 34: Trang chủ Store Front Hình 35: Tùy chỉnh giao diện Hình 36: Tổng quan trang thiết lập Hình 37: Cài đặt chung Hình 38:Thiết lập cài đặt sản phẩm Hình 39: Thiết lập hình sản phẩm Hình 40:Ảnh catalog. - 45Hình 41: Ảnh sản phẩm đơn lẻ Hình 42:Hình thu nhỏ sản phẩm Hình 43: Thay đổi thông số kích thước sản phẩm Hình 44: Hình tái tạo sản phẩm Hình 46: Kích hoạt tính năng thuế Hình 47:Các tùy chọn thiết lập thuế Hình 48: Khung khai báo tỉ lệ thuế Hình 49: Ví dụ thiết lập thuế VAT tại Việt Nam với tỉ lệ Hình 50: Kết quả thiết lập thuế Hình 51: Thiết lập địa chỉ mặc định Hình 52: Thông tin thanh toán đã hiệu chỉnh Hình 53: Trang cài đặt tính phí giao nhận trong Woocommerce Hình 54: Thiết lập giao nhận-tỉ lệ sàn Hình 55: Tỉ lệ sàn đã được thiết lập Hình 56: Thanh toán đã được thiết lập tỉ lệ sàn Hình 57: Các phương thức giao nhận Hình 58: Thiết lập miễn phí giao hàng PHẠM TẤN RIN-CCMM07A Page 6XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESSHình 59: Thiết lập miễn phí giao hàng Hình 60: Thiết lập loại hình giao nhận Hình 61:Thêm một loại hình giao nhận mới Hình 62:Danh sách các loại hình giao nhận HÌnh 63: Tùy chọn loại hình giao nhận Hình 64:Thiết lập phí vận chuyển cho loại hình giao nhận Hình 65: Thiết lập PayPal Hình 66: Thiết lập Ngân Lượng Hình 67: Thiết lập Bảo Kim Hình 68:Các tùy chọn thiết lập email trong Woocommerce Hình 69:Giao diện Wiget Hình 70: Xóa bỏ chữ “Archive” trên tiêu đề Hình 71: Tùy chỉnh các chuyên mục Hình 72: Tùy chỉnh sitemap PHẠM TẤN RIN-CCMM07A Page 7XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS LỜI NÓI ĐẦU Xã hội phát triển về nhiều mặt, kèm theo đó là sự bùng nổ mạnh mẽ của côngnghệ thông tin. - Để đáp ứng cho nhucầu con người trong việc mua hàng hóa thông minh thông qua các website bán hàng.Chúng ta chỉ cần ở bất kỳ đâu chỉ cần có kết nối Internet thì có thể mua hàng ở bất kỳnơi nào với các chế độ vận chuyển chuyên nghiệp trên toàn quốc. - Nó được phản hồi rất tịch cực trong ngành công nghệ websiteđặc biệt là website bán hàng tính đến thời điểm hiện tại. - Với sự hỗ trợ đặc biệt củaPlugin Woocommerce trong việc tạo một website bán hàng. - Em đã chọn đề tài “Xâydựng website bán hàng bằng Wordpress”. - Xin chân thành cảm ơn!PHẠM TẤN RIN-CCMM07A Page 8XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Chương I: TỔNG QUAN VỀ WORDPRESS VÀ PLUGIN WOOCOMMERCE1.1 Giới thiệu chung về Wordpress. - Số lượng website làm bằng WordPress chiếm 23% tổng số lượng website trênthế giới.PHẠM TẤN RIN-CCMM07A Page 9XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS • Trong số 100% các website sử dụng mã nguồn CMS, WordPress chiếm 60. - Chỉ tính các giao diện (hay còn gọi là theme) miễn phí trên thư việnWordPress.org thì đã có hơn 2.700 themes khác nhau.*Hoạt động của mã nguồn Wordpress:Các dữ liệu làm việc thế nào? Trong mã nguồn WordPress, nó đã được lập trình nhiều tính năng giúp bản thânnó có thể tương tác với cơ sở dữ liệu (database) như MySQL để giúp người sử dụng cóthể lưu trữ dữ liệu mềm trên website. - Tất cả các dữ liệu mềm được lưu trữ vào databasesẽ bao gồm các nội dung văn bản được nhập vào website, các thiết lập (vì các thiết lậpsẽ lưu dưới dạng một kiểu dữ liệu) và một số dữ liệu khác. - Nếu vào xem database thông qua phpMyAdmin hoặc các ứng dụng tương tự, sẽthấy WordPress có nhiều bảng dữ liệu để chứa các dữ liệu được lưu vào.WordPress làm gì mỗi khi có người truy cập vào website? Khi một người truy cập vào website, WordPress sẽ tự động xử lý theo quy trìnhsau:PHẠM TẤN RIN-CCMM07A Page 10XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESSBước 1 – Khởi động mã nguồn Tập tin index.php trong mã nguồn (không phải của theme hay plugin) được tải ra,sau đó nó sẽ truy xuất các tập tin cốt lõi khác như wp-config.php vốn để kết nối đến cơsở dữ liệu, wp-settings.php. - Ở bước này, WordPress sẽ kết nối đến cơ sở dữ liệu được thiết lập trong wp-config.php, sau đó sẽ tiến hành tải những tính năng trong mã nguồn như /wp-include/functions.php, /wp-include/options.php,…nhằm nạp sẵn các chức năng cầnthiết để có thể tiếp nhận những dữ liệu. - Và cũng trong bước này, toàn bộ các dữ liệu được lưu vào bảng wp_options cógiá trị ở cột autoload là true sẽ được lôi ra hết, dù thiết lập đó có được sử dụng haykhông. - Vậylàm sao WordPress có thể hiểu được website đang dùng theme nào? Đó là ở bước 1, nóđã kết nối vào database và dựa theo khoá current_theme trong cột option_name tạibảng wp_options.PHẠM TẤN RIN-CCMM07A Page 11XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESSWordPress xác định thêm hiện tại thông qua databaseBước 4 – Phân tích truy vấn và khởi tạo truy vấn Đây là bước quan trọng để website của bạn có thể hiển thị nội dung ra bên ngoài,vì các nội dung sẽ được trả về sau khi các truy vấn gửi vào database. - Truy vấn ở đây là truy vấn SQL gửi vào MySQL Server.Trước tiên, WordPress sẽ chạy hàm wp() được thiết lập trong /wp-include/functions.php vốn để gọi phương thức $wp->main() cho mục đích thiết lậptruy vấn. - Vì bạn biết rằng WordPress sẽ tựđộng sinh truy vấn dựa theo đường dẫn, ví dụ khi chúng ta vào http://domain.com/?p=123 thì WordPress sẽ gửi một truy vấn vào database để lấy dữ liệu của post mang sốID là 123. - Sau khi truy vấn được phân tích, WordPress sẽ làm việc tiếp theo là thiết lập cáchàm điều kiện thông qua phương thức $wp_query->parse_query. - Sau đó nó sẽ chuyểnPHẠM TẤN RIN-CCMM07A Page 12XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESScác truy vấn đã được tạo ra thành truy vấn bằng các lệnh SQL nhằm gửi đến MySQL đểlấy dữ liệu bài viết bằng phương thức $wp_query->get_posts. - Trong quá trình gửi truy vấn này, nếu nó không tìm thấy dữ liệu thì sẽ phân tíchvà hiển thị báo lỗi 404. - Và cuối cùng là nó có dữ liệu, thì nó sẽ thiết lập biến $post để sử dụng trongvòng lặp. - Biến $post là đối tượng chứa các dữ liệu của bài viết thông qua các thuộctính. - Phần này chúng ta sẽ đào sâu hơn ở phần tìm hiểu sâu về query và vòng lặp.Bước 5 – Thực thi các tập tin khuôn mẫu (template) trong theme Sau khi nó đã có dữ liệu bài viết và các dữ liệu liên quan mà nó đã làm ở bước 4,thì nó sẽ tiến hành xử lý các tập tin template của theme thông qua cấu trúc template.Sau đó các nội dung và trang chủ của website sẽ được hiển thị dựa theo các templatetags dưới dạng HTML.1.2 Giới thiệu Woocommerce: Woocommerce là một plugin miễn phí được sử dụng để tạo một trang thươngmại điện tử cỡ nhỏ tốt nhất hiện nay trong WordPress. - Tạo sản phẩm với định dạng thông thường, sản phẩm có thuộc tính, sản phẩm affiliate và sản phẩm kỹ thuật số (có thể tải về. - Hỗ trợ tự tính thuế sản phẩm hoặc thuế theo đơn hàng. - Hỗ trợ template hiển thị riêng để có thể tự cấu hình lại template hiển thị phần shop và sản phẩm, cái này rất có lợi cho lập trình viên.PHẠM TẤN RIN-CCMM07A Page 13XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS • Có sẵn nhiều theme và extension (plugin mở rộng) để biến thành trang shop chuyên nghiệp. - Và hàng tá các chức năng hay ho khác nữa.Như vậy với các tính năng kể trên, Woocommerce có thể lựa chọn cho những ai cầnlàm một trang shop đơn giản ngay trên website WordPress của mình để giới thiệu sảnphẩm và cho phép khách đặt hàng trực tuyến để bán hàng tiện lợi hơn.1.2.1 Cài đặt và thiết lập cơ bản: -Trước tiên bạn tìm plugin tên Woocommerce trong Dashboard và cài plugin tênWooCommerce – excelling eCommerce rồi cài nó. - Hình 1:Tìm plugin “Woocommerce” trên thư việnPHẠM TẤN RIN-CCMM07A Page 14XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Sau khi cài đặt thì kích hoạt như bình thường. - Sau khi kích hoạt nó sẽ chuyểnthẳng bạn đến trang thiết lập ban đầu cho Woocommerce. - Hình 2:Cài đặt bản dịch và thiết lập cho WoocommercePHẠM TẤN RIN-CCMM07A Page 15XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Kế đến là bước cài đặt trang cần thiết cho Woocommerce, ở đây nó sẽ cài một sốtrang bắt buộc như Cửa hàng, Giỏ hàng, Thanh toán,…vì nếu không có các trang nàythì sẽ không hoàn thiện được. - Hình 3:Cài đặt trang cần thiết cho WoocommercePHẠM TẤN RIN-CCMM07A Page 16XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Kế tiếp là cài đặt vị trí cửa hàng, ở đây bạn sẽ cài đặt quốc gia của cửa hàng bạn,loại tiền tệ, định dạng tiền tệ. - Nếu bạn thiết lập cho cửa hàng tại Việt Nam thì nên thiếtlập như ảnh dưới. - Hình 4: Thiết lập vị trí và định dạng tiền tệ phù hợp với Việt Nam.PHẠM TẤN RIN-CCMM07A Page 17XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Ở bước cài đặt vận chuyển và thuế bạn cứ ấn Tiếp tục mà không cần chọn gì nhé,cái này chúng ta sẽ thiết lập kỹ hơn ở mục riêng của nó. - Sau khi thiết lập xong thì quaylại trang quản trị. - Hình 5: Đã thiết lập hoàn thànhPHẠM TẤN RIN-CCMM07A Page 18XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Ngoài ra chúng ta còn một bước cuối nữa là chỉnh lại định dạng tiền tệ một chútnữa để cho nó phù hợp nhất với định dạng tiền tệ Việt Nam, đó là xóa 2 số 0 ở cuối đi.Bạn hãy vào Woocommerce. - Cài đặt. - Hình 6: Cấu hình định dạng tiền mặtPHẠM TẤN RIN-CCMM07A Page 19XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Sau đó ở tab Chung, bạn sửa thành 0 ở phần Số đơn vị thập phân. - Hình 7:Bỏ số đơn vị thập phân ở tiền tệ Okay, bây giờ giá tiền của sản phẩm sẽ hiển thị chính xác là 150.000 nếu chúngta nhập giá là . - Tìm hiểu các trang trong Woocommerce: Mặc định sau khi cài xong Woocommerce, bạn vào phần quản lý trang (Pages) sẽthấy có một số trang mặc định mà Woocommerce tự tạo ra để có thể sử dụng các chứcnăng cần thiết trên trang bán hàng.PHẠM TẤN RIN-CCMM07A Page 20XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Hình 8:Các trang mặc định của WoocommerceỞ đây bao gồm. - Cửa hàng: Trang này sẽ hiển thị các sản phẩm mới nhất trên website và cóphân trang. - Giỏ hàng: Trang này sẽ là trang giỏ hàng của bạn khi thêm hàng vào giỏ, nó sẽhiển thị các sản phẩm có trong giỏ hàng. - Trong đó, trang Cửa hàng sẽ được thiết lập ở Woocommerce. - Hiển thị.PHẠM TẤN RIN-CCMM07A Page 21XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Hình 9: Thiết lập trang cửa hàng Các trang còn lại tuy không thiết lập ở đây nhưng để nó hoạt động thì nội dungphải cần có các shortcode tương ứng như sau. - Hình 10: Thiết lập lại các trang bị mấtPHẠM TẤN RIN-CCMM07A Page 22XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS1.3 Thêm một sản phẩm đơn giản:1.3.1.Nhập thông tin sản phẩm: Để thêm một sản phẩm, bạn vào Sản phẩm. - Thêm sản phẩm. - Hình: 11 Menu thêm sản phẩm Tại đây nó sẽ giống như trang thêm bài viết, nhưng nó sẽ có nhiều chức năngriêng để thêm một sản phẩm. - Phần tiêu đề và nội dung chúng ta sẽ nhập nó như tiêu đề sản phẩm và nội dungmô tả chi tiết của sản phẩm. - Hình 12:Nhập tiêu đề và mô tả chi tiết của sản phẩmPHẠM TẤN RIN-CCMM07A Page 23XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Ngay bên dưới nó là phần Dữ liệu sản phẩm, ở đây bạn hãy chọn là Sản phẩmđơn giản. - Ở bên dưới khung đó là các phần bạn nhập thông tin sản phẩm như giá cả,mã sản phẩm, quản lý kho hàng. - Hình 13: Khung nhập dữ liệu sản phẩm• Chung: Phần này sẽ nhập thông tin về mã sản phẩm và giá sản phẩm. - o Mã sản phẩm: Nhập mã sản phẩm để bạn tiện quản lý trong kho hàng. - o Giá bán chuẩn: Giá chuẩn của sản phẩm. - o Giá khuyến mãi: Giá sản phẩm sau khi được giảm, bạn có thể lên lịch để giá khuyến mãi có hiệu lực trong thời gian nhất định.• Kiểm kê kho hàng: Phần này sẽ thiết lập số lượng sản phẩm trong kho và tình trạng hàng hóa trong kho. - o Quản lý kho hàng: Bạn muốn thiết lập số lượng hàng trong kho thì đánh dấu vào. - o Tình trạng kho hàng: Tình trạng của sản phẩm này là còn hàng hay hết hàng. - Nếu bạn bật tính năng kiểm kê kho hàng thì khi khách mua hết số lượng đã thiết lập thì nó đưa về tình trạng hết hàng. - o Bán riêng: Đánh dấu nếu bạn muốn khách chỉ được mua với số lượng 1 cái của mặt hàng này trong một đơn hàng.• Giao nhận: Thiết lập trọng lượng, kích thước của sản phẩm và loại hình giao hàng. - o Trọng lượng: Nhập số trọng lượng của sản phẩm, đơn vị sẽ được thiết lập ở Woocommerce. - o Kích thước: Nhập chiều dài, chiều rộng và chiều cao của sản phẩm, đơn vị sẽ được thiết lập ở Woocommerce. - Cài đặt.PHẠM TẤN RIN-CCMM07A Page 24XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS o Loại hình giao nhận hàng: Chọn loại hình giao nhận hàng, cái này mình sẽ nói kỹ hơn ở bài khác.• Các sản phẩm được kết nối: Kết nối các sản phẩm lại với nhau để người mua có thể dễ dàng tìm ra các sản đó và gợi ý khách hàng mua kèm thêm. - o Bán thêm: Gợi ý khách hàng mua sản phẩm thay cho sản phẩm hiện tại mà họ đang xem. - Ví dụ sau này bạn có một sản phẩm tốt hơn sản phẩm này thì có thể thêm nó vào phần này. - o Bán chéo: Gợi ý khách hàng mua thêm trong lúc xem giỏ hàng, ví dụ bạn bán iPhone 6S thì nên thêm các sản phẩm như sạc, vỏ điện thoại vào phần bán chéo để họ mua kèm thêm. - o Nhóm: Chọn nhóm sản phẩm cần đưa vào. - Nhóm sản phẩm nghĩa là họ mua theo một nhóm chứ không mua riêng lẻ, cái này mình sẽ nói riêng ở phần khác.• Cácthuộc tính: Thiết lập thuộc tính sản phẩm như màu sắc, kích thước,…nhưng mình sẽ nói kỹ hơn ở phần khác.• Nâng cao: Một số thiết lập thêm cho sản phẩm. - o Menu đơn hàng: Số thứ tự ưu tiên của sản phẩm trong giỏ hàng, số càng nhỏ thì càng ưu tiên. - o Cho phép đánh giá: Đánh dấu nếu muốn cho khách hàng đánh giá sản phẩm. - Hình 14: Nhập dữ liệu sản phẩm Tiếp tục kéo xuống dưới, chúng ta sẽ thấy phần mô tả ngắn của sản phẩm. - Phầnnày để bạn nhập mô tả ngắn, ví dụ như một lời giới thiệu ngắn về sản phẩm vì nó sẽhiển thị ngay bên dưới giá sản phẩm trong trang chi tiết của sản phẩm.PHẠM TẤN RIN-CCMM07A Page 25XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Hình 15: Khung mô tả ngắn sản phẩm1.3.2.Thiết lập danh mục sản phẩm. - Tiếp tục nhìn qua bên tay phải của trang thêm sản phẩm sẽ thấy phần thiết lậpdanh mục sản phẩm, nhìn chung nó giống hệt chức năng Category (Chuyên mục) trongbài viết thôi. - Thiết lập từ khóa sản phẩm Từ khóa sản phẩm là các từ khóa mà bạn cho là có liên quan đến sản phẩm. - Ví dụmình đặt danh mục là Áo thun thì nên chọn từ khóa các kiểu như áo lacoste, áo cá sấu,áo pike chẳng hạn.PHẠM TẤN RIN-CCMM07A Page 26XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Hình 17:Thiết lập từ khóa sản phẩm1.3.4. - Ảnh sản phẩm Mỗi sản phẩm nên có một ảnh sản phẩm, hay còn gọi là ảnh đại diện cho sảnphẩm. - Thư viện hình ảnh của sản phẩm Ngay bên dưới phần ảnh sản phẩm là phần thư viện hình ảnh sản phẩm, nói chínhxác hơn thì đây là danh sách nhiều hình ảnh mà bạn muốn nó hiển thị theo dưới dạngslide (trình diễn ảnh) trong trang sản phẩm. - Bạn nên chọn một số tấm ảnh khác của sảnphẩm này ở đây, khi chọn ảnh bạn hãy ấn Ctrl để chọn nhiều ảnh.PHẠM TẤN RIN-CCMM07A Page 27XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Hình 19: Thư viện ảnh của một sản phẩm Xong rồi. - Hình 20: Xem trang cửa hàngPHẠM TẤN RIN-CCMM07A Page 28XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Và bạn đã thấy sản phẩm mình vừa đăng lên nó thế này. - Hình 21: Sản phẩm hiển thị ở trang Cửa hàng.PHẠM TẤN RIN-CCMM07A Page 29XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Và khi click vào trang chi tiết một sản phẩm nó sẽ hiển thị thế này. - Hình 22: Hình mô tả chi tiết sản phẩmPHẠM TẤN RIN-CCMM07A Page 30XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS1.3.6. - Thử nghiệm chức năng giỏ hàng và thanh toán Bây giờ hãy thử thêm sản phẩm của bạn vào giỏ đi. - Lúc này bạn sẽ thấy nó đểmột thông báo là đã thêm sản phẩm vào giỏ hàng. - Hình 23: Thêm sản phẩm vào giỏPHẠM TẤN RIN-CCMM07A Page 31XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Và khi bạn click vào giỏ hàng thì nó sẽ hiển thị thế này. - Hình 24: Trang giỏ hàng Tiếp theo ấn nút thanh toán.Ban đầu chưa chỉnh sửa Code nó sẽ hiển thị như thếnày và có thêm các phần không phù hợp đối với Việt Nam.Ví dụ Bang/hạt,PostcodePHẠM TẤN RIN-CCMM07A Page 32XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Hình 25: Trang thanh toán chưa hiệu chỉnhPHẠM TẤN RIN-CCMM07A Page 33XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Sau khi được chỉnh sửa Code sẽ được hiển thị như sau: Hình 26: Trang thanh toán đã được hiệu chỉnh1.4 Cách sử dụng theme Store Front cho Woocommerce: Khi sử dụng Woocommerce thì chắc chắn không phải theme nào cũng có thể hỗtrợ hiển thị gian hàng của mình tốt nhất. - Tải bản FULL (file word 73 trang): bit.ly/2Ywib4t Dự phòng: fb.com/KhoTaiLieuAZPHẠM TẤN RIN-CCMM07A Page 34XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS * Các tính năng của theme Store Front. - Thêm dữ liệu mẫu (Dummy content) cho Woocommerce. - Dữ liệu mẫu của Woocommerce là một gói dữ liệu đã tạo sẵn một số sản phẩmđể chúng ta có thể dễ dàng thử nghiệm các chức năng hoặc theme. - Mục đích mình kêucác bạn thêm dữ liệu mẫu này vào là để chúng ta có thể thấy theme hiển thị đầy đủ thếnào. - Khi giải nénra, bạn vào thư mục/woocommerce/dummy-data/ sẽ thấy các tập tin dữ liệu mẫu.Nhưng ở đây chúng ta chỉ sử dụng tập tin dummy-data.xml. - Tải bản FULL (file word 73 trang): bit.ly/2Ywib4t Dự phòng: fb.com/KhoTaiLieuAZ Hình 27: Import dữ liệu dummy contentPHẠM TẤN RIN-CCMM07A Page 35XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS Đưa các sản phẩm về user của bạn và đánh dấu vào Download and import fileattachments rồi Submit. - Hình 29: Thiết lập Import Nếu mạng của bạn hơi chậm và bị timeout, hãy mở tập tin php.ini trong localhostvà tìm dòng01 max_execution_time Sau đó tăng giá trị nó lên khoảng 200 là đẹp.01 max_execution_time = 200 Thông báo sau khi nhập dữ liệu mẫu thành công. - 4288905PHẠM TẤN RIN-CCMM07A Page 36
Xem thử không khả dụng, vui lòng xem tại trang nguồn hoặc xem
Tóm tắt