Xây dựng web bán hàng bằng wordpress là một trong những keyword được search nhiều nhất trên Google về chủ đề xây dựng web bán hàng bằng wordpress. Trong bài viết này, xaydungweb.vn sẽ viết bài viết Hướng dẫn xây dựng web bán hàng bằng wordpress mới nhất 2020.
Hướng dẫn xây dựng web bán hàng bằng wordpress mới nhất 2020
Những web có mục blog, hoặc web tin tức thì bạn đủ sức sử dụng những giao diện sẵn có free cơ bản để sử dụng rất dễ dàng, nếu bạn chưa biết sử dụng, hãy tìm lại hướng dẫn này.
Nhưng đối với những bạn đang bán món hàng vật lý (quần áo, giày dép, đồng hồ,…) thì việc thiết lập 1 trang shop có chức năng đặt mua là vô cùng quan trọng.
Đó là store Trực tuyến, nơi KH có thể vào chọn & đặt hàng ngay trên tại website.
Lúc này, bạn cần tối ưu trang WordPress thông thường thành 1 shop với sự hướng dẫn của plugin WooCommerce mạnh mẽ mà free.
Ở post này, với ngân sách siêu cắt giảm, mình sẽ hướng dẫn bạn tự thiết lập bước từng bước theo mẹo dễ hiểu nhất từ lúc mua hosting cho tới khi hoàn thành trang sale.
Bạn đủ nội lực nhìn thấy site dùng thử tại: shop.thekhuong.com – Mình demo với 1 website clothing cho trẻ em Nhìn rất đẹp & chuyên nghiệp.
ví dụ

giảm giá Special 2.0 có thể giúp bạn dễ dàng khởi đầu hoặc có nhiều hiệu quả hơn với kiếm tiền Trực tuyến hoặc bán hàng online.
Hoặc bạn có thể sử dụng hosting Godaddy $1/tháng (Có tặng kèm domain) để sử dụng. Ở phần dưới đây, mình sẽ lưu ý lại các quy trình 1 phương pháp ngắn gọn nhất.
- 1/ Mua hosting, giao diện & tải content mẫu.
- 2/ Cài plugin Woocommerce
- 3/ Chỉnh sửa menu gọn gàng cho web.
- 4/ Tùy chỉnh font & màu chữ của font
- 5/ refresh logo & Favicon cho website của bạn
- 6/ “Việt hóa” giao diện của bạn.
- 7/ Vọc hết các tính năng trong Theme Option.
- 8/ phương pháp thêm hàng hóa và mục lục hàng hóa
- 9/ Thêm các biến thể cho món hàng (Màu sắc, kích cỡ,…)
- 10/ Tùy biến form đặt mua của KH.
- Tạm kết.
1/ Mua hosting, giao diện & tải nội dung mẫu.
Bạn đủ sức nhìn thấy những hướng dẫn cụ thể sau:
- tut mua hosting $1/tháng Godaddy tặng kèm domain
- Các hosting/domain vừa mới khuyến mại
- Cài themes, plugins & các plugin free nên sử dụng
Về themes, bạn có thể khởi đầu với themes free, bên cạnh đó nếu bạn mong muốn có sự đầu tư ngay từ ban đầu (Như ở video trên mình hướng dẫn), đủ sức chọn mua theme premium ở Themeforest
KHỞI ĐẦU LỰA CHỌN THEME TẠI THEMEFOREST
Mình bấm mạnh là ở Themeforest, bạn đủ sức tìm được những giao diện siêu xinh, tương ứng với từng ngách mà bạn vừa mới kinh doanh.
Chẳng hạn bạn đã sử dụng 1 store về thực phẩm chức năng chuyên cho những người tập gym, bạn đủ sức đánh keyword ‘gym’ vào ô search để nhận lại kết quả là những theme đẹp.
Bạn cũng có thể bố trí theo best seller hoặc trending.
2/ Cài plugin Woocommerce
WooCommerce là plugin k thể thiếu khi sử dụng 1 trang sale, nó sẽ cho bạn rất nhiều chức năng, nhằm giúp sức mục đích bán hàng của bạn.
cách cài đặt, cấu ảnh cơ bản, bạn hãy xem video đầu post này.
3/ Chỉnh sửa menu gọn gàng cho trang web.
menu là các mục lục nằm ở đầu hoặc cuối trang. ví dụ giao diện mà mình đã sử dụng dùng thử có thực đơn ở bên trên giống như thế này:
content mẫu có sẵn mà bạn import sẵn sẽ tự tạo ra thực đơn. Để thêm, bớt thực đơn hoặc các phân khúc trong menu giống như mong muốn, bạn vào Giao diện => menu
Để chỉnh sửa 1 menu có sẵn bạn chọn menu đó rồi nhất nút lựa chọn, hoặc nếu bạn mong muốn tạo 1 menu mới hoàn toàn theo ý bạn thì bạn bấm vào tạo thực đơn mới.
Để chỉnh sửa, thêm/bớt các mục vào menu rất đơn giản, bạn chỉ cần kéo thả các trang có sẵn trên trang web của bạn vào menu hoặc đủ sức tùy biến đường kéo bất kỳ:
Nếu bạn muốn tạo 1 danh mục ở menu chứa nhiều danh mục con khác, hãy dẫn các mục lục con xuống dưới mục lục chính, hơi lệch sang bên phải:
Bạn có thể vọc 1 số chức năng khác của menu như tùy chỉnh màu cho thực đơn, thêm icon,…
4/ Tùy chỉnh font & màu chữ của font
gần như các giao diện bạn cài đặt là của nước ngoài, đủ sức font mặc định của họ không thích hợp với Việt Nam (Họ không dùng Google font) nên Nhìn sẽ rất khó chịu.
Hoặc không khó khăn bạn muốn đổi font, cấu ảnh màu sắc, kích thước chữ,… hãy vào mục cài đặt theme của bạn để chỉnh sửa.
Bạn đủ sức chỉnh sửa được font cho từng loại định dạng text như: Chữ thông thường, thẻ H1 tới H6, đoạn văn trong bài, giao diện responsive,…
5/ Cải thiện logo & Favicon cho web của bạn
Nếu bạn chưa có logo, sẽ có 2 chọn thuê thiết kế freelancer, hoặc cũng có thể tự design dễ dàng thôi cũng được. Còn Favicon k bắt buộc, đủ sức có cũng đủ sức k cần.
Bạn cũng sẽ đơn giản tìm được kênh để cải thiện logo & favicon tại khu vực Theme Options:
Sau khi làm xong phần 4 này, bạn có thể thấy website bạn vừa mới Nhìn tử tế rồi & chuyển qua các công đoạn cốt lõi:
6/ “Việt hóa” giao diện của bạn.
Nếu website bạn sale ở Viet Nam, bạn cần “Việt Hóa” những mục hay nút như “wishlist, add lớn cart, top rate product,..” để phù hợp với thử nghiệm user.
Để việt hóa các mục này, bạn hãy cài plugin free có tên “Easiest Translation Plugin For WordPress” (tải về tại đây)
Nếu bạn vừa mới quên mẹo cài đặt plugin, có thể nhìn thấy lại video này:
Sau khi cài đặt xong Plugin, bạn vào mục My WP Translate, tích vào ô Enable Translate Panel
Sau đó bạn chỉ việc tìm từ tiếng Anh muốn dịch & điền từ tiếng Việt tương ứng vào ô trống để dịch, rất không khó khăn.
7/ Vọc hết các tính năng trong Theme Option.
all các chức năng của giao diện bạn tải lên đều nằm ở mục Theme Option, ví dụ với theme mình vừa mới sử dụng có rất nhiều chức năng, ví dụ:
- General: cài đặt logo, UX, thêm tracking code, Google API,…
- Font: Chỉnh sửa font, gồm kiểu font, màu sắc, click cỡ,…
- Header: Tùy biến hiển thị khu vực bên trên theme
- Search: Tùy biến chức năng tìm kiếm
- Popup: Tùy biến popup tặng discount, thu thập mail
- Blog: Tùy biến chức năng blog
- social Network: Tùy biến công cụ share mạng xã hội
- …
Bạn hoàn toàn đủ nội lực tự chỉnh sửa và vọc các tính năng, kiểu dáng website, kiểu hiển thị theo mẹo của bạn.
8/ mẹo thêm hàng hóa và mục lục sản phẩm
Công việc này khá dễ dàng, nếu mong muốn thêm 1 sản phẩm, bạn vào all products => Add New:
Ở mục này mình sẽ xét đến món hàng dễ dàng không có biến thể (Ví dụ k có màu không giống, size khác,…) thì bạn chỉ cần:
- Đặt tên cho hàng hóa
- Up hình cho sản phẩm
- Đặt giá cho sản phẩm
- Đặt giá ưu đãi (không bắt buộc, nếu bạn điền giá này thì khách sẽ thấy giá thường bị ghạch ngang và thay bằng giá khuyến mãi)
Bạn đủ sức thêm giá discount, lúc này giá gốc sẽ hiển thị theo dạng bị gạch ngang.
Bạn đủ nội lực thêm món hàng vào mục lục có sẵn (hoặc tạo mới danh mục) ở cột bên phải.
Bạn đủ nội lực thống trị tất cả thư mục tại Products => Categories. Ở đây bạn đủ sức xóa/sửa thư mục có sẵn, thêm thư mục mới, sửa đường liên kết thư mục, thêm mô tả, chọn kiểu hiển thị, thêm hình thumpnail,…
Quay lại thao tác thêm sản phẩm, bạn đủ sức thêm hình sản phẩm & thư viện ảnh.
- ảnh hàng hóa là ảnh chính mà KH sẽ thấy khi vào trang món hàng (product image)
- Thư viện hình là những ảnh nhỏ bên dưới, khi khách bấm vào nó sẽ phóng lớn ra (product gallery)
Cuối cùng hãy ghi 1 đoạn mô tả ngắn & tùy chỉnh đường link cho món hàng và nhấn tải bài viết để hoàn thiện việc bài viết món hàng lên web
9/ Thêm các biến thể cho sản phẩm (Màu sắc, kích cỡ,…)
so với những hàng hóa có nhiều màu hoặc size, bạn phải đưa ra các chọn cho khác hàng, đầu tiên bạn phải setup plugin YITH WooCommerce Color and Label để sử dụng việc này.
Tương tự color, size cũng là 1 biến thể của hàng hóa, hoặc nếu bạn có những mặt hàng có nhiều loại (thuộc tính) không giống nhau, bạn hoàn toàn có thể xây dựng các biến thể này từ mục các tính chất.
10/ Tùy biến form đặt mua của KH.
Form mặc định đặt hàng có 1 số thông tin mà không phù hợp với đối tượng Việt Nam hoặc bạn cũng k cần xài đến như:
- ZipCode
- Tên doanh nghiệp
- quốc gia
- ….
Nếu bạn mong muốn xóa hoặc chỉnh sửa các mục ở đây, bạn nên cài plugin WooCommerce Checkout Manager. Sau khi cài xong bạn thiết lập nó bằng mẹo vào mục Woocheckout =>Setting và chỉnh sửa các thông tin giống như ý muốn rồi lưu cải thiện.
- Tick vào ô require nếu mong muốn khách bắt buộc phải điền thông tin đó
- Tick vào mục dấu x ở cuối nếu mong muốn xóa form đó
Tạm kết.
Sau khi bạn sử dụng xong 10 chỉ dẫn ở bài viết này, dường như bạn đã sử dụng được hoàn thiện 1 trang web bán hàng, tuy nhiên về WooCommerce nó có rất nhiều chức năng nữa như:
- mã giảm giá
- Các tiện ích mở rộng hỗ trợ bán hàng
- Tích hợp thanh toán
- ……
tất cả đều là các tính năng nâng cao. trước hết bạn hãy làm theo bài tut này, sau đó nếu bạn muốn mình chỉnh sửa hay chỉ dẫn chức năng nào, hãy cmt dưới đây, mình sẽ làm các video tut tương ứng.
Một ghi chú nữa, để làm cho website của bạn xinh thì bạn cũng phải cần những hình ảnh, banner xinh. Bạn đủ sức thuê designer riêng hoặc tự làm những pic đó, mình gợi ý 2 công cụ đễ sử dụng:
- Canva.com
- Designbold.com
Chúc bạn thực hành sự phát triển, hãy đặt câu hỏi ở mục cmt nếu có bất cứ thắc mắc nào nhé.
nguồn: kiemtiencenter.com