(1 tiếng) Làm website bán hàng siêu đẹp bằng Wordpress & WooCommerce

(1 tiếng) Làm website bán hàng siêu đẹp bằng WordPress & WooCommerce

By Thế Khương | Wordpress

Oct 10

Thế Khương

Bạn đang đọc bài viết trên blog của Thế Khương. Nhấn vào đây để tìm hiểu thêm.
Tips: Nếu như bạn là người mới, hoặc chưa thành thạo Wordpress. Bạn nên tìm đến khóa học bài bản về Wordpress để có lộ trình từng bước vững chắc. Đây là khóa học mà mình khuyến nghị: 7 giờ học Wordpress

Những website có mục blog, hoặc website tin tức thì bạn có thể dùng những giao diện sẵn có miễn phí cơ bản để làm rất dễ dàng, nếu bạn chưa biết làm, hãy tìm lại hướng dẫn này.

Nhưng đối với những bạn đang bán sản phẩm vật lý (quần áo, giày dép, đồng hồ,…) thì việc xây dựng 1 trang shop có tính năng đặt hàng là vô cùng cần thiết.

Đó là store online, nơi khách hàng có thể vào chọn & đặt hàng ngay trên tại web.

Lúc này, bạn cần tối ưu trang WordPress thông thường thành 1 cửa hàng với sự giúp đỡ của plugin WooCommerce mạnh mẽ mà miễn phí.

Ở bài viết này, với ngân sách siêu tiết kiệm, mình sẽ hướng dẫn bạn tự xây dựng bước từng bước theo cách dễ hiểu nhất từ lúc mua hosting cho tới khi hoàn thiện trang bán hàng.

Bạn có thể xem site demo tại: shop.thekhuong.com – Mình demo với 1 trang web clothing cho trẻ em nhìn rất đẹp & chuyên nghiệp.

GỢI Ý

Ưu đãi Special 2.0 có thể giúp bạn dễ dàng bắt đầu hoặc có nhiều kết quả hơn với kiếm tiền online hoặc kinh doanh online.

Hãy xem video sau đây, mình sẽ hướng dẫn bạn làm bước từng bước dễ dàng:

LẤY MÃ GIẢM GIÁ HOSTING/DOMAIN Được cập nhật theo thời gian thực

Hoặc bạn có thể sử dụng Hosting Godaddy $1/tháng (Có tặng kèm domain) để làm. Ở phần dưới đây, mình sẽ note lại các quy trình 1 cách ngắn gọn nhất.

1/ Mua hosting, giao diện & tải nội dung mẫu.

Bạn có thể xem những hướng dẫn cụ thể sau:

Về themes, bạn có thể bắt đầu với themes miễn phí, tuy nhiên nếu bạn muốn có sự đầu tư ngay từ ban đầu (Như ở video trên mình hướng dẫn), có thể chọn mua theme premium ở Themeforest

BẮT ĐẦU CHỌN THEME TẠI THEMEFOREST

Mình nhấn mạnh là ở Themeforest, bạn có thể tìm được những giao diện siêu đẹp, tương ứng với từng ngách mà bạn đang kinh doanh.

Chẳng hạn bạn đang làm 1 store về thực phẩm chức năng chuyên cho những người tập gym, bạn có thể đánh từ khóa ‘gym' vào ô tìm kiếm để nhận lại kết quả là những theme đẹp.

Bạn cũng có thể sắp xếp theo best seller hoặc trending.

Lưu ý khi bạn tải theme ở Themeforest về, bạn cần giải nén ở máy tính, sau đó chỉ upload file theme lên WordPress.

2/ Cài plugin Woocommerce

WooCommerce là plugin không thể thiếu khi làm 1 trang bán hàng, nó sẽ cho bạn rất nhiều tính năng, nhằm phục vụ mục đích bán hàng của bạn.

Cách cài đặt, cấu hình cơ bản, bạn hãy xem video đầu bài viết này.

3/ Chỉnh sửa Menu gọn gàng cho trang web.

Menu là các danh mục nằm ở đầu hoặc cuối trang. Ví dụ giao diện mà mình đang sử dụng demo có menu ở bên trên như thế này:

Nội dung mẫu có sẵn mà bạn import sẵn sẽ tự tạo ra menu. Để thêm, bớt menu hoặc các đối tượng trong menu 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 Chọn, hoặc nếu bạn muốn tạo 1 menu mới hoàn toàn theo ý bạn thì bạn nhấn vào tạo menu 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 có thể tùy biến đường dẫn 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 kéo các danh mục con xuống dưới danh mục chính, hơi lệch sang bên phải:

Bạn có thể vọc 1 số tính năng khác của menu như tùy chỉnh màu cho menu, thêm icon,…

4/ Tùy chỉnh font & màu chữ của font

Hầu như các giao diện bạn cài đặt là của nước ngoài, có thể font mặc định của họ không phù hợp với Việt Nam (Họ không sử dụng Google font) nên nhìn sẽ rất khó chịu.

Hoặc đơn giản bạn muốn đổi font, cấu hì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.

Mỗi theme sẽ có mục theme option riêng, bạn hãy tìm xem nó nằm ở đâu.

Bạn có thể chỉnh sửa được font cho từng loại 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/ Thay đổi logo & Favicon cho website của bạn

Nếu bạn chưa có logo, sẽ có 2 lựa chọn thuê thiết kế freelancer, hoặc cũng có thể tự design đơn giản thôi cũng được. Còn Favicon không bắt buộc, có thể có cũng có thể không cần.

Bạn cũng sẽ dễ dàng tìm được nơi để thay đổi 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 đã 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 bán hàng ở Việt Nam, bạn cần “Việt Hóa” những mục hay nút như “wishlist, add to cart, top rate product,..” để phù hợp với trải nghiệm người dùng.

Để việt hóa các mục này, bạn hãy cài plugin miễn phí có tên “Easiest Translation Plugin For WordPress” (Download tại đây)

Nếu bạn đã quên cách cài đặt plugin, có thể xem 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 đơn giản.

7/ Vọc hết các tính năng trong Theme Option.

Tất cả các tính 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 đang dùng có rất nhiều tính 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, kích cỡ,…
  • Header: Tùy biến hiển thị khu vực bên trên theme
  • Search: Tùy biến tính năng tìm kiếm
  • Popup: Tùy biến popup tặng ưu đãi, thu thập email
  • Blog: Tùy biến tính năng blog
  • Social Network: Tùy biến công cụ chia sẻ social

Bạn hoàn toàn có thể 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 cách của bạn.

8/ Cách thêm sản phẩm và danh mục sản phẩm

Công việc này khá dễ dàng, nếu 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 sản phẩm đơn giản không có biến thể (Ví dụ không có màu khác, size khác,…) thì bạn chỉ cần:

  • Đặt tên cho sản phẩm
  • Up ảnh cho sản phẩm
  • Đặt giá cho sản phẩm
  • Đặt giá khuyến mã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 có thể thêm giá khuyến mãi, lúc này giá gốc sẽ hiển thị theo dạng bị gạch ngang.

Bạn có thể thêm sản phẩm vào danh mục có sẵn (hoặc tạo mới danh mục) ở cột bên phải.

Bạn có thể quản lý toàn bộ thư mục tại Products => Categories. Ở đây bạn có thể xóa/sửa thư mục có sẵn, thêm thư mục mới, sửa đường link thư mục, thêm mô tả, chọn kiểu hiển thị, thêm ảnh thumpnail,…

Quay lại thao tác thêm sản phẩm, bạn có thể thêm ảnh sản phẩm & thư viện ảnh.

  • Ảnh sản phẩm là ảnh chính mà khách hàng sẽ thấy khi vào trang sản phẩm (product image)
  • Thư viện ảnh là những ảnh nhỏ bên dưới, khi khách click vào nó sẽ phóng to ra (product gallery)

Cuối cùng hãy ghi 1 đoạn mô tả ngắn & tùy chỉnh đường link cho sản phẩm và nhấn Đăng bài viết để hoàn thành việc post sản phẩm lên website

9/ Thêm các biến thể cho sản phẩm (Màu sắc, kích cỡ,…)

Đối với những sản phẩm có nhiều màu hoặc size, bạn phải đưa ra các lựa chọn cho khác hàng, đầu tiên bạn phải cài đặt plugin YITH WooCommerce Color and Label để làm việc này.

Tương tự color, size cũng là 1 biến thể của sản phẩm, hoặc nếu bạn có những mặt hàng có nhiều loại (thuộc tính) khác nhau, bạn hoàn toàn có thể tạo ra các biến thể này từ mục các thuộc tính.

Cách làm bạn hãy xem video đầu bài viết này.

10/ Tùy biến form đặt hàng của khách hàng.

Form mặc định đặt hàng có 1 số thông tin mà không phù hợp với thị trường Việt Nam hoặc bạn cũng không cần xài đến như:

  • ZipCode
  • Tên công ty
  • Quốc gia
  • ….

Nếu bạn 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 cách vào mục Woocheckout =>Setting và chỉnh sửa các thông tin như ý muốn rồi lưu thay đổi.

  • Tick vào ô require nếu 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 muốn xóa form đó

woocheckout

Tạm kết.

Sau khi bạn làm xong 10 hướng dẫn ở bài viết này, dường như bạn đã làm được hoàn thiện 1 trang web bán hàng, tuy nhiên về WooCommerce nó có rất nhiều tính 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. Đầu tiên bạn hãy làm theo bài hướng dẫn này, sau đó nếu bạn muốn mình chỉnh sửa hay hướng dẫn tính năng nào, hãy bình luận dưới đây, mình sẽ làm các video hướng dẫn tương ứng.

Một ghi chú nữa, để làm cho website của bạn đẹp thì bạn cũng phải cần những hình ảnh, banner đẹp. Bạn có thể thuê designer riêng hoặc tự làm những hình ảnh đó, mình gợi ý 2 công cụ đễ sử dụng:

Chúc bạn thực hành thành công, hãy đặt câu hỏi ở mục bình luận nếu có bất cứ thắc mắc nào nhé.

Đôi chút về Thế Khương

Sáng lập Kiemtiencenter - Kiếm tiền với affiliate từ 2013 // Thế mạnh : Inbound marketing, UI // Thích đọc bài trên Quora & lướt Reddit. Thích chia sẻ về MMO, marketing trên blog & xây dựng cộng đồng. Tìm hiểu thêm

Theo dõi mình trên Facebook
Xem tất cả bài viết

Ưu đãi Special có thể mang lại cho bạn nhiều kiến thức cốt lõi hơn, tăng tỉ lệ thành công của bạn với kiếm tiền online/kinh doanh online trong 2020 này. 10000+ độc giả Kiemtiencenter đã nhận thành công.

0 0
Article Rating
guest
504 Comments
mới nhất
cũ nhất vote nhiều nhất
Tài
Tài
2 months ago

Chào bạn, bạn có thể hướng dẫn giúp mình cách thêm banner vào một đường link tự tạo bất kì được không.

Phúc Lợi (Support)
Phúc Lợi (Support)
2 months ago

Chào bạn, mình vẫn chưa hiểu ý bạn, bạn có ví dụ minh họa không ?

Hoạch
Hoạch
3 months ago

Mình nâng cấp lên pHp7.4 xong k tương thích với một số plugins, mình quay lại pHp ban đầu mà web vẫn lỗi thì cần làm gì vậy b? Vì trong lúc thiết lập pHp7.4 mình có chỉnh sửa các thiết lập bên trong đó

Phúc Lợi (Support)
Phúc Lợi (Support)
3 months ago

Bạn giỏi và tự chỉnh sửa đc thì bạn chỉnh về lại ban đầu thôi, team ko hỗ trợ về code. Còn nếu k đc thì cài wordpress lại từ đầu.

Nguyễn Ngọc Tú
Nguyễn Ngọc Tú
3 months ago

Chào anh, cho em hỏi là làm trang web bằng wordpress có thể tự chuyển đổi từ cấu hình từ máy tính sang điện thoại ko ạ? Hay mình cần cài plugin nào khác và có giống như cài plugin của themes ko ạ?. Cảm ơn anh

Phúc Lợi (Support)
Phúc Lợi (Support)
3 months ago

Chào bạn, cái này tùy theme nhé, nếu theme có cấu hình riêng cho mobile thì nó tự hiển thị sao cho đẹp. Còn nếu không bạn thuê code để tối ưu giao diện trên mobile.

việt trần
việt trần
3 months ago

Cho mình hỏi mình cài đặt WooCommerce xong rồi. đến bước thêm sản phẩm mới ở mục dữ liệu sản phẩm không có phần nhập giá sản phẩm là lỗi gì hả bạn? Mong bạn trả lời giúp.

Phúc Lợi (Support)
Phúc Lợi (Support)
3 months ago

Bạn chụp hình cụ thể lên giúp mình, up ảnh lên upsieutoc.com rồi gửi link ở đây.

việt trần
việt trần
3 months ago

MÌNH ĐÃ TÌM ĐƯỢC LỖI. LÀ DO LỖI TRÌNH DUYỆT WEB

Thanh Long
Thanh Long
3 months ago

Cám ơn vì bài viết rất hay.
Anh cho e hỏi là một website cơ bản như thế này nếu mình cài đặt thì nên tính phí bao nhiêu ạ? Giả sử rằng khách hàng (người đặt hàng website) không rành về công nghệ, thì tính cả phí đăng ký hosting, domain, bảo trì khi gặp trục trặc,… thì mình nên tính người ta bao nhiêu là không quá đắt và cũng xứng đáng với công sức cài đặt của mình ạ. Đương nhiên domain thì tính theo giá nhà cung cấp và hosting thì giả sử là gói rẻ nhất.

Phúc Lợi (Support)
Phúc Lợi (Support)
3 months ago

Cái này tùy bạn thôi – làm để lấy công thì bạn lấy bao nhiêu thì lấy, nhưng mình nghĩ không nên quá 1tr ( ko tính chi phí hosting, domain..)

Hồng
Hồng
3 months ago

Khi có một đơn hàng trên WordPress đã tích hợp woocommerce và PayPal checkout , thì sau khi một khách hàng đặt hàng trên trang web thì mất bao lâu tiền của khách hàng đc chuyển vào TK paypal & mất bao lâu nữa có thể rút tiền từ paypal về tk ngân hàng ?

Phúc Lợi (Support)
Phúc Lợi (Support)
3 months ago

Bạn kết nối paypal thì khách thanh toán tiền về luôn, nếu k bị hold thì bạn muốn rút về tk ngân hàng lúc nào thì rút nhé.

Đạt
Đạt
4 months ago

Bạn có thể chia sẻ theme Cocco – Kids Store

Phúc Lợi (Support)
Phúc Lợi (Support)
4 months ago

Cái này ko share đc bạn nha – kiemtiencenter k share những theme hay plugin trả phí nữa để tôn trọng bản quyền và chất xám của người tạo ra.

Ha Nguyen
Ha Nguyen
4 months ago

Chi phí để xây dựng một website đơn giản để bán hàng cho người nước ngoài là bao nhiêu trên wordpress.org ?

Phúc Lợi (Support)
Phúc Lợi (Support)
4 months ago

Chi phí vào khoảng 1tr bạn nhé.

Hong Tran
Hong Tran
4 months ago

Nếu em đặt phương thức thanh toán trên website của mình là paypal thì sau khi khách hàng thanh toán bằng paypal xong thì làm thế nào em có thể rút tiền ạ ( em làm dropshipping )

Phúc Lợi (Support)
Phúc Lợi (Support)
4 months ago

Bạn kết nối thẻ visa vào paypal để rút về, bạn đọc bài này: https://kiemtiencenter.com/tao-paypal-lam-the-visa/

Hong Tran
Hong Tran
4 months ago

Vậy thời gian rút mất bao lâu ạ

Phúc Lợi (Support)
Phúc Lợi (Support)
4 months ago

chậm nhất là 4 ngày bạn nhé. nếu quá 4 ngày là có trục trặc và phải liên hệ với paypal.

nguyenvantiep
nguyenvantiep
5 months ago

bạn ơi cho mình hỏi tại sao mình tìm ko ra mục mikado option giống như trong video bạn hướng dẫn z

Tấn Trực (Support)
Tấn Trực (Support)
5 months ago

Chào bạn, mục mikado option là do trong video sử dụng theme mikado nên có nhé. Còn bạn dùng theme gì thì sẽ có phần settings/ option tương ứng, bạn xem thử theme của bạn nhé

nguyenvantiep
nguyenvantiep
5 months ago

bạn có thể add nói chuyện qua zalo giúp mình dc ko , giúp mình ,mình gửi cho bạn 1 khoản phí cũng dc ạ

Phúc Lợi (Support)
Phúc Lợi (Support)
5 months ago

Team k hỗ trợ trực tiếp bạn nhé, vấn đề của bạn cũng không có gì khó – mỗi theme có 1 mục tùy chỉnh riêng, bài trên vì sử dụng theme Mikado nên có mikado option – bạn đang dùng theme gì thì có mục theme options riêng của theme đó.
Bạn tìm trong Appearance => Theme options hoặc 1 vài theme hiển thị thẳng ra trang quản trị luôn.

nguyenvantiep
nguyenvantiep
5 months ago

mình tìm ra rồi , nhưng ko có sẵn mục demo , mình app thằng file zip và tất cả file nén vào rồi nhưng vẫn chưa có kết quả

Phúc Lợi (Support)
Phúc Lợi (Support)
5 months ago

Mục demo nằm trong theme options ấy bạn, bạn phải vào và import nó chứ k phải tải lên là có đâu.