Hướng dẫn sử dụng module Sản phẩm
I. Video hướng dẫn sử dụng module Sản Phẩm
Cách thêm sản phẩm mới vào hệ thống quản trị website. Nội dung bao gồm từ việc nhập thông tin cơ bản như tên sản phẩm, giá, hình ảnh, cho đến các thiết lập nâng cao như mô tả chi tiết, SEO. Video sẽ giúp bạn dễ dàng thao tác, quản lý sản phẩm hiệu quả và chuyên nghiệp hơn.
(Video hướng dẫn sử dụng module quản lý Sản Phẩm sử dụng CMS Web Số)
II. Hướng dẫn quản trị danh sách sản phẩm
Sau khi đăng nhập vào trang quản trị , chúng ta sẽ đến với phần Sản Phẩm > Danh sách sản phẩm. Đây là các tính năng trong trang danh sách sản phẩm
(Hình hiển thị Module danh sách Sản Phẩm sử dụng CMS Web Số)
Chức năng chính
01 Chức năng
Nút có tác dụng xử lý hàng loạt cùng lúc các dòng đã chọn, gồm các chức năng có thể xử lý như :
- Xử lý theo : Vị trí hiển thị
- Xử lý theo : Chọn danh mục
- Trạng thái kho hàng
- Cho phép Công Cụ Tìm kiếm quét bài
- Cho phép Công Cụ Tìm kiếm tính là liên kết trả về cho seo: DOFOLLOW
02 Xóa
Xóa hoàn toàn, không thể khôi phục. Phần mục này sẽ hiển thị thông báo "Bạn có chắc muốn xóa không?" để xác nhận với người dùng việc xóa vĩnh viễn. Phản hồi sau khi xóa có thông báo "Xóa thành công"
*Chọn để xử lý hàng loại mục số 1
03 Thêm mới
Dùng để tạo mới tất cả các mục ( sản phẩm, bài viết, menu, dịch vụ, nội dung, khách hàng, .... )
* Trợ giúp
Liên kết đến trang hướng dẫn sử dụng chi tiết theo module hiện tại
Chức năng tìm kiếm
04 Từ khóa
Tìm kiếm bằng từ khóa
05 Danh mục
Chức năng tìm kiếm theo danh mục đã được thêm trước đó vào website tại trang Dach sách Menu. Khi click vào danh mục sẽ hiển thi ra danh sách các bài viết nội dung, sản phẩm thuộc danh mục đó.
*Chọn để xử lý hàng loại mục số 1
06 Vị trí hiển thị
Chức năng tìm kiếm nội dung theo vị trí hiển thị, phần chọn vị trí này sẽ hiện ở mục phân loại khi tạo bài viết , nội dung , sản phẩm. Một nội dung có thể xuất hiện ở nhiều vị trí khác nhau
*Chọn để xử lý hàng loại mục số 1
07 Thuộc tính
Là tùy chọn bổ sung cho trang hoặc đường dẫn
Noindex : Yêu cầu công cụ tìm kiếm không lưu trữ và hiển thị trong kết quả tìm kiếm
Nofollow: Yêu cầu công cụ tìm kiếm không truyền giá trị SEO qua liên kết.
08 Trạng thái hàng
Còn hàng và hết hàng: Giúp phân loại tình trạng sản phẩm
09 Ẩn / hiện
Tìm kiếm các sản phẩm - bài viết đang ẩn hoặc hiện trên website
*Chọn để xử lý hàng loại mục số 1
10 nút tìm kiếm
Thao tác tìm kiếm cho các mục : 4, 5, 6, 7, 8, 9
11 Reset
Xóa toàn bộ bộ lọc/từ khóa đã nhập và đưa kết quả tìm kiếm về trạng thái mặc định ban đầu.
12 Hàng tiêu đề
Nhận biết và phân loại thông tin trong bảng đang hiển thị, khi click vào những tiêu đề có liên kết màu xanh, sẽ tự động sắp xếp dữ liệu theo cột được nhấn.
Thao tác nhanh
13 Ô chọn (checkbox)
Dùng để chọn/bỏ chọn các bài viết , sản phẩm , nội dung trong trang danh sách. Khi tick vào ô này, bạn có thể thao tác hàng loạt
*Check chọn để xử lý hàng loại mục số 1
14 Vị trí hiển thị
Vị trí hiển thị trên website ( bao gồm chính ở thanh menu và trang chủ ). Có thể tùy chỉnh sắp xếp, số nhỏ hơn sẽ được ưu tiên hiển thị lên trước. Nếu nhiều sản phẩm cùng số, hệ thống sẽ sắp theo ID hoặc thời gian tạo.
15 Tiêu đề của sản phẩm , bài viết , nội dung
Nhận biết đúng tên sản phẩm , bài viết. Click vào tên tiêu đề này để có thể thao tác thêm , bớt hoặc điều chỉnh nội dung chi tiết bên trong
16 Lấy mã QR
Giúp chia sẻ sản phẩm - dịch vụ - bài viết dễ dàng qua QR thay thế cho đường dẫn URL
17 Danh mục
Hiển thị danh mục mà sản phẩm - bài viết này đang thuộc về. Có thể điều chỉnh thêm hoặc bớt tại trang danh sách. Một sản phẩm - bài viết có thể gán nhiều danh mục cùng một lúc.
*Check chọn để xử lý hàng loại mục số 1
** Có thể tìm kiếm hoàng loạt các nội dung cùng danh mục ở số 05
18 Hình ảnh/ File
Nơi hiển thị hình ảnh đại diện/Flie đã được tải lên của bài viết-sản phẩm. Tại trang danh sách có thể xem hình ảnh/file , xóa bớt hoặc tải lên
19 Giá sản phẩm
Hiển thị giá bán của sản phẩm. Bao gồm: giá khuyến mãi và gia gốc. Có thể điều chỉn mục này tại trang danh sách
20 Phân loại hiển trị trên website
Hiển thị các lựa chọn phân loại để có thể hiển thị trên website ( bao gồm chủ yếu là menu main và trang chủ ) Có thể điều chỉnh tại trang danh sách
*Check chọn để xử lý hàng loại mục số 1
** Có thể tìm kiếm hoàng loạt các nội dung cùng phân loại hiển thị ở số 06
21 Phiên bản sản phẩm
> Phiên bản sản phẩm là các lựa chọn về sản phẩm như : Màu sắc, kích thước , chất liệu .... Giúp gộp nhiều lựa chọn vào 1 sản phẩm chính, không cần tạo sản phẩm mới cho từng loại.
Khách hàng chỉ cần vào 1 trang sản phẩm sau đó lựa chọn ( Màu sắc, kích thước , chất liệu ... mong muốn ) Mỗi phiên bản có thể có mã riêng, số lượng tồn kho và giá khác nhau.
22 Nhóm sản phẩm
Gom nhiều sản phẩm riêng biệt vào cùng một nhóm để hỗ trợ bộ lọc tìm kiếm trên website khi khách hàng tìm kiếm sản phẩm theo tiêu chí cụ thể. ( Ví dụ : cùng thương hiệu, cùng dòng sản phẩm, cùng năm sản xuất, cùng chất liệu ,...)
Mỗi sản phẩm có thể tham gia vào nhiều phân nhóm khác nhau.
23 Ẩn / hiện trên website
Giúp quản lý nội dung tạm thời như: sản phẩm chưa sẵn sàng, bài viết chưa hoàn thiện → chọn Ẩn và chọn → Hiển thị khi đã hoàn tất. Trường hợp có thể sử dụng tính năng này như : Điều chỉnh khuyến mãi, sự kiện, ngừng kinh doanh tạm, thử nghiệm nội dung trước.
24 Còn hàng/ hết hàng
Có thể điều chỉnh tại trang danh sách , sản phẩm này còn hàng hay đã hết hàng
25 Xóa
Xóa hoàn toàn, không thể khôi phục. Phần mục này sẽ hiển thị thông báo "Bạn có chắc muốn xóa không?" để xác nhận với người dùng việc xóa vĩnh viễn. Phản hồi sau khi xóa có thông báo "Xóa thành công"
26 Google Index
Thao tác ẩn / hiện sản phẩm - bài viết lên Google (Index), hoặc mở nhanh liên kết sản phẩm trên Google Search Console
27 Nhân bản sản phẩm
Click vào để tạo một bản sao của sản phẩm khi muốn thêm các sản phẩm có tính giống nhau nhưng khác một số cần điều chỉnh ít hoặc hình ảnh.
Ví dụ : Website bán áo , muốn tạo thêm áo cùng kiểu nhưng khác màu → dùng nhân bản sản phẩm, chỉ chỉnh màu mà không phải nhập lại tất cả thông tin.
28 Follow - Nofollow
Follow: Liên kết mà Google theo và truyền giá trị SEO cho trang được liên kết.
Nofollow: Yêu cầu công cụ tìm kiếm không truyền giá trị SEO qua liên kết.
29 Chỉnh sửa
Click vào để chỉnh sửa nội dung trong website, cập nhật hoặc bổ sung thông tin để đảm bảo nội dung luôn chính xác, đầy đủ
30 Tổng số hiển thị
Thể hiện tổng số mục, sản phẩm, bài viết hoặc dữ liệu đang được liệt kê hoặc có trong website. Có thể lựa chọn số lượng hiển thị trên 1 trang danh sách
31 Danh sách trang
Hiển thị số trang danh sách và đánh dấu trang hiện tại đang thao tác
III. Hướng dẫn Thêm - Sửa Sản Phẩm
Sau khi vào trang danh sách sản phẩm , tiếp đến sẽ chọn vào ô < thêm mới > ở góc phải màn hình phía ảnh trên có số ký tự ( 03 ) để mở ra trang From để nhập các thông tin, đầu tiên chúng sẽ cùng tìm hiểu các tính năng ở phân mục này:
(Hình thêm - sửa Sản Phẩm sử dụng CMS Web Số)
Các chức năng chính sẽ bao gồm 4 phân mục: Khu vực thanh công cụ, thông tin sản phẩm, sản phẩm chi tiết , liên kết & SEO
Thanh công cụ
01 Lưu
Lưu lại các thao tác đang thực hiện , và giữ nguyên trang hiện tại.
02 Lưu và thêm
Lưu thao tác hiện tại và mở trang mới để thêm sản phẩm - bài viết khác.
03 Lưu và đóng
Lưu sản phẩm và quay về danh sách sản phẩm.
04 Trợ giúp
Hỗ trợ, hướng dẫn sử dụng từng mục trong trang quản trị dưới dạng video và văn bản.
Thuộc tính sản phẩm
05 Danh mục
Chọn danh mục cho sản phẩm. ( Danh mục đã tạo trước đó tại Menu )
06 Breadcrumb
Hiển thị phân cấp của sản phẩm trong danh mục.
07 Mã sản phẩm
Mã định danh sản phẩm (SKU, code).
08 Giá gốc / Giá bán
Giá niêm yết và giá bán thực tế hoặc giá sau khi khuyến mãi
09 Phiên bản sản phẩm
Cho phép tạo các phiên bản (màu, size...).
10 Trọng lượng
Nhập trọng lượng sản phẩm ( theo đơn vị gram )
11 Phân loại hiển thị
Lựa chọn nơi hiển thị sản phẩm (trang chủ, nổi bật,...).
Thao tác nhanh tại mục 19
12 Nhóm sản phẩm
Phân nhóm để lọc và quản lý sản phẩm.
( Video hướng dẫn sản phẩm nâng cao )
13 Chọn logo gắn lên hình
Chèn logo thương hiệu lên hình ảnh nội dung
( video hướng dẫn thêm hình ảnh logo công ty )
14 Vị trí logo
Căn chỉnh vị trí hiển thị logo trên ảnh
15 Chế độ canvas
Khi bật Canvas
Chế độ hình ảnh Canvas là nền ảnh trắng ( hoặc tùy chỉnh ở phần mục 16 ) giúp ảnh cắt theo tỉ lệ đã cài đặt với điều kiện giữ lại nội dung hình ảnh bên trong.
- Trường hợp ảnh nhỏ hơn khung chứa, ảnh sẽ không lấp đầy nên sẽ có khoảng trống ( màu nền của canvas ).
- Trường hợp ảnh lớn hơn khung chứa, ảnh sẽ bị cắt bớt theo kích thước khung hoặc thu nhỏ ảnh sẽ lọt vừa vào khung, nhưng có thể còn khoảng trống nếu tỷ lệ khung khác tỷ lệ ảnh.
Khi tắt Canvas
- Ảnh sẽ được co giãn toàn bộ để khớp với kích thước khung chứa, bất kể tỷ lệ gốc, nhờ vậy ảnh sẽ lấp đầy khung, không còn khoảng trống, tuy nhiên có thể bị biến dạng (kéo dãn, méo hình) nếu tỷ lệ khung khác với tỷ lệ ảnh gốc.
16 Chọn màu hình
Đặt màu nền được lấp đầy khoảng trống, khi chọn chế độ Canvas
17 Ảnh sản phẩm
Đăng tải ảnh đại diện sản phẩm, thao tác tải lên hoặc kéo thả
18 File
Đính kèm file (catalogue, hướng dẫn...).
20 Thứ tự - Số lần xem
Thứ tự sắp xếp hiển thị và lượt xem sản phẩm.
Thông tin sản phẩm
20 Tên Tiếng Việt
Tên tiêu đề sản phẩm (ngôn ngữ chính).
21 Nội dung thẻ H1
Thể hiện nội dung của cụ thể của bài viết, giúp công cụ tìm kiếm hiểu chủ đề chính của trang
22 Mô tả Tiếng Việt
Mô tả sơ lược về sản phẩm.
23 Chèn Cột Bootstrap
Công cụ chèn layout, kẻ cột, tạo khung sườn theo công cụ Bootstrap. Công cụ giúp chúng ta chia các khung chủ động, và có hỗ trợ tự động thay đổi bố cục cho phù hợp với thiết bị di động (Responsive).
(Xem thêm video hướng dẫn sử dụng công cụ chèn cột Boostrap)
24 Shortcode
Tính năng chèn Shortcode giúp chúng ta có thể móc nối dữ liệu trên toàn bộ website, đây là một đoạn code ngắn giúp lấy dữ liệu tùy ý theo từng module để hiện thị tại vị trí chèn mã, các nội dung lấy được như sau:
+ Lấy được toàn bộ nội dung như: sản phẩm, dịch vụ, tin tức(Blog), thư viện ảnh.... (Các dữ liệu có trên website)
+ Chèn được Form vào vị trí mong muốn.
(Xem thêm video hướng dẫn sử dụng công cụ chèn Shortcode)
25 Tab nội dung phụ
Thông tin, định dạng logo lên hình ảnh nội dung được bổ sung.
26 Nội dung Tiếng Việt
Nhập nội dung chi tiết về sản phẩm, có hỗ trợ định dạng text, hình ảnh, video.
( Xem thêm video hướng dẫn bộ soạn thảo văn bản )
Liên kết & SEO
27 Đường dẫn tiếng Việt
Đường dẫn sản phẩm ( hệ thống tự lấy mặc định ) nếu lỗi, mất, thay tên sẽ click vào mục < tạo lại đường dẫn > dưới tiêu đề chính
28 Liên kết Youtube
Coppy link youtube sau đó dán vào vị trí này , giúp hiển thị video nhưng không gây tốn dung lượng website
29 Liên kết file
Gắn file cho sản phẩm. ( file hướng dẫn sử dụng, Catalog, .... )
30 Phương thức hiển thị
Mở tại trang này hoặc mở tại tab mới
31 Thẻ tiêu đề
Nhập tiêu đề SEO cho sản phẩm
32 Cấu hình SEO – Mô tả
Nhập mô tả SEO
33 Từ khóa Tiếng Việt
Nhập từ khóa SEO. Mô tả nội dung chính của một trang web. Ngắn gọn, súc tích, hấp dẫn, mang tính kêu gọi hành động (CTA).
34 Tags Tiếng Việt
Gắn thẻ tag ( cụm từ khóa ) cho sản phẩm, hỗ trợ tìm kiếm và SEO.
35 Hỏi đáp
Thêm phần hỏi đáp liên quan đến sản phẩm.
36 Mã nhúng Script trước thẻ đóng HEAD
Đây là nơi chèn các đoạn mã (script) đầu trang , Chèn CSS, Thêm mã theo dõi như Google Analytics, Facebook Pixel.
37 Mã nhúng Script trước thẻ đóng BODY
Đây là nơi chèn các đoạn mã (script) cuối trang) , Chèn CSS, Chèn JavaScript cho các hiệu ứng, popup, slider,
IV. Các bước thêm mới một sản phẩm
Sau khi đã tìm hiểu và xem qua các chức năng tại từng vị trí , chúng ta sẽ cùng thao tác nhập các thông tin và hoàn thiện sản phẩm
Nhập thông tin cơ bản
- Tên sản phẩm :
Nhập tiêu đề / tên sản phẩm rõ ràng, cụ thể về sản phẩm
- Danh mục :
Chọn danh mục sản phẩm đã tạo trước đó trong menu. Yêu cầu chọn phù hợp và đúng với sản phẩm vì khi chọn sai sản phẩm sẽ không hiển thị theo danh mục cần.
( xem video tạo menu )
- Nhập mã sản phẩm và giá bán :
Nhập đầy đủ thông tin giá ( bao gồm giá gốc và giá khuyến mãi ) để khách hàng nắm bắt về sản phẩm và mã sản phẩm giúp quản lý sản phẩm dễ dàng hơn.
- Mô tả sản phẩm :
Mô tả ngắn gọn giới thiệu những đặc điểm nổi bật của sản phẩm, phần này sẽ hiển thị phía tay phải trên trang chi tiết , giúp khách hàng nắm sơ lược về sản phẩm trước khi tìm hiểu chi tiết về sản phẩm.
- Nội dung chi tiết :
Nhập vào nội dung chi tiết đã soạn thảo, chuẩn bị trước đó
Công dụng , thông số kỹ thuật , chất liệu , hướng dẫn sử dụng ,.....
Đăng tải hình ảnh
( video hướng dẫn thêm hình ảnh )
- Hình ảnh nội dung :
Là các hình ảnh được sử dụng trực tiếp trong bài viết, sản phẩm, dịch vụ nhằm minh họa, giải thích hoặc làm nội dung sinh động được đăng tải trong phần Nội dung chi tiết. Nên chọn hình ảnh rõ nét, thu hút và bắt mát
- Hình ảnh đại diện :
Là hình ảnh chính đại diện cho bài viết, sản phẩm, dịch vụ hoặc hiển thị khi ở trang dach sách. Giúp nhận diện đúng sản phẩm , dịch vụ khách cần tìm
Tính năng hỗ trợ tối ưu SEO
Vui lòng nhập đầy đủ các tính năng này giúp tăng trải nghiệm người dùng và hỗ trợ SEO.
Đường dẫn Tiếng việt
- Url : URL này được tạo tự động khi bạn thêm sản phẩm vào admin website.
- Link Youtube Tiếng việt : Để đưa video lên website mà không cần upload video lên hosting ( gây tốn dung lượng ), chỉ cần nhúng link YouTube.
- Liên kết Tiếng việt : Gắn liên kết đường dẫn khác vào đây để chạy liên kết này thay vì chạy theo tiêu đề, liên kết này sẽ được ưu tiên
- Phương thức Tiếng việt : Lựa chọn > mở tại trang hiện tại hoặc > mở trang mới
Cấu hình seo
- Tiêu đề trang Tiếng việt : Còn gọi là '' Tiêu đề cấu hình SEO'' giúp Google hiển thị trên kết quả tìm kiếm. Khác với tiêu đề hiển thị trên trang web, Tiêu đề cấu hình SEO vừa chứa từ khóa, vừa thu hút người đọc click.
- Mô tả từ khóa Tiếng việt : Đoạn mô tả ngắn hiển thị dưới tiêu đề SEO trên Google ( Chứa từ khóa chính, Thêm từ khóa phụ, Ngôn ngữ thu hút, kêu gọi hành động , ...... )
- Từ khóa Tiếng việt : Cụm từ người dùng gõ vào Google (hoặc công cụ tìm kiếm) để tìm thông tin. Người đăng tải sản phẩm, dịch vụ, bài viết cần nghiên cứu đúng từ khóa để viết nội dung hấp dẫn, đúng nhu cầu khách hàng.
- Tags Tiếng việt : Là nhóm cụm từ mô tả nội dung bài viết, sản phẩm. Trên trang, các tag thường hiển thị dưới bài viết và người dùng có thể bấm vào để xem tất cả bài viết cùng tag.
Thuộc tính và Phân nhóm sản phẩm
Về phiên bản sản phẩm ( thuộc tính ) và nhóm sản phẩm cùng một số tính năng nâng cao khác, tùy thuộc vào website sẽ có tính năng này thị anh chị có thể xem thêm hướng dẫn sản phẩm nâng cao tại đây >>> .
- Lưu và kiểm tra:
Khi hoàn tất về các mục trên phần sản phẩm anh chị kiểm tra lại nội dung và hình ảnh một lần nữa, sau đó chọn <Lưu >