Thiết Lập Woocommerce Đúng Cách – Tự Học Làm Web: Bài 31

Woocommerce là plugin rất nổi tiếng cung cấp tính năng bán hàng trên website. Các tính năng bao gồm: Đăng sản phẩm, hiển thị sản phẩm, giỏ hàng, thanh toán, nút đặt hàng, giá sản phẩm, gửi mail đơn hàng, quản lý đơn hàng,…. Vậy hôm nay chúng ta sẽ tìm hiểu cách thiết lập woocommerce đúng cách để website có thể hoạt động trơn tru, không bị lỗi.

Plugin woocommerce và các plugin kèm theo hỗ trợ

Hầu như 90% các giao diện wordpress cung cấp các tính năng thương mại điện tử đều sử dụng woocommerce. Nó thường được cài đặt kèm theo giao diện hoặc bạn cũng có thể tải trực tiếp plugin này từ kho plugin WP hoặc từ website của woocommerce. Hầu như nó có đầu đủ tính năng của 1 trang web thương mại điện tử (ecommerce). Tuy nhiên cũng có một số plugin khác phụ trợ thêm tính năng cho nó.

Thiết lập woocommerce đúng cách

Các plugin woocommerce và plugin phụ trợ thêm tính năng (Click xem ảnh lớn)

Các plugin thuộc họ YITH woocommerce cung cấp các tính năng như so sánh sản phẩm, thêm sản phẩm vào danh sách yêu thích, theo dõi đơn hàng, cách xem ảnh sản phẩm dưới dạng zoom,…

Các plugin khác như: Checkout manager thiết lập trang thanh toán, payment cung cấp phương thức thanh toán, variation thêm các thuộc tính cho sản phẩm biến thế,….. và hàng trăm plugin phụ trợ khác.

Thiết lập Woocommerce đúng cách cho website WP

Để thiết lập được plugin woocommerce, các bạn vào trang quản trị WP > Woocommerce > Cài đặt. Trong bài này mình sẽ cài đặt woocomerce đúng cách với tiêu chí là khách có thể đặt hàng đơn giản nhất, không rờm rà và bỏ qua những bước phức tạp như tính thuế, tính phí vận chuyển. Phần thuế và phí vận chuyển bạn có thể liên hệ trực tiếp với khách hàng để báo hoặc ghi trong mô tả sản phẩm. Còn về cài đặt 2 mục này sẽ rất phức tạp và khó khăn nên mình sẽ để qua phần nâng cao làm video hướng dẫn. Bây giờ mà hướng dẫn chỉ để các bạn rối hơn thôi.

Thiết lập chung trong woocommerce

Phần địa chỉ của shop bạn cứ điền vào địa chỉ của bạn. Nếu không tính phí vận chuyển thì phần này không quan trọng.

Phần tùy chọn chung và phần tiền tệ các bạn thiết lập như trong ảnh dưới đây. Chúng ta sẽ tạm thời vô hiệu hóa giao hàng và thuế. Còn tiền thì các bạn phải chọn đồng Việt Nam nhé. Chú ý lưu thay đổi sau mỗi tab cài đặt nhé.

Thiết lập woocommerce đúng cách

Một số thiết lập chung cần thiết (Click xem ảnh lớn)

Thiết lập phần Sản phẩm trong woocommerce

Phần này chúng ta có các thiết lập liên quan đến hiển thị sản phẩm và trang sản phẩm, kho hàng.

Trong mục Chung ta thiết lập như sau: Phần trang cửa hàng, chúng ta chọn 1 trang trong danh sách làm trang cửa hàng, chính là trang mà chúng ta thiết lập ở bài 30.

Phần trạng thái thêm vào giỏ thì bạn bỏ check thì sau khi khách muốn mua hàng bấm vào nút đặt hàng (thêm vào giỏ hàng), họ muốn thanh toán thì phải vào giỏ hàng / thanh toán theo cách thủ công thông qua giỏ hàng mini (thường nằm trên header). Còn bạn check vào thì khi khách click nút đặt hàng sẽ được chuyển thẳng đến trang giỏ hàng / thanh toán.

Phần đánh giá sản phẩm dùng để tắt và bật đánh giá, kèm theo bình luận đối với sản phẩm.

Thiết lập woocommerce đúng cách

Một số thiết lập Sản phẩm chung trong woocommerce đúng cách (Click xem ảnh lớn)

Phần kiểm kê kho hàng thì bạn nên bỏ tick vào ô quản lý kho hàng đi. Lý do là nếu bạn hết hàng thì chỉ việc báo khách sau khi nhận dc đơn thôi. Nếu bạn check vào thì bạn sẽ phải thường xuyên cập nhật trạng thái kho hàng cho từng sản phẩm, rất mất thời gian của các bạn. Còn phần sản phẩm có thể tải xuồng dành cho bạn bán sản phẩm ảo như khóa học, sách, phần mềm, app,… Chúng ta mới phải cài đặt, mình sẽ để phần nâng cao để hướng dẫn, bạn cũng có thể tự tìm hiểu thêm.

thiết lập plugin bán hàng đúng cách

Thiết lập vô hiệu hóa kho hàng để không cần cập nhật thường xuyên (click xem ảnh lớn)

Thiết lập Thanh toán trong woocommerce đúng cách

Đến tab thanh toán, đây là phần khá quan trọng, nếu bạn cài đặt không đúng cách thì sẽ gặp lỗi trong phần đặt hàng của khách. Mục phương thức thanh toán thì bạn chọn tích hợp hình thức thanh toán nào cho website. Ở Việt Nam phổ biến nhất và gần như đa số các đơn hàng đều được chọn cách thanh toán khi nhận hàng (COD) nên mình cũng chỉ cài đặt hình thức này là chính. Nếu bạn muốn chuyển khoản thì có thể thêm thông tin chuyển khoản vào trang thanh toán hoặc trang cảm ơn. Chúng ta ko nên thiết lập sẽ phức tạp và rờm rà lắm.

thiết lập plugin bán hàng đúng cách

Bật hình thức thanh toán sau đó vào cài đặt (click xem ảnh lớn)

Mục Accepted payment methods (nếu có) chúng ta cũng bỏ qua, không chọn gì cả. Đây cũng chỉ là những hình thức thanh toán nâng cao hơn thui.

Sau khi bật phương thức thanh toán > Click chọn Cài đặt ta sẽ thiết lập như sau: Bật tính năng bằng cách check vào ô Bật/tắt. Chúng ta thêm tiêu đề của hình thức thanh toán và mục Bật các phương thức giao hàng > Chọn Bất kỳ “giao tại cửa hàng” phương thức cuối cùng là lưu thay đổi.

thiết lập plugin bán hàng đúng cách

Các thiết lập quan trọng trong hình thức thanh toán (click xem ảnh lớn)

Thiết lập mục Tài khoản và Bảo mật

Để thiết lập woocommerce hoạt động đúng cách, bạn cũng chú ý phần này. Nếu bạn có cho khách hàng tạo tài khoản thì chúng ta mới sử dụng phần này. Vì quản lý thành viên rất phức tạp nên mình sẽ chuyển phần này vào mục nâng cao, bây giờ bạn tạo trang thành viên và quản lý thành viên rất vất vả, mình nghĩ các bạn nên bỏ qua khi ko cần thiết. Nếu cho khách đặt hàng mà ko cần tạo tài khoản thì bạn chỉ tick vào ô Cho khách đặt hàng mà không cần tạo tài khoản. Các ô khách bỏ check hết.

Trong 2 khung chính sách và điều khoản, bạn nên thêm phần này, để phòng các trường hợp rủi ro và tranh chấp xảy ra sẽ có các điều khoản ràng buộc. Nó được xem như 1 bản thỏa thuận giữa người mua và người bán khi giao dịch trên website. Hãy dùng shortcode [privacy_policy]  để tự động hiển thị link của trang điều khoản.

thiết lập plugin bán hàng đúng cách

Nếu bạn không có đăng ký thành viên thì đơn giản chỉ vậy thôi (click xem ảnh lớn)

Cách thiết lập email để nhận email đơn hàng

Khi có đơn hàng, bạn sẽ kiểm tra thông tin đơn hàng trong Trang quản trị > Woocommerce > Đơn hàng và click vào các đơn hàng trong danh sách để xem chi tiết đặt hàng của khách. Ngoài ra để thuận tiện hơn thì bạn cũng có thể thiết lập email đơn hàng trong mục Email như sau:

Chúng ta sẽ thiết lập nội dung email trước tiên nhé, bạn vào tab Email và kéo xuống dưới ta thiết lập như sau:

thiết lập plugin bán hàng đúng cách

Vào Email, kéo xuống dưới thiết nập nội dung đơn hàng qua mail trước (click xem ảnh lớn)

Mục Email thông báo là nơi chúng ta thiết lập email nhận đơn khi có các tác vụ tương ứng phát sinh. Phần này quan trọng nhất là email khi có đơn hàng mới, ta chọn Cài đặt.

thiết lập plugin bán hàng đúng cách

Quay trở lên và chỉ cần thiết lập phần gửi mail khi có đơn hàng mới, chọn cài đặt (click xem ảnh lớn)

Thiết lập như hình sau, chú ý: Phần mẫu HTML chúng ta  sẽ thiết lập sau khi lưu lại, Bạn điền các ô phía trên trước sau đó bấm lưu. Cuối cùng là phần thiết lập mẫu hãy chọn Sao chép tập tin tới giao diện. Và lưu lại thêm 1 lần nữa là xong.

cách cài đặt cho woo

Thiết lập email woocommerce đúng cách theo thứ tự 1 2 3 4 nhé (click xem ảnh lớn)

Vậy ta kiểm tra thành quả Email ở cuối bài này nhé, tự đặt hàng thử và xem nội dung email đã ổn hay chưa.

Thiết lập mục Nâng cao của woocommerce

Phần này chúng ta sẽ chú trọng thiết lập trong phần Cài đặt trang > Cài đặt trang, các phần khác hãy giữ nguyên mặc định. Đây là mục thường dùng nhất để thiết lập woocommerce đúng cách. Chúng ta sẽ thiết lập như sau:

cách cài đặt cho woo

Chọn các trang cần thiết như giỏ hàng, thanh toán và điều khoản (click xem ảnh lớn)

Thiết lập Các ô thông tin đặt hàng trong mục Check out ( Chi tiết sẽ làm ở Bài 38)

Mục này mặc định không có sẳn trên woocommerce ở các phiên bản hiện tại trở về trước. Sau này woocommerce có cập nhật không thì còn chưa rõ. Nhưng nếu không có sẵn bạn hãy cài thêm plugin Checkout fields Manager for woocommerce để hiển thị nhé.

Phần check out ta để mặc định như sau:

cách cài đặt cho woo

Vào checkout, phần đầu tiên giữ mặc định nhé (click xem ảnh lớn)

Phần billing ta thiết lập như sau:

Cột Request nếu bật sẽ bắt buộc khách phải nhập thông tin vào ô này. Cột label là tên của ô đó, chúng ta sử lại thành tiếng Việt cho khách nhập thông tin tương ứng nhé. Cột disable khi bật lên thì chúng ta sẽ bỏ ô đó, không cho nó hiển thị ra bên ngoài.

Nếu bạn muốn sửa thông tin của 1 ô thì bấm vào nút chỉnh sửa, thêm ô mới thì bấm vào thêm trường mới (Add new field).

 cài đặt trang thanh toán

Thiết lập các form (ô) ghi thông tin đặt hàng của khách (click xem ảnh lớn)

 cài đặt trang thanh toán

Thay đôi tên của form trong nút chỉnh sửa, chỉ thay đổi ô này thôi nhé (click xem ảnh lớn)

Phần shipping nếu bạn chỉnh sửa cũng tương tự phần Billing. Nhưng mình đơn giản hóa form nên mình tắt luôn tính năng này. Các mục còn lại chúng ta không cần thay đổi gì hết.

 cài đặt trang thanh toán

Shipping  thì vô hiệu hóa tất cả và các tab khác không cài đặt gì (click xem ảnh lớn)

Đây là hình ảnh của trang thanh toán sau khi chúng ta hoàn thành thiết lập, tất nhiên là mình đã hoàn thành thiết lập trang này ở bài 38 mình sẽ hướng dẫn cụ thể, bạn sẽ được hướng dẫn, chú ý: Thông tin mình đã điền vào và đặt thử đơn bằng thông tin mình đã thêm trong ảnh dưới đây nhé:

 

 cài đặt trang thanh toán

Đặt 1 đơn hàng mẫu với các thông tin tự điền vào ở trang thanh toán (click xem ảnh lớn)

Tổng kết bài thiết lập woocommerce đúng chuẩn đơn giản

Sau khi mình gửi đơn theo tông tin trên, chúng ta có trang cảm ơn có dạng như sau (Tùy mỗi themes mà giao diện hiển thị có thể khác nhau):

 tạo website đặt hàng nhanh

Tự động chuyển đến trang cảm ơn (chi tiết đơn hàng) sau khi đặt hàng (click xem ảnh lớn)

Quản lý đơn hàng trong woocommerce có dạng như sau:

 tạo website đặt hàng nhanh

Quản lý đơn hàng trực tiếp trong woocommerce (click xem ảnh lớn)

Click vào đơn hàng, ta xem được các chi tiết đặt hàng của khách và cập nhật trạng thái đơn hàng khi cần thiết:

 tạo website đặt hàng nhanh

Chi tiết đơn hàng bên trong woocommerce và tự cập nhật trạng thái (click xem ảnh lớn)

Dưới đây là hình ảnh đơn hàng gửi qua mail của chúng ta và cả khách hàng cũng nhận mail có nội dung tương tự:

 tạo website đặt hàng nhanh

Ảnh đơn hàng được gửi qua email (click xem ảnh lớn)

Như vậy sau khi chúng ta đặt hàng thử thành công thì website của bạn đã có thể thiết lập woocommerce đúng cách xong. Nếu bạn nhận được đơn hàng trong trang quản trị WP, ở phần woocommerce mà không có đơn hàng gửi về mail thì không phải do lỗi Woocommerce nhé. Do hosting của bạn chưa cấu hình mail smtp đúng cách thôi. Mình sẽ xử lý nó sau.

Chúc bạn thành công!