Thiết Lập Chung

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

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

4. 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ệ

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

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

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

Ảnh mang tính chất minh họa tính năng từ giao diện EGA Mart

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

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

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

Ảnh mang tính chất minh họa tính năng từ giao diện EGA Mart

5.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)

5.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ỏ

5.8. Hiển thị lựa chọn màu sác ở danh sách 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 Hiển thị lựa chọn màu sắc ở danh sách sản phẩm

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

Áp dụng cho bất kỳ nơi nào có thể chọn biến thể, bao gồm Trang nhóm sản phẩm, Trang sản phẩm và popup Xem nhanh. Chọn kiểu hiển thị:

  • Hiển thị ảnh của biến thể hoặc

  • Hiển thị dạng nút màu

Chọn kích thước:

  • Nhỏ

  • Vừa

  • Lớn

Chọn mã màu:

Ví dụ: Đen:#000000 Trắng:#FFFFFF Xanh dương:#0000FF Nâu:#A52A2A Xanh lá:#7FFF00 Socola:#D2691E Hồng:#FF00FF Vàng:#FFD700 Xám:#808080 Xanh lá:#00FF00 Hồng:#FF00FF Đỏ cam:#FFE4B5 Đỏ:#FF0000 Ô liu:#808000 Cam:#FFA500 Hồng:#FFC0CB Tím:#DDA0DD Xanh ngọc:#40E0D0 Hoặc có thể sử dụng Công cụ chọn nhanh mã màu

5.9. 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ệ 3:4 (ảnh hình chữ nhật đứng)

  • Tỉ lệ 4:3 (ảnh hình chữ nhật nằm)

Hoặc bạn có thể chọn custom và nhập tỉ lệ khác cho ảnh

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

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 và mobile

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

Bộ nút hiển thị trên desktop
Bộ nút hiển thị trên mobile

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ú

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)

8. Popup khi vào website

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/)

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ệuNextĐầu Trang

Last updated