• Trang chủ
  • Xây dựng website
  • Bảo mật Website
  • Kiến thức SEO
  • Source Web
  • Tài liệu làm web
  • Trang chủ
  • Xây dựng website
  • Bảo mật Website
  • Kiến thức SEO
  • Source Web
  • Tài liệu làm web

Hướng dẫn xây dựng web bán hàng bằng wordpress mới nhất 2020

ATPMedia Bởi ATPMedia
23/11/2019
Trang chủ Kiến thức xây dựng website
Rate this post

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.

Xây Dựng Web Bán Hàng Bằng WordPress

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.IFrame

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.

lưu ý khi bạn đăng 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 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.

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

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:

IFrame

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

Tags: cách tạo 1 trang web bán hàng online miễn phíhướng dẫn làm website bằng wordpresshướng dẫn tạo websitetạo website bán hàng bằng wordpress miễn phítạo website bán hàng miễn phí tốt nhấttạo website bán hàng với woocommerce và wordpresstheme wordpress bán hàngtheme wordpress bán hàng chuẩn seo freeXây dựng web bán hàng bằng wordpress
ATPMedia

ATPMedia

Bài Viết Tiếp Theo
Hiện đường Lưới Trong Excel 2007

Những kiểu hiện đường lưới trong excel 2007 thường gặp.

Bài Viết Mới.

Cách đăng Bài Lên Google

Hướng dẫn các cách đăng bài lên google mới nhất 2020

02/12/2019
Suy Nghĩ Của Em Về Nghề Nghiệp Trong Tương Lai

Suy nghĩ của em về nghề nghiệp trong tương lai, cách lựa chọn công việc phù hợp

19/11/2019
Công Cụ Truyền Thông Thương Hiệu

Những Công Cụ Truyền Thông Thương Hiệu Hiệu Quả Trong Kinh Doanh

15/06/2020
1 Cm Bằng Bao Nhiêu Pixel

1 cm bằng bao nhiêu pixel? tìm hiểu thêm về pixel

12/12/2019
Cách Tính Lương Nhân Công Trong Xây Dựng

Cách tính lương nhân công trong xây dựng, và các phương pháp quản lí kinh tế tốt

25/11/2019
Hướng đối Tượng Là Gì

Hướng đối tượng là gì? tìm hiểu thêm về hướng đối tượng

02/12/2019
Cac Don Vi Do Do Dai

Tổng hợp cac don vi do do dai mới nhất 2020

02/12/2019
Tổng Hợp Cách để Trưởng Thành Hơn Thay đổi Cuộc đời Bạn Mới Nhất 2020

Tổng hợp cách để trưởng thành hơn thay đổi cuộc đời bạn mới nhất 2020

30/11/2019

XÂY DỰNG WEBSITE

Coder.com.vn là Blog chia sẻ kiến thức học lập trình miễn phí. Chuyên tổng hợp các bài viết về tài liệu học lập trình, với mong muốn tất cả mọi người ở khắp nơi trên thế giới được học lập trình miễn phí.

Chuyên mục

  • Trang Chủ
  • Source Web
  • Kiến Thức Seo
  • Bảo Mật Website
  • Tài Liệu Làm Web
  • Xây Dựng Website

Phần mềm - Công cụ

  • Brands
  • Alosoft
  • Seeding
  • Top Việc
  • Tổng Hợp
  • Quản Trị Nhân Sự

Liên kết

  • Topvui
  • Xe Mô Tô
  • Quản Lý Kho
  • Blog Việc Làm
  • Giải Pháp Việc Làm
  • Phần Mềm Miễn Phí

© 2019 | Thiết Kế bởi ATP MEDIA

  • Trang chủ
  • Xây dựng website
  • Bảo mật Website
  • Kiến thức SEO
  • Source Web
  • Tài liệu làm web

Xây dựng website đơn giản, tối ưu chi phí, chuẩn SEO và đồng thời cũng cung cấp các kiến thức hữu ích để bất kỳ ai cũng có thể thiết kế website đơn giản.