Trang Sản Phẩm

1. Layout trang sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Layout trang sản phẩm

Các tính năng trên trang sản phẩm đa số đều có thể thiết lập ẩn/hiện bằng cách ấn chọn hoặc bỏ chọn vào ô checkbox.

2. Layout ảnh trang sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Layout ảnh trang sản phẩm

3. Video trong ảnh sản phẩm

Lưu ý: Tính năng này chỉ áp dụng đối với website đang sử dụng version OmniAI của Sapo

Video hiển thị trên ảnh sản phẩm

Bước 1: Cấu hình Metafield

• Truy cập vào Cấu hình > Metafield > Sản phẩm

• Ấn thêm định nghĩa

• Điền thông tin định nghĩa cho metafield (nhập liệu giống như hình bên dưới) → Ấn Lưu

• Truy cập vào Tùy chỉnh giao diện > Trang sản phẩm > Video trong ảnh sản phẩm

• Nhập Không gian tên và khóa (ở bước trên) vào ô Metafield video

Bước 2: Nhập liệu link video Youtube vào Metafield của từng sản phẩm

• Vào trang admin, chọn sản phẩm muốn hiển thị video

• Đến mục Metafield của sản phẩm, Thêm link video Youtube vào trường Video

Video sẽ được hiển thị đầu tiên trong danh sách ảnh sản phẩm

4. Chia sẻ sản phẩm qua

Giao diện hỗ trợ chia sẻ trang sản phẩm qua các kênh:

• Facebook

• Messenger (chỉ hoạt động trên điện thoại)

• Pinterest

• Twitter

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Chia sẻ sản phẩm qua

5. Khuyến mãi - ưu đãi

5.1. Hiển thị chung cho tất cả sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Khuyến mãi - Ưu đãi

5.2. Hiển thị riêng cho từng sản phẩm

Lưu ý: Tính năng này chỉ áp dụng đối với website đang sử dụng version OmniAI của Sapo

Bước 1: Cấu hình Metafield

• Truy cập vào Cấu hình > Metafield > Sản phẩm

• Ấn thêm định nghĩa

• Điền thông tin định nghĩa cho metafield (nhập liệu giống như hình bên dưới) → Ấn Lưu

• Truy cập vào Tùy chỉnh giao diện > Trang sản phẩm > Khuyến mãi - ưu đãi

• Nhập Không gian tên và khóa (ở bước trên) vào ô Metafield

Bước 2: Nhập liệu nội dung Khuyến mãi - Ưu đãi vào Metafield của từng sản phẩm

• Vào trang admin, chọn sản phẩm muốn hiển thị Khuyến mãi - Ưu đãi riêng > Đến mục Metafield của sản phẩm

• Thêm nội dung vào trường Product promotion

6. Thiết lập Flash Sale

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Thiết lập Flash Sale

7. Trạng thái tồn kho

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Trạng thái tồn kho

Trạng thái tồn kho chỉ hiển thị với sản phẩm có bật quản lý tồn kho

Nếu setting có chọn “Hiển thị số lượng hàng tồn kho”. Thì trạng thái sẽ hiển thị ra số lượng tồn kho của sản phẩm (xem hình dưới)

8. Nút mua ngay

Hỗ trợ thiết lập nội dung nút mua ngay

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Nút mua ngay

Nếu không chọn "Mua tất cả sản phẩm trong giỏ hàng" thì khi ấn nút mua ngay khách hàng chỉ mua sản phẩm đang xem

9. Nút thêm vào giỏ

Hỗ trợ thiết lập nội dung nút thêm vào giỏ

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Nút thêm vào giỏ

10. Kích thước sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Kích thước sản phẩm

Chỉ sản phẩm có thuộc tính trùng với tên được quy ước trong thiết lập mới hiển thị Nội dung kích thước sản phẩm

Giao diện hỗ trợ hiển thị 2 kiểu bảng:

NGANG (Horizontal)

Cột = Input, Dòng = Kết quả (cột đầu tiên là kết quả, các cột sau là input)

Ví dụ kiểu bảng ngang

DỌC (Vertical)

Cột = Kết quả, Dòng = Input (cột đầu tiên là input, các cột sau là kết quả)

Ví dụ kiểu bảng dọc

Hướng dẫn nhập liệu nội dung trang kích thước sản phẩm

1

Tạo trang nội dung kích thước

Toàn bộ kích thước liên quan đến sản phẩm được nhập liệu trong cùng 1 trang (xem ví dụ ở hình dưới)

2

Nhập thẻ h3 (tiêu đề 3) trùng với Loại sản phẩm

Ví dụ sản phẩm có loại là "Giày Sneakers / Giày Thời Trang", thì ở đầu nội dung kích thước Giày Sneakers / Giày Thời Trang hãy thêm tên loại tương ứng với định dạng là Tiêu đề 3

--> Khi khách ấn xem kích thước sản phẩm thì nội dung sẽ tự động hiển thị nội dung bảng size tương ứng

3

Nhập thẻ h6 (tiêu đề 6) để định dạng kiểu bảng

• Kiểu bảng ngang: Thêm vào trước nội dung bảng 1 trong các chữ Horizontal hoặc Ngang (hoặc Không thêm gì thì mặc định vẫn là kiểu bảng ngang)

  
• Kiểu bảng dọc: Thêm vào trước nội dung bảng 1 trong các chữ Vertical hoặc Dọc

  

Để công cụ hoạt động hiệu quả nhất:

1. Đảm bảo tên loại sản phẩm trong bảng size (thẻ <h3>) khớp hoàn toàn với Product Type của sản phẩm.

2. Sử dụng định dạng min-max (dấu gạch ngang) cho các khoảng giá trị.

3. Sử dụng dấu chấm . cho số thập phân.

4

Chọn trang kích thước đã tạo

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Kích thước sản phẩm > Chọn trang kích thước sản phẩm

5

Tùy chỉnh giao diện bảng size

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Tùy chỉnh giao diện bảng size > Thay đổi text phù hợp với cửa hàng của bạn

Bảng size

Gợi ý size phù hợp

11. Chính sách bán hàng

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Chính sách bán hàng

12. Mô tả sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Mô tả sản phẩm

13. Thông tin bổ sung

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Thông tin bổ sung 1,2,3

Nội dung thông tin bổ sung sẽ được lấy từ 1 trong 2 nguồn:

Từ trang nội dung (page)

Nội dung lấy từ trang nội dung sẽ hiển thị giống nhau ở tất cả sản phẩm

Bước 1: Tạo trang nội dung

Bước 2: Chọn nguồn là trang nội dung vừa tạo ở bước 1

Từ metafield của sản phẩm

Lưu ý: Tính năng này chỉ áp dụng đối với website đang sử dụng version OmniAI của Sapo

Nội dung lấy từ metafield sẽ hiển thị riêng cho từng sản phẩm

Bước 1: Cấu hình Metafield

• Truy cập vào Cấu hình > Metafield > Sản phẩm

• Ấn thêm định nghĩa

• Điền thông tin định nghĩa cho metafield (nhập liệu giống như hình bên dưới) → Ấn Lưu

• Truy cập vào Tùy chỉnh giao diện > Trang sản phẩm > Thông tin bổ sung

• Chọn nguồn lấy thông tin từ metafield

• Nhập Không gian tên và khóa (ở bước trên) vào ô Metafield

Bước 2: Nhập liệu nội dung bổ sung vào Metafield của từng sản phẩm

• Vào trang admin, chọn sản phẩm muốn hiển thị thông tin bổ sung

• Đến mục Metafield của sản phẩm, Thêm nội dung vào trường Thông tin người mẫu (tên này có thể thay đổi tùy vào Thông tin đã cấu hình ở bước trên)

14. Gợi ý sản phẩm mua cùng

Lưu ý: Tính năng này chỉ áp dụng đối với website đang sử dụng version OmniAI của Sapo

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Gợi ý sản phẩm mua cùng

Bạn có thể thay đổi Màu nền, tiêu đề, mô tả chung cho phần gợi ý

Thực hiện tiếp các bước sau để hiển thị danh sách sản phẩm gợi ý cho từng sản phẩm

Bước 1: Cấu hình Metafield cho sản phẩm gợi ý mua cùng

• Truy cập vào Cấu hình > Metafield > Sản phẩm

• Ấn thêm định nghĩa

• Điền thông tin định nghĩa cho metafield (nhập liệu giống như hình bên dưới) → Ấn Lưu

Bước 2: Cấu hình Metafield cho phần mô tả (nếu muốn hiển thị mô tả riêng cho từng sản phẩm)

• Truy cập vào Cấu hình > Metafield > Sản phẩm

• Ấn thêm định nghĩa

• Điền thông tin định nghĩa cho metafield (nhập liệu giống như hình bên dưới) → Ấn Lưu

Bước 3: Chọn sản phẩm gợi ý ở Metafield của từng sản phẩm

• Vào trang admin, chọn sản phẩm muốn hiển thị Sản phẩm gợi ý > Đến mục Metafield của sản phẩm

Bước 4: Nhập liệu mô tả ở Metafield của từng sản phẩm

• Vào trang admin, chọn sản phẩm muốn hiển thị mô tả riêng cho mục Gợi ý sản phẩm mua cùng > Đến mục Metafield của sản phẩm > Thêm nội dung vào trường Sản phẩm mua cùng - Mô tả

15. Đánh giá sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Layout trang sản phẩm > Tích chọn mục Hiển thị các đánh giá của sản phẩm

Lưu ý

• App đánh giá sản phẩm là ứng dụng có phí được tích hợp sẵn UI (phần hiển thị) trên giao diện.

• Để sử dụng được tính năng đánh giá người dùng cần mua ứng dụng Đánh giá sản phẩm trên kho ứng dụng của Sapo

• Cài đặt nhiều ứng dụng có thể gây ảnh hưởng tới điểm Google Pagespeed của theme

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Đánh giá sản phẩm > Thay đổi tiêu đề mục đánh giá sản phẩm

16. Sản phẩm liên quan

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Sản phẩm liên quan

Giao diện hỗ trợ hiển thị sản phẩm liên quan theo 3 cách sau:

Theo Collection

Hiển thị những sản phẩm có cùng Collection với sản phẩm đang xem

Theo Tag

Theo Tag và Collection

17. Sản phẩm cùng phân khúc giá

Truy cập Admin > Tùy chỉnh giao diện > Trang sản phẩm > Sản phẩm cùng phân khúc giá

Sau khi thực hiện theo hướng dẫn trên, bạn đã có thể thiết lập Trang sản phẩm cho giao diện. Trong quá trình thiết lập, nếu có thắc mắc vui lòng liên hệ [e-mail].