Website thương mại điện tử là một kênh bán hàng không thể thiếu đối với người kinh doanh online. Chính vì vậy bài viết này mình sẽ hướng dẫn xây dựng, cách thiết kế website bán hàng bằng wordpress và woocommerce bằng hình ảnh chi tiết.
Nhằm giúp cho những người không biết quá nhiều kiến thức vẫn có thể dễ dàng làm theo và thành công được.
Hướng dẫn thiết kế website bán hàng bằng WordPress và Woocommerce:
Với mục đích bất kỳ ai cũng có thể xây dựng được web bán hàng miễn phí thì mình sẽ chọn một theme wordpress bán hàng miễn phí trước kết hợp với plugin bán hàng là woocommerce.
Bước 1: Chuẩn bị hosting và tên miền
Để có thể thực hành theo bài hướng dẫn làm web bán hàng miễn phí này thì yêu cầu bắt buộc là bạn phái có sẳn một website sử dụng nền tảng wordpress.
Nếu bạn muốn tiếp cận rộng hơn ngoài thị trường Việt Nam thì nên chọn Hostarmada, còn nếu chỉ muốn làm web bán hàng miễn phí loại đơn giản chỉ để trưng bày sản phẩm thì tham khảo hosting Azdigi nhé. Đó là theo kinh nghiệm sử dụng của mình.
Bước 2: Cài đặt wordpress cho website
Mình đã có một bài viết hướng dẫn về cách cài wordpress lên hosting để tạo ra một trang web sử dụng nền tảng wordpress.
Trên thực tế có 2 cách chính để cài đặt một website wordpress, bạn có thể tham khảo bài viết dưới đây.
- Tham khảo cách cài đặt wordpress lên website tại đây.
Bước 3: Cài đặt giao diện wordpress
Để cài đặt giao diện thì bạn chú ý đến 2 vấn đề đó là nếu dùng theme miễn phí thì sẽ không tối ưu và không đẹp như việc dùng các theme cao cấp được.
Nếu làm web bán hàng miễn phí bằng wordpress:
Nếu bạn muốn thiết kế website bán hàng bằng wordpress với theme miễn phí thì yêu cầu bạn phải biết về CSS và HTML thì giao diện lúc này mới đẹp được. Còn nếu không khi nhìn vào trang web đó chúng ta sẽ cảm thấy khá “cùi mía”.
Còn nếu sử dụng theme cao cấp thì sao?
Việc sử dụng theme cao cấp sẽ giúp người mới dễ tùy biến hơn, có thể tự mình tùy chỉnh màu sắc, bố cục và nhiều cách sắp xếp khác tốt hơn. Mình khuyến khích nên sử dụng theme Flatsome, vì nó được cộng đồng hướng dẫn rất nhiều, nó dễ tùy biến hơn những giao diện wordpress khác.
Quay lại nội dung bài viết, chúng ta sẽ xây dựng web bán hàng bằng theme miễn phí, mà không mất một xu nào vào việc thiết kế website.
Hướng dẫn làm web bán hàng với theme Astra miễn phí:
Bạn vào “Giao diện” bấm tiếp “Giao diện” và chọn “Thêm mới” như hình.
Ở phần này mình hướng dẫn sử dụng theme Astra nên mình sẽ tìm đến nó và cài đặt, bạn cũng có thể gõ “Astra” vào ô tìm kiếm để thao tác nhanh hơn.
Lúc này, trên màn hình xuất hiện rất nhiều demo (mẫu giao diện) cho bạn lựa chọn, việc của bạn bây giờ là tìm đến những bản demo không có chữ “PREMIUM” (đây là giao diện có phí – mất tiền).
Ở đây mình chọn mẫu “Brandstore” như hình.
Lưu ý: Nếu bấm chọn “Import Complete Site” tức là đồng bộ toàn trang web với mẫu có sẵn, còn nếu bạn bấm vào “Import Home Template” thì giao diện mẫu chỉ áp dụng cho trang chủ của bạn mà thôi .
Bạn làm theo các bước hướng dẫn như hình để hoàn thành quá trình up demo cho web bán hàng wordpress.
Sau khi xem kết quả là bạn đã khởi tạo xong một giao diện bán hàng cho mình rồi.
Bước 4: Cài plugin Woocommerce (nếu chưa có)
Thông thương sau khi up demo cho web bán hàng xong thì plugin cũng được tích hợp vào cùng luôn, nhưng nếu lỡ có lỗi nào đó, hoặc bạn dùng theme khác thì sẽ cài plugin woocommerce như sau:
Cài đặt plugin woocommerce:
Chọn menu “Woocommerce” chọn tiếp “Cài đặt”
Tại trang cài đặt, bạn bấm “Chung” và điền thông tin theo yêu cầu là được, giao diện hoàn toàn Tiếng Việt nên rất dễ dàng thực hiện nên mình sẽ không hướng dẫn kỹ.
Phần sản phẩm bạn cũng tùy chọn theo mong muốn riêng của mình.
Phần thanh toán bạn bấm nút “Bật” để chọn cách thanh toán khi giao hàng phù hợp nhất.
Cách thêm sản phẩm mới như thế nào?
Bạn chọn menu “Sản phẩm” sau đó bấm “Thêm mới”.
Ở trang mới bạn thực hiện các bước:
- Đặt tên cho sản phẩm
- Thêm mô tả dài cho sản phẩm
- Đặt giá bán và giá khuyến mãi (nếu có)
- Chọn thuộc tính cho sản phẩm như: Kiểu dáng, màu sắc….
- Thêm mô tả ngắn cho sản phẩm
- Upload ảnh đại diện và ảnh slide mô tả bên dưới sản phẩm
Bấm vào “Tải file” sau đó bấm “Chọn tập tin” . Sau khi chọn xong bấm “Open” là được.
Sau khi up ảnh xong, bạn chọn “Danh mục sản phẩm” tiếp tục bấm “Đăng” để cho phép hiển thị sản phẩm lên.
Sau khi hoàn tất bạn bấm “Xem sản phẩm”
Kết quả sẽ được một sản phẩm đơn giản như thế này.
Bước 5: Tùy chỉnh tiêu đề website
Để đặt tên cho website bạn bấm vào menu “Cài đặt” bên tay trái và chọn “Tổng quan”
Sau đó, bạn đặt tên website và khẩu hiệu theo mong muốn, lưu ý nó phải liên quan tâm đến sản phẩm cần kinh doanh.
Bước 6: Tùy chỉnh menu
Để tùy chỉnh menu sản phẩm, bấm “Giao diện” bên tay trái màn hình. Sau đó bấm “Menu”
Trang tạo menu xuất hiện, bạn bấm “tạo menu mới”
Tiếp tục bạn đặt tên “Menu”, bấm vào “Primary Menu (menu chính) và bấm chọn “Tạo trình đơn”.
Sau khi có menu mới, bạn bấm chọn “Trang, Danh mục sản phẩm…” phía bên tay trái và bấm “Thêm vào menu“
Kết quả được như hình bên dưới, bạn bấm “Lưu menu” để hoàn tất.
Menu sẽ có dạng như thế này.
Tạm kết
Bài viết này chỉ hướng dẫn thiết kế website bán hàng bằng wordpress ở mức cực kỳ căn bản, tuy nó chưa thể giúp bạn tạo ra được một website bán hàng miễn phí đẹp mắt, nhưng bước đầu thì nó cũng giúp bạn làm quen được cách tạo web bán hàng miễn phí bằng wordpress và woocommerce rồi.
Chúc bạn thành công!
