Thiết Lập Chung

Thiết lập chung cho trang

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung

1.1. Favicon

Chọn Dùng Favicon, Tải lên hoặc Thay thế thành hình ảnh Favicon mới

1.2. Hình ảnh chia sẻ trang chủ

Bạn có thể Thay thế ảnh mới cho Hình ảnh chia sẻ trang chủ

1.3. Dùng công cụ nhận email khuyến mãi

Chọn Dùng công cụ nhận email khuyến mãi

Lưu ý:

Tính năng chỉ hoạt động khi đã thiết lập thành công mục Mailchimp trên giao diện
Xem thêm hướng dẫn thiết lập Mailchimp

1.4. Dùng nút quay lên đầu trang

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung

Chọn Dùng nút quay lên đầu trang

Khách hàng có thể dùng nút này để về nhanh lên đầu trang mà không cần phải cuộn chuột nhiều lần

2. Thiết lập chung cho sản phẩm

2.1. Dùng đánh giá sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Chọn Dùng đánh giá 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

2.2. Dùng app mua X tặng Y

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Chọn Dùng app mua X tặng Y

Lưu ý

App mua X tặng Y 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 khuyến mãi mua X tặng Y người dùng cần mua ứng dụng Mua X tặng Y 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

2.3. Dùng combo sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Chọn Dùng combo sản phẩm

Lưu ý

App combo 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 khuyến mãi combo sản phẩm người dùng cần mua ứng dụng Combo 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

2.4. Dùng app đa ngôn ngữ

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Chọn Dùng app đa ngôn ngữ

Lưu ý

App Đa ngôn ngữ 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 đa ngôn ngữ người dùng cần mua ứng dụng Ae Đa ngôn ngữ 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

2.5. Đổi ảnh khi rê chuột vào sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Chọn Đổi ảnh khi rê chuột vào sản phẩm

2.6. Dùng nút xem nhanh (desktop)

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Chọn Dùng nút xem nhanh (desktop)

Nút xem nhanh sẽ hiển thị khi khách rê chuột vào ảnh sản phẩm (ở danh sách sản phẩm)

2.7. Dùng nút thêm vào giỏ

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Chọn Dùng nút thêm vào giỏ

Trường hợp sản phẩm có:

Một biến thể (phiên bản): hiển thị nút Thêm vào giỏ → thêm ngay sản phẩm vào giỏ
Nhiều biến thể (phiên bản): hiển thị nút Tùy chọn → bạn được thiết lập hành động cho nút Tùy chọn này
- Đi đến trang chi tiết sản phẩm → chọn biến thể sản phẩm → Thêm sản phẩm vào giỏ
- Thêm nhanh sản phẩm ở Quickview (Popup Xem nhanh) → Chọn biến thể sản phẩm → Thêm sản phẩm vào giỏ

2.8. Giới hạn số màu hiển thị

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Giới hạn số màu hiển thị

Nhập số lượng vào ô thiết lập để giới hạn số lượng biến thể màu hiển thị.

2.9. Hiển thị ảnh sản phẩm theo nhóm màu sắc

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Chọn Hiển thị ảnh sản phẩm theo nhóm màu sắc

Tính năng giúp hiển thị được hình ảnh theo nhóm màu sắc.

Ví dụ: Sản phẩm có 2 biến thể màu sắc: Trắng và Nâu

Khi click vào biến thể màu Trắng thì chỉ hiển thị ảnh sản phẩm màu đen
Khi click vào biến thể màu Nâu thì chỉ hiển thị ảnh sản phẩm màu nâu

Để thiết lập được tính năng trên, bạn làm theo các bước sau:

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

2.10. Tỉ lệ ảnh sản phẩm

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thiết lập chung cho sản phẩm > Thay đổi Tỉ lệ ảnh sản phẩm

Giao diện có sẵn 3 tỉ lệ ảnh cho bạn lựa chọn:

Tỉ lệ 1:1 (ảnh hình vuông)
Tỉ lệ 2:3 (ảnh hình chữ nhật đứng)
Tỉ lệ 3:4 (ảnh hình chữ nhật đứng, chiều cao ảnh nhỏ hơn ảnh có tỉ lệ 2:3)
Tỉ lệ 4:3 (ảnh hình chữ nhật nằm)

3. Thông tin liên hệ chung

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Thông tin liên hệ chung

Thông tin liên hệ sẽ được hiển thị ở nhiều vị trí trên trang như:

Thông tin dưới chân trang
Nút gọi điện neo bên phải trang
Trang liên hệ

4. Màu sắc

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Màu sắc

Bạn click vào màu sắc cần thiết lập, chọn màu bằng cách chấm chuột vào vị trí màu muốn hiển thị hoặc nhập mã màu HEX vào ô nhập bên dưới.

Màu 1: là màu chủ đạo của trang (bao gồm các nút trên trang chủ, đường viền cho nút và nhiều vị trí khác không có thiết lập màu sắc riêng thì sẽ hiển thị theo màu 1)
→ Màu thanh trình duyệt trên thiết bị di động cũng được hiển thị theo màu 1
Màu chữ chính: Chữ hiển thị trên trang sẽ lấy theo màu này (ngoại trừ những chữ có thiết lập riêng)
Màu link khi hover: tức là khi rê chuột vào link thì chữ sẽ đổi sang màu này
Màu giá, màu nền % giảm giá, màu chữ % giảm giá
Màu nút thêm vào giỏ, màu chữ thêm vào giỏ, màu nút thanh toán

5. Meta keywords cho trang chủ (SEO)

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Meta keywords cho trang chủ (SEO)

Thẻ Meta Keywords là một trong những thẻ trên HTML. Meta Keyword được dùng để khai báo thuộc tính từ khóa với Google, giúp Google biết được website của bạn đang chứa những từ khóa gì, chủ đề của bài viết hay trang nội dung web đó là gì. Vì vậy loại thẻ này có vai trò quan trọng trong SEO.

Nhập vào những từ khóa chính của trang

6. Bộ nút icon liên hệ (desktop)

Bộ nút liên hệ được hiển thị neo ở góc dưới bên phải toàn bộ các trang trên desktop

Bao gồm 3 nút: Hotline, Zalo, Facebook Messenger

6.1. Hiển thị bộ nút

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Bộ nút icon liên hệ (desktop) > Chọn hiển thị bộ nút

6.2. Icon Hotline

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Icon Hotline

Bạn có thể thiết lập:

Bật / tắt hiển thị icon hotline
Thêm nội dung ghi chú cho nút (ghi chú này sẽ hiển thị khi khách hàng rê chuột vào nút).

Ghi chú

Số điện thoại sẽ được lấy theo thiết lập ở mục Thông tin liên hệ chung

6.3. Icon Zalo

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Icon Zalo

Bạn có thể thiết lập:

Bật / tắt hiển thị icon Zalo
Thêm nội dung ghi chú cho nút (ghi chú này sẽ hiển thị khi khách hàng rê chuột vào nút).
Thêm link chat Zalo theo ID tài khoản Zalo cá nhân hoặc OA ID Doanh nghiệp.

Cách lấy link chat Zalo:

Link chat Zalo có cú pháp https://zalo.me/ID
Trong đó:
- ID đối với tài khoản Zalo cá nhân là Số điện thoại sử dụng để đăng ký tài khoản đó hoặc Username của tài khoản.
- ID đối với tài khoản Doanh nghiệp là Official Account ID. Xem thêm hướng dẫn lấy OA ID

6.4. Icon Messenger

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Icon Messenger

Bạn có thể thiết lập:

Bật / tắt hiển thị icon Messenger
Thêm nội dung ghi chú cho nút (ghi chú này sẽ hiển thị khi khách hàng rê chuột vào nút).
Thêm link chat Messenger theo tài khoản Messenger cá nhân hoặc ID Doanh nghiệp.

Hướng dẫn nhập link Facebook Messenger

Trường hợp 1: Với Fanpage hoặc trang cá nhân đã tạo được @username

Cú pháp thiết lập:
Cách 1: https://m.me/[username]
Cách 2: https://www.messenger.com/t/[username]

Ví dụ: fanpage có link https://www.facebook.com/EGAnyTech thì username là EGAnyTech

--> Vậy link Facebook messenger là:

Trường hợp 2: Với Fanpage hoặc trang cá nhân chưa tạo được @username

Cú pháp thiết lập:
Cách 1: https://m.me/[ID Fanpage Facebook hoặc cá nhân]
Cách 2: https://www.messenger.com/t/[ID Fanpage Facebook hoặc cá nhân]

Ví dụ: fanpage có link https://www.facebook.com/Báo-giá-thi-công-điện-nước-tphcm-322183071720389 thì ID là 322183071720389

--> Vậy link Facebook messenger là

7. Bộ nút tối ưu chuyển đổi (dưới mobile)

7.1. Thiết lập chung cho bộ nút

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Bộ nút tối ưu chuyển đổi (dưới mobile)

Bộ nút sẽ hiển thị ở các trang mặc định như trang chủ, trang danh mục sản phẩm, trang tin tức, trang liên hệ,… Riêng trang chi tiết sản phẩm sẽ hiển thị những nút khác, hỗ trợ việc mua hàng được nhanh chóng hơn.

Bạn được thiết lập:

Ẩn / hiện toàn bộ các nút ở trang mặc định và trang sản phẩm
Ẩn / hiện nút mua hàng ở trang sản phẩm

7.2. Nút điều hướng (dạng liên kết)

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Nút điều hướng 1,2,3

Bạn có thể thiết lập:

Chọn vị trí hiển thị của nút: từ 1 đến 5
Nhập tiêu đề cho nút
Nhập liên kết: khi khách ấn vào nút thì sẽ đến liên kết được nhập
Tải lên ảnh icon của nút (khuyến nghị ảnh định dạng .png, kích thước 25px x 25px)

7.3. Nút gọi điện

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Nút gọi điện

Bạn có thể thiết lập:

Chọn vị trí hiển thị của nút: từ 1 đến 5 (chỉ áp dụng cho trang mặc định)
Tải lên ảnh icon của nút (khuyến nghị ảnh định dạng .png, kích thước 25px x 25px)
Số điện thoại sẽ được lấy theo thiết lập ở mục Thông tin liên hệ chung

7.4. Nút nhắn tin

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Nút nhắn tin

Bạn có thể thiết lập:

Chọn vị trí hiển thị của nút: từ 1 đến 5 (chỉ áp dụng cho trang mặc định)
Tải lên ảnh icon của nút (khuyến nghị ảnh định dạng .png, kích thước 25px x 25px)
Nhập link Facebook Messenger.

Hướng dẫn nhập link Facebook Messenger

Trường hợp 1: Với Fanpage hoặc trang cá nhân đã tạo được @username

Cú pháp thiết lập:
Cách 1: https://m.me/[username]
Cách 2: https://www.messenger.com/t/[username]

Ví dụ: fanpage có link https://www.facebook.com/EGAnyTech thì username là EGAnyTech

--> Vậy link Facebook messenger là:

Trường hợp 2: Với Fanpage hoặc trang cá nhân chưa tạo được @username

Cú pháp thiết lập:
Cách 1: https://m.me/[ID Fanpage Facebook hoặc cá nhân]
Cách 2: https://www.messenger.com/t/[ID Fanpage Facebook hoặc cá nhân]

Ví dụ: fanpage có link https://www.facebook.com/Báo-giá-thi-công-điện-nước-tphcm-322183071720389 thì ID là 322183071720389

--> Vậy link Facebook messenger là

7.5. Nút giỏ hàng

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Nút giỏ hàng

Bạn có thể thiết lập:

Chọn ẩn / hiển nút giỏ hàng (nút này chỉ hiển thị ở trang sản phẩm)
Tải lên ảnh icon của nút (khuyến nghị ảnh định dạng .png, kích thước 25px x 25px)

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Popup khi vao website

Bạn có thể thiết lập các mục sau:

Chọn ẩn / hiện popup
Nhập thẻ alt cho ảnh
Tải lên ảnh (kích thước chiều rộng gợi ý tối đa 800px)
Đặt chiều rộng và chiều cao chính xác cho hình ảnh để cải thiện CLS (https://web.dev/optimize-cls/)

9. Ảnh phương thức thanh toán

Truy cập Admin > Tùy chỉnh giao diện > Thiết lập chung > Ảnh phương thức thanh toán

Bạn có thể thiết lập các mục sau:

Tải lên ảnh (kích thước gợi ý tối 277x34px)
Đặt chiều rộng và chiều cao chính xác cho hình ảnh để cải thiện CLS (https://web.dev/optimize-cls/)
Nhập link liên kết khi nhấp vào ảnh
Nhập thẻ alt cho ảnh

Ảnh phương thức thanh toán sẽ hiển thị ở Chân trang và trang Giỏ hàng

Sau khi thực hiện theo hướng dẫn trên, bạn đã có thể Thiết lập chung cho giao diện trên Sapo. Trong quá trình thiết lập, nếu có thắc mắc vui lòng liên hệ support@egany.com

PreviousGiới Thiệu NextĐầu Trang

Last updated 2 days ago

Thiết Lập Chung