Thiết lập trang sản phẩm EGA Style trên Sapo

1. Layout trang sản phẩm

Truy cập Admin > Thiết lập giao diện > Trang sản phẩm > Layout trang sản phẩm

Thiết lập hiển thị mô tả ngắn sản phẩm

Thiết lập hiển thị bộ nút mua hàng cuối trang desktop

Thiết lập hiển thị nhóm sản phẩm đã xem, sản phẩm liên quan, sản phẩm cùng phân khúc giá

Thiết lập hiển thị bình luận Facebook

Thiết lập hiển thị đánh giá sản phẩm

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

Thiết lập Hiển thị / Ẩn video ở ảnh Sản phẩm

Truy cập Admin > Thiết lập giao diện > Trang sản phẩm > VIDEO TRONG ẢNH SẢN PHẨM

Thiết lập trong quản lý sản phẩm

Lưu ý

Bắt buộc nhập đúng cú pháp hướng dẫn

Bước 1: Vào trang admin, chọn sản phẩm muốn hiển thị video

Bước 2: Thêm ảnh thumbnail video lên ảnh, tên ảnh đặt theo cú pháp: video-[tên-ảnh]

Ví dụ: video-dam-voan-tang-ruby

Lưu ý

• Thứ tự xuất hiện của video tương ứng với vị trí ảnh thumbnail sản phẩm
• Nếu không upload ảnh thumb cho video, mặc định sẽ lấy từ thumbnail của video youtube và thứ tự của video sẽ xuất hiện đầu tiên ở slider ảnh sản phẩm

Bước 3: Sao chép (copy) mã video trong đường link youtube (Mã nằm sau dấu = trong link video youtube)

Bước 4: Thêm nhãn sản phẩm (tags) theo cú pháp: video_abc với abc là mã video vừa sao chép ở Bước 3

Ví dụ: video_AehgE3dWd3Y

Kết quả:

3. Khuyến mãi - Ưu đãi

Có 2 nơi để cài đặt Box KHUYẾN MÃI - ƯU ĐÃI này:

1 là Box riêng của từng sản phẩm:

Được thiết lập trong mô tả sản phẩm với tiêu đề KHUYẾN MÃI - ƯU ĐÃI định dạng Heading 6

2 là Box chung cho mọi sản phẩm:

Logic hiển thị Khuyến mãi - Ưu đãi:

• Nếu sản phẩm có Box khuyến mãi riêng thì hiển thị Box khuyến mãi riêng của sản phẩm

• Nếu sản phẩm không có Box khuyến mãi riêng thì hiển thị Box khuyến mãi chung nếu được bật hiển thị

• Còn lại không hiển thị

4. Hướng dẫn chọn size

Option 1: Mở hướng dẫn chọn size từ trang nội dung

Option 2: Mở chức năng tư vấn chọn size

Thông tin tính toán để tư vấn size

Chọn lấy thông tin từ Google sheet

Copy đường dẫn file thông tin và dán vào ô đường dẫn Google Sheet mặc định trong cài đặt

File thông tin gồm 3 cột: Size - Số đo(cm) - Cân nặng(kg)

note

• Có thể cài đặt chung hướng dẫn chọn size cho mọi sản phẩm
• Hoặc chia nhóm sản phẩm với tag sản phẩm size_sheet_1, size_sheet_2, size_sheet_3. Mỗi nhóm tag tương ứng với 1 đường dẫn chọn size theo mẫu file như trên

5. Nhóm nút mua hàng

6. Gọi đặt mua

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

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

Các sản phẩm liên quan sẽ được hiển thị ở trang chi tiết sản phẩm. Điều này giúp tăng doanh số cho cửa hàng bởi vì khách xem được nhiều sản phẩm hơn. Sản phẩm được gợi ý theo danh mục (collection) hoặc theo thẻ (tag).

Sản phẩm liên quan theo Collection

Truy cập Admin > Thiết lập giao diện > Trang sản phẩm > SẢN PHẨM LIÊN QUAN > Chọn Hiển thị sản phẩm liên quan theo Collection

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

Sản phẩm liên quan theo Tag

Truy cập Admin > Thiết lập giao diện > Trang sản phẩm > SẢN PHẨM LIÊN QUAN > Chọn Hiển thị sản phẩm liên quan theo Tag

Thiết lập này chọn lọc sản phẩm liên quan theo tag nên nâng cao và linh hoạt hơn.

Các sản phẩm cùng tag liên quan sản phẩm hiện tại sẽ được lọc ra hiển thị tại đây nhanh chóng.

Ví dụ:

lienquan_ao

Lưu ý

Bạn có thể tạo ra nhiều bộ tag bắt đầu bằng tiền tố được quy định trong thiết lập

Ví dụ: tiền tố là sanphamlienquan (hoặc đặt rút gọn là splq hay lienquan tùy ý)

sanphamlienquan_vay

sanphamlienquan_dam

...

splq_vay

splq_dam

...

lienquan_vay

lienquan_dam

...

Hướng dẫn nhập tag cho sản phẩm liên quan

Vào trang admin > Danh sách sản phẩm > Chọn sản phẩm muốn thêm tag

Ở mục thêm Tags cho sản phẩm, bạn thêm tag phù hợp

Hướng dẫn nhập tag cho sản phẩm liên quan

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

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

Sản phẩm cùng phân khúc giá được lấy từ đâu?

Gồm 3 lựa chọn:

• Sản phẩm cùng loại: Lấy tất cả sản phẩm có cùng thông tin loại với sản phẩm (Thông tin loại được cài đặt trong thông tin sản phẩm)
• Sản phẩm cùng danh mục: Lấy tất cả sản phẩm có cùng nhóm sản phẩm với sản phẩm
• Tất cả sản phẩm: Lấy tất cả mọi sản phẩm

Giao động mức giá được so với sản phẩm đang xem như thế nào?

• Ví dụ giá sản phẩm đang xem là X. Ta cài đặt mức dao động là 30 (%) so với sản phẩm đang xem thì sản phẩm cùng phần khúc sẽ có giá từ X - 30%*X tới X + 30%*X

10. Biến thể màu

Truy cập Admin > Thiết lập giao diện > Trang sản phẩm > Biến thể màu

Nếu bạn có sử dụng biến thể màu cho sản phẩm, bạn có thể tuỳ chỉnh hiển thị cho các biến thể màu bằng màu sắc hay hình ảnh bằng các thiết lập dưới đây.

10.1 Ưu tiên hiển thị phiên bản màu sắc theo ảnh được tải lên theo quy ước tương ứng với mỗi màu

B1: Đặt tên ảnh muốn hiển thị cho biến thể màu theo cú pháp: color-ten-variant-mau-sac

Ví dụ:

• Variant màu Trắng → tên file ảnh color-trang.png

• Variant màu Đỏ → tên file ảnh color-do.jpg

• Variant màu Xanh dương → tên file ảnh color-xanh-duong.jpg

Kiểu ảnh có thể sử dụng là .png hoặc .jpg

B2: Upload ảnh vào mục Hình Ảnh Sản Phẩm

Upload ảnh cho variant màu hồng theo quy ước

B3: Chọn Ảnh sản phẩm(đặt tên theo quy ước)

Chọn kiểu hiển thị từ ảnh upload theo quy ước

Hiển thị trên website

10.2 Ưu tiên hiển thị phiên bản màu sắc theo ảnh variant của sản phẩm

Chọn kiểu hiển thị từ ảnh đại diện variant

Hiển thị trên website

Nếu không có ảnh ưu tiên theo quy ước 10.1 or 10.2 thì hiển thị như sau:

10.3 Kiểu hiển thị là Mã màu:

Hiển thị phiên bản màu sắc theo mã màu (mã hex) được thiết lập tương ứng với mỗi màu.

Thiết lập biến thể mã màu

10.4 Kiểu hiển thị là Ảnh:

Hiển thị phiên bản màu sắc theo ảnh được tải lên tương ứng với mỗi màu

Thiết lập biến thể ảnh màu

10.5 Hiển thị danh sách ảnh theo variant

Tính năng xem được nhiều hình ảnh của của 1 variant từ đó giúp khách hàng dễ dàng hình dung về sản phẩm và lựa chọn được sản phẩm đúng với nhu cầu của mình

Truy cập Admin > Thiết lập giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm

Bước 1: Chọn Hiển thị ảnh sản phẩm theo nhóm màu sắc trong setting

Bước 2: Đặt tên ảnh theo cú pháp sau: [ten-variant-mau-sac]-ten-bat-ky

• Ảnh có định dạng .png hoặc .jpg

• Tên ảnh = tên variant màu sắc viết không dấu, thay khoảng trắng bằng dấu gạch nối “-”

Ví dụ:

• Variant màu Trắng → tên file ảnh trang-ten-bat-ky.png

• Variant màu Đỏ → tên file ảnh do-ten-bat-ky.jpg

• Variant màu Xanh dương → tên file ảnh xanh-duong-ten-bat-ky.jpg

Bước 3: Upload ảnh vào mục ảnh sản phẩm

Upload ảnh vào mục ảnh sản phẩm

Hiển thị trên website

11. Chia sẻ mạng xã hội

Truy cập Admin > Thiết lập giao diện > Trang sản phẩm > Chia sẻ sản phẩm qua

Thiết lập các kênh chia sẻ sản phẩm

Hiển thị trên website

12. Hiển thị mã coupon dành riêng cho sản phẩm

Khi bạn muốn áp dụng mã khuyến mãi chỉ dành riêng cho một số sản phẩm thì bạn có thể thiết lập để mã khuyến mãi chỉ hiển thị cho sản phẩm đó.

Thực hiện như sau:

Bước 1: Cài đặt ứng dựng EGANY Tools vào website (Miễn phí)

Nếu chưa cài đặt thì truy cập và cài đặt theo link này. Sau khi cài đặt xong bạn sẽ thấy ứng dụng ở mục Ứng dụng đã cài đặt

Bước 2: Cài đặt Gooogle Chrome Extension EGANY Tools

Link Extension

Bước 3: Truy cập vào chi tiết sản phẩm và chọn Extension EGANY Tools > Quản lý Metafield

Bước 4: Nhập thông tin mã khuyến mãi vào metafield

Mẫu nhập liệu:

[icon]https://bizweb.dktcdn.net/100/448/042/files/68x114.png?v=1664502379713[/icon]

[title] Nhập mã: E10 giảm ngay 10%[/title]

[code]E10[/code]

[desc]Giảm ngay 10% cho đơn hàng thanh toán từ 1000K trở lên[/desc]

[info]Điều kiện coupon[/info]

Hướng dẫn upload icon và lấy link:

Truy cập Cấu hình > Quản lý file

Upload ảnh icon (kích thước khuyến nghị 80 x 114 px) và copy link icon paste vào mục 01.

Hiển thị tối đa

Bạn có thể thiết lập hiển thị tối đa 4 mã khuyến mãi cho sản phẩm từ metafield

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