ByteSky Hyper-Personalization
Hướng Dẫn Sử Dụng | ByteSky Hyper-Personalization

CÁ NHÂN HOÁ TRẢI NGHIỆM
BÙNG NỔ TỶ LỆ CHUYỂN ĐỔI

Trao quyền cho Marketer làm chủ mọi điểm chạm khách hàng.

1. Nền Tảng Tối Đa Hóa Doanh Thu

Biến website tĩnh của bạn thành một "nhân viên sale" thông minh 24/7. Thấu hiểu hành vi, dự đoán nhu cầu và cá nhân hóa riêng biệt trải nghiệm hiển thị để tạo ra hành trình mua sắm không điểm chạm.

Cá nhân hóa Real-time

Thuật toán xử lý tức thì ở cấp độ mili-giây. Ngay khi khách hàng truy cập, hệ thống lập tức tái cấu trúc giao diện và nội dung mà không gây bất cứ vấn đề về tốc độ tải trang.

🎯

Logic "Trigger" Kéo-thả

Xây dựng kịch bản nhắm mục tiêu bằng giao diện No-code thân thiện. Thiết lập các chuỗi quy tắc (AND/OR) chỉ trong vài nhấp chuột để khớp tiêu chuẩn tệp chân dung khách hàng.

📈

Khởi tốc Tỷ Lệ Chuyển Đổi

Giải quyết triệt để bài toán rớt phễu (Drop-off). Tung đúng thông điệp vào đúng thời điểm quyết định giúp nhân đôi tỷ lệ ra đơn (Conversion Rate) và giá trị vòng đời (LTV).

2. Bộ Động Cơ Targeting Đa Chiều

Khai phóng quyền năng từ dữ liệu người dùng. Hệ thống cung cấp bộ lọc tương tác đa điểm giúp bạn theo sát từng bước chân của khách hàng trên toàn bộ phễu mua hàng (Marketing Funnel).

3. Hướng dẫn cài đặt chi tiết

a. Logic vận hành riêng

  • Rule Engine Vô Tận (AND/OR): Khởi tạo các tổ hợp điều kiện hướng mục tiêu mà không cần tư duy lập trình. Bạn có thể xếp chồng hàng chục tiêu chí để lọc ra chân dung khách hàng sắc nét nhất.
  • Layering & Priority (Phân Phối Ưu Tiên): Kiểm soát tối đa rủi ro xung đột thông điệp. Theo mặc định, khi một User thỏa mãn cùng lúc nhiều kịch bản, hệ thống sẽ tự động đối chiếu mức độ ưu tiên (Priority Score) để đưa ra nội dung đắt giá nhất.
  • Môi trường Sandbox (Preview Mode): "What you see is what they get". Trải nghiệm trực quan góc nhìn của đối tượng mục tiêu ở chế độ Giả lập trước khi chính thức Publish chiến dịch ra toàn cầu.

b. Khởi tạo kịch bản trải nghiệm

1

Khám phá Control Center

Truy cập vào Bảng điều khiển trung tâm (Dashboard) của nền tảng để theo dõi toàn cảnh hiệu suất. Nhấp vào "Thêm Quy Tắc Mới" để kích hoạt luồng thiết lập (Workflow).

Khám phá Control Center
Khám phá Control Center 2
2

Cấu hình Trigger Kích hoạt

Hệ thống cung cấp danh mục Trigger phong phú. Thao tác lựa chọn đơn giản từ các biến số (Variables) giúp bạn xác định chính xác Đối tượng mục tiêu (Target Audience) của chiến dịch.

Cấu hình Trigger Kích hoạt

c. Cài đặt chi tiết

Hành vi Mua Hàng

Giá trị đơn hàng trung bình

Upsell thông minh bằng cách hiểu thói quen chi tiêu của khách! Khách VIP thường xuyên mua đơn lớn sẽ nhận được gợi ý mua hàng cao cấp, trong khi khách hay săn sale sẽ thấy các gói combo tiết kiệm hơn.

🚀 Thao tác thiết lập:

1
Tại trường điều kiện, bạn chọn mức 'Giá trị đơn hàng trung bình'.
2
Chọn phép tính (Ví dụ: 'Lớn hơn', 'Nhỏ hơn' hoặc 'Bằng').
3
Nhập mức chi tiêu bạn muốn nhắm tới (Ví dụ: 1,000,000đ).
4
Thiết lập nội dung VIP hiển thị riêng cho nhóm khách hàng này.
Hành vi Mua Hàng

Giỏ hàng bỏ quên

Khoảng 70% khách hàng thêm món đồ yêu thích vào giỏ nhưng lại rời đi! Đừng để tuột mất doanh thu. Tính năng này giúp bạn tự động hiển thị ưu đãi đúng lúc để 'kéo' họ về.

🚀 Thao tác thiết lập:

1
Lựa chọn điều kiện 'Giỏ hàng bị bỏ quên (theo số ngày)' trong danh sách.
2
Chuẩn bị một nội dung, VD như banner 'Tặng mã freeship' hoặc 'Giảm 10% nếu thanh toán ngay' để chốt sale.
Hành vi Mua Hàng

Ngày mua cuối

Sản phẩm của bạn (như mỹ phẩm, thực phẩm bổ sung, lõi lọc nước) có chu kỳ sử dụng cố định? Nhắc nhở tự động mua lại trước khi họ dùng hết!

🚀 Thao tác thiết lập:

Ước lượng thời gian khách dùng hết sản phẩm (Ví dụ: 30 ngày kể từ lần mua cuối). Sau đó cài đặt để khi trở lại web vào ngày thứ 28-30, họ sẽ thấy: 'Có vẻ sữa rửa mặt của bạn sắp hết, mua lại ngay với giá ưu đãi nhé!'. Từ đó giúp bạn giữ vững Lifetime Value (LTV) cho cửa hàng.

1
Chọn điều kiện "Ngày mua cuối của sản phẩm" và chọn sản phẩm
2
Cài đặt "thời gian kể từ lần mua cuối". Sau đó nhập shortcode hoặc mã html của nội dung/chương trình bạn muốn hiển thị.
Hành vi Mua Hàng

Sản phẩm trong giỏ

Công cụ giúp bạn trở thành bậc thầy cross-sell. Giống hệt cách nhân viên siêu thị mời bạn mua thêm kẹo cao su tại quầy thu ngân. Hay khi khách thêm gà rán vào giỏ - hãy bán thêm nước ngọt, giúp tăng AOV (Giá trị trung bình đơn) dễ dàng.

🚀 Thao tác thiết lập:

1
Chọn điều kiện "Sản phẩm có trong giỏ hàng" và kiểu khớp lệnh tương ứng: Có tất cả các sản phẩm hay chỉ cần có 1 vài trong số danh sách sản phẩm chỉ định.
2
Chỉ định một sản phẩm chủ đạo mà thuật toán sẽ theo dõi trong giỏ.
3
Khi sản phẩm đó xuất hiện trong giỏ hàng, lập tức hiển thị nội dung gợi ý có liên quan chặt chẽ ở khu vực dán shortcode/mã html bên phải.
Hành vi Mua Hàng

Số đơn hàng đã mua

Tạo vòng tròn đặc quyền (Secret Club) cho người hay mua sắm. Cảm giác được thưởng luôn là động lực mạnh nhất để trung thành.

🚀 Thao tác thiết lập:

1
Thiết lập điều kiện là số lượng đơn hàng (VD: Đã mua trên 5 đơn).
2
Hiển thị một thông điệp như: 'Cảm ơn đại sứ thương hiệu! Đây là bộ sưu tập Giày mới chỉ người mua trên 5 lần mới được chiêm ngưỡng.'
3
Không cho những ai dưới mức quy định được quyền xem.
Hành vi Mua Hàng

Tổng chi tiêu

Đây là thước đo quyền lực của LTV. Ai chi nhiều tiền hơn sẽ nhìn thấy website phiên bản xa xỉ hơn, với chế độ đãi ngộ 5 sao. Công cụ cá nhân hoá này giúp bạn thu hút khách hàng tiếp tục chi tiền bằng cách trao đặc quyền cho đúng người hay kích thích đúng lúc, đúng tệp khách đang gần chạm ngưỡng kỳ vọng.

🚀 Thao tác thiết lập:

1
Định nghĩa mốc chi tiêu (VD: Tổng số tiền từng mua sắm ở cửa hàng lớn hơn 10 Triệu).
2
If thỏa mãn, cài đặt chương trình/nội dung hiển thị ở cột bên phải: 'Quý khách đang ở trong chương trình Freeship toàn quốc, không giới hạn đơn.'
Hành vi Mua Hàng

Tổng giá trị giỏ hàng

Mồi câu kinh điển để tăng giá trị đơn hàng! Khách định mua 450K, freeship giá 500K? Hãy thông báo rực rỡ để họ 'cố' nhặt thêm món đồ.

🚀 Thao tác thiết lập:

1
Xác định mốc giá trị cần đạt (Ví dụ: 500,000đ).
2
Chọn điều kiện để hệ thống linh hoạt tính toán.
3
Banner tương tác (Live): 'Thêm 50.000đ nữa thôi để được Freeship tận giường!' sẽ xuất hiện kích thích họ.
Hành vi Mua Hàng

Đã mua các sản phẩm

Đừng chỉ hiển thị thứ bạn muốn bán, mà phải bán đúng thứ khách cần. Ví dụ như khách vừa mua iPhone 15, lần sau quay lại đừng bán iPhone 15 cho họ nữa! Hãy hiển thị ốp lưng và sạc nhanh - tỷ lệ chốt sẽ tăng vọt, thương hiệu ghi điểm mạnh bởi sự thông minh của hệ thống bán hàng.

🚀 Thao tác thiết lập:

1
Chỉ định mã ID hoặc chọn tên sản phẩm khách đã mua hoàn tất.
2
Cấu hình content hiển thị mà bạn muốn gợi ý cho khách ở cột shortcode/mã html bên phải.
Hành vi Mua Hàng

Đã mua từ danh mục sản phẩm

Nhận diện toàn diện 'Sở thích' của người mua (Persona). VD: Đối với người hay mua đầm công sở, hệ thống sẽ biến toàn bộ trang chủ của họ ngập tràn xu hướng thời trang nữ công sở mới nhất. Mỗi lần khách truy cập web, giao diện/banner chính lại tự động thay đổi theo đúng phong cách đó để tạo cảm giác 'Trang web này sinh ra cho mình', từ đó giúp khách dễ dàng đưa ra lựa chọn, đẩy nhanh tốc độ chốt đơn.

🚀 Thao tác thiết lập:

1
Chọn điều kiện "Đã mua từ Danh mục sản phẩm" ở danh sách điều kiện.
2
Chọn Danh mục sản phẩm (VD: Đồ Nữ, Công sở).
3
Cài đặt nội dung (banner/text/ ...) mà bạn muốn hiển thị tương ứng cho nhóm khách này. Bấm lưu nháp/đăng ở góc trên cùng bên phải.
Hành vi Mua Hàng

Đã sử dụng coupon

Mỗi tập khách hàng lại có thói quen và sở thích khác nhau. Có người nhạy cảm về giá - sẽ cực thích mã giảm, trong khi người giàu - thường thích dịch vụ nhanh mà không quá quan tâm về chi phí. Tiêu chí cá nhân hoá này giúp đo lường mức độ nhạy cảm về giá: Khách có dùng mã nào trong quá khứ không? Nếu có, bạn có thể nhắm mục tiêu họ bằng các mã Sale xả kho 'bí mật'. Còn nếu không, hãy tập trung làm nổi bật các gói dịch vụ như Đóng hàng cao cấp, Freeship hoả tốc, ...

🚀 Thao tác thiết lập:

1
Chọn điều kiện "Đã sử dụng Coupon" và chọn cơ chế chi tiết tương ứng, khoanh vùng khách đã từng sử dụng 1 mã coupon hoặc tất cả mã coupon trong danh sách coupon chỉ định.
2
Chỉ định mã coupon theo ý muốn.
3
Nhập nội dung cá nhân hoá ở cột bên phải & ấn lưu nháp/đăng.
Hành vi Duyệt Trang

Lịch sử truy cập trang

Khách hàng dạo xem đi xem lại trang 'Bảng Giá' quá nhiều lần? Họ đang phân vân đấy! Hãy thiết lập để tặng họ ngay một lời mời Tư Vấn miễn phí.

🚀 Thao tác thiết lập:

1
Chọn một trang cụ thể quan trọng (Ví dụ: Trang Báo Giá).
2
Xác định số lần họ lặp lại truy cập (Ví dụ: Xem lớn hơn 3 lần).
3
Tuỳ biến nội dung: 'Chúng tôi có thể giúp gì cho bạn lúc này?'
Hành vi Duyệt Trang

Tham số UTM từ URL

Bạn chạy quảng cáo Facebook/Google? Hãy đón tiếp họ thật hoàn hảo trên landing page của bạn bằng đúng thông điệp quảng cáo mà họ vừa nhấn vào. Tính năng này cho phép bạn hiển thị nội dung tùy chỉnh cho khách hàng dựa trên các thông số UTM gắn kèm trong URL mà họ truy cập. Hệ thống sẽ kiểm tra các điều kiện từ trên xuống dưới và hiển thị phiên bản nội dung đầu tiên đáp ứng TẤT CẢ các điều kiện mà bạn đã thiết lập.

🚀 Thao tác thiết lập:

1
Điền tên chiến dịch (Ví dụ: UTM Campaign = 'quatangme').
Tham số UTM từ URL 1
2
Thiết lập điều kiện hiển thị (Hiển thị NẾU TẤT CẢ các điều kiện sau đều đúng)
Chọn loại điều kiện: Tại menu thả xuống đầu tiên, hãy chọn "Tham số UTM từ URL".
Chọn tham số UTM: Tại mục "Tên tham số UTM", chọn một trong các thông số URL mà bạn muốn theo dõi:
utm_source (Nguồn)
utm_medium (Phương tiện)
utm_campaign (Chiến dịch)
utm_term (Từ khóa)
utm_content (Nội dung)

Chọn toán tử so sánh: Tại mục "Toán tử so sánh", chọn cách thức hệ thống kiểm tra giá trị của tham số UTM:
- Là một trong các giá trị: Nội dung sẽ hiển thị nếu tham số khớp chính xác với một trong các giá trị bạn nhập.
- Không phải là bất kỳ giá trị nào: Hiển thị nếu tham số không khớp với các giá trị bạn nhập.
- Chứa một trong các giá trị: Hiển thị nếu tham số có chứa (một phần) các giá trị bạn nhập.
- Không chứa bất kỳ giá trị nào: Hiển thị nếu tham số không chứa các giá trị bạn nhập.
- Tồn tại (bất kể giá trị nào): Hiển thị ngay khi tham số có xuất hiện trong URL.
- Không tồn tại: Hiển thị khi tham số không xuất hiện trong URL.
Nhập giá trị cần so sánh: Nhập các giá trị cụ thể tương ứng với toán tử đã chọn (ví dụ: sale, promo, tet). Nếu nhập nhiều giá trị, hãy cách nhau bằng dấu phẩy (,).
(Lưu ý: Nếu cần phức tạp hơn, bạn có thể nhấn nút "+ Thêm điều kiện (AND)" để kết hợp nhiều yêu cầu cùng lúc).
Tham số UTM từ URL 2
3
Nhập nội dung hiển thị: Tại ô "THÌ hiển thị nội dung này", bạn nhập đoạn Shortcode hoặc mã HTML mà bạn muốn hiển thị cho đối tượng khách hàng thỏa mãn các điều kiện trên.
Tham số UTM từ URL 3
4
Thiết lập điểm thưởng (tùy chọn): Tại mục "Điểm thưởng khi hoàn thành", nhập số điểm bạn muốn tặng cho khách hàng sau khi họ hoàn tất đơn hàng thành công thông qua phiên bản này. Nhập 0 nếu muốn vô hiệu hóa tính năng tặng điểm.
5
Kiểm tra và Lưu: Nhìn sang cột bên phải mục "Gợi ý & Ví dụ UTM", hệ thống sẽ tự động hiển thị URL trang đích hoàn chỉnh dựa trên các điều kiện UTM bạn đã thiết lập ở bên trái. Sau khi kiểm tra, nhấn nút "Lưu nháp" hoặc "Đăng / Cập nhật" ở phía trên cùng để áp dụng thay đổi.
Hành vi Duyệt Trang

Tổng số lần xem trang

Sàng lọc người dùng tiềm năng cao. Ví dụ một người đã lướt xem 15 trang web của bạn chắc chắn quan tâm sâu sắc hơn người lướt 1 trang rồi thoát. Tính năng này giúp bạn tiếp cận và nuôi dưỡng đúng người, đúng thời điểm (vì lúc này họ thực sự muốn tìm hiểu).

🚀 Thao tác thiết lập:

1
Cài đặt số lần lướt trang website (Pageviews) làm mốc kích hoạt.
2
Khi số lượng vượt mức quy định, popup 'Bí kíp chuyên sâu miễn phí' sẽ nhảy ra.
Hành vi Duyệt Trang

URL hiện tại

Mỗi trang web có một bối cảnh khác nhau. Trang giày dép chỉ nên bán kèm vớ/tất, chứ không nên mời mua mũ bảo hiểm.

🚀 Thao tác thiết lập:

1
Quy định trang bạn muốn chạy thông điệp (Bằng đường dẫn URL chi tiết hoặc có chứa từ khoá).
2
Tuỳ biến mọi thông điệp trên sidebar, header khớp đúng với sự quan tâm trong ngữ cảnh hiện tại.
Hành vi Duyệt Trang

URL truy cập gần nhất

Hỗ trợ điều hướng qua lại siêu thông minh: Biết khách hàng vừa ở nội dung nào để gợi ý/điều hướng họ đi tiếp hành trình mà bạn đã lên sẵn kịch bản. Ví dụ hệ thống lưu lại đường link cuối cùng khách vừa xem trước khi đến trang hiện tại. Từ đó bạn có thể dùng dữ liệu đó để cung cấp nút tắt: 'Quay lại giỏ thanh toán?' hoặc 'Xem bài viết tương tự phần 2'.

🚀 Thao tác thiết lập:

1
Chọn tiêu chí "URL truy cập GẦN NHẤT": Tại giao diện thiết lập quy tắc, ở menu thả xuống chọn loại điều kiện, bạn chọn "URL truy cập GẦN NHẤT".
2
Thiết lập toán tử so sánh URL: Tại mục ngay bên dưới, bạn chọn toán tử phù hợp để xác định cách hệ thống đối chiếu trang web:
- URL là: Nội dung hiển thị nếu trang người dùng đã xem khớp hoàn toàn với đường dẫn bạn nhập.
- URL chứa: Nội dung hiển thị nếu trang người dùng đã xem có chứa cụm từ/đường dẫn bạn nhập (phổ biến nhất).
- URL không phải là: Nội dung hiển thị nếu trang người dùng đã xem không trùng khớp với đường dẫn bạn nhập.
- URL không chứa: Nội dung hiển thị nếu trang người dùng đã xem không chứa cụm từ bạn nhập.
3
Nhập đường dẫn (URL): Trong ô trống phía dưới toán tử, bạn nhập đầy đủ hoặc một phần đường dẫn trang web (ví dụ: https://...) mà bạn muốn hệ thống theo dõi. Nếu bạn muốn thêm nhiều trang web khác nhau để cùng kích hoạt nội dung này (áp dụng logic OR - chỉ cần khớp 1 trong số các trang đã liệt kê), hãy nhấn vào nút "+ Thêm URL khác (OR)".
4
Hoàn thiện nội dung và điểm thưởng: THÌ hiển thị nội dung này: Nhập nội dung (Shortcode hoặc mã HTML) sẽ hiển thị cho khách hàng thỏa mãn điều kiện URL trên. Điểm thưởng khi hoàn tất đơn hàng: Nhập số điểm muốn tặng cho khách hàng (nhập 0 để không tặng).
5
Lưu thiết lập: Nhấn "Lưu nháp" hoặc "Đăng / Cập nhật" để hoàn tất việc thiết lập quy tắc cá nhân hóa dựa trên hành vi truy cập.
Hành vi Duyệt Trang

URL đã truy cập

Tính năng này cho phép bạn cá nhân hóa nội dung dựa trên mức độ quan tâm của khách hàng (thể hiện qua số lần họ truy cập vào một đường dẫn nhất định).

🚀 Thao tác thiết lập:

1
Chọn tiêu chí "URL đã truy cập": Tại giao diện thiết lập quy tắc, ở menu thả xuống chọn loại điều kiện, bạn chọn "URL đã truy cập".
2
Thiết lập thông tin trang và tần suất:
URL cần kiểm tra: Nhập chính xác hoặc một phần đường dẫn trang web mà bạn muốn hệ thống đếm số lần truy cập của khách hàng.
Toán tử: Chọn cách thức so sánh số lần truy cập:
- Lớn hơn: Nội dung hiển thị nếu số lần truy cập vào trang đó cao hơn con số bạn nhập.
- Nhỏ hơn: Nội dung hiển thị nếu số lần truy cập vào trang đó thấp hơn con số bạn nhập.
- Bằng: Nội dung hiển thị nếu số lần truy cập vào trang đó đúng bằng con số bạn nhập.
Số lần truy cập: Nhập con số cụ thể làm mốc so sánh (ví dụ: 3 nếu bạn muốn tặng ưu đãi cho khách đã xem trang sản phẩm đó trên 3 lần).
URL đã truy cập
3
Nhập nội dung hiển thị: Tại ô "THÌ hiển thị nội dung này", nhập nội dung hoặc Shortcode/HTML phù hợp để khuyến khích hoặc chăm sóc khách hàng dựa trên hành vi truy cập của họ.
4
Thiết lập điểm thưởng: Ở mục "Điểm thưởng khi hoàn tất đơn hàng", nhập giá trị điểm thưởng nếu khách hàng thực hiện mua hàng sau khi đã đạt tần suất truy cập quy định. (Để 0 nếu không muốn tặng điểm).
5
Lưu thiết lập: Sau khi hoàn tất các bước trên, hãy nhấn "Lưu nháp" hoặc "Đăng / Cập nhật" để hệ thống bắt đầu theo dõi và áp dụng quy tắc này.
Thời gian & Lịch trình

Khoảng ngày

Sinh ra để dành cho các kỳ Flash Sale lớn (Black Friday, Lễ Tết). Bạn chỉ cần rảnh tay lên lịch trước 1 lần, hệ thống sẽ tự động tắt/bật nội dung quảng cáo thông minh.

🚀 Thao tác thiết lập:

1
Chọn thời điểm 'Bắt đầu' của đợt khuyến mãi (Ngày và Giờ).
2
Chọn thời điểm 'Kết thúc'.
3
Lưu lại. Nội dung chúc mừng lễ hoặc banner giảm giá sẽ chỉ xuất hiện đúng trong chu kỳ này!
Thời gian & Lịch trình

Khung giờ trong ngày

Bí quyết tạo thói quen săn deal cho khách hàng! Hiển thị ưu đãi ăn trưa vào đúng 11h, hoặc mã giảm giá cho 'cú đêm' mua sắm vào lúc 23h.

🚀 Thao tác thiết lập:

1
Thiết lập thời gian bắt đầu (Ví dụ: 22h00).
2
Thiết lập thời gian kết thúc (Ví dụ: 02h00 sáng).
3
Viết nội dung hấp dẫn (VD: 'Cú đêm săn sale - Giảm sốc 20%').
Thời gian & Lịch trình

Thứ trong tuần

Kích cầu cho những ngày vắng khách hoặc tạo sự kiện 'Đặc quyền cuối tuần'. Vòng lặp sẽ tiếp diễn tự động mỗi tuần mà không cần cài đi cài lại.

🚀 Thao tác thiết lập:

1
Tích chọn vào các ngày bạn muốn hiển thị nội dung (VD: Thứ Bảy và Chủ Nhật).
2
Cấu hình nội dung đặc biệt cho ngày hôm đó.
3
Tận hưởng sự tiện lợi của tự động hoá nội dung.
Hồ sơ & Chăm sóc

Khách có nguy cơ rời bỏ

Khách hàng cũ đã lâu không quay lại? Hãy cài đặt để hệ thống tự động gửi một thông điệp níu chân ngọt ngào ngay khi họ vừa lướt lại website. Hãy hệ thống sẽ thay bạn chăm sóc lại nhóm khách hàng này. Chi phí giữ chân luôn rẻ hơn tìm khách hàng mới!

🚀 Thao tác thiết lập:

1
Xác định mốc thời gian khách 'bỏ quên' bạn (Ví dụ: Khách Đã không mua hàng quá 45 ngày).
2
Chuẩn bị thông điệp Quyến rũ: 'Nhớ bạn quá, gửi bạn mã 50K cho lần trở lại này!' để điền vào khối thông tin cá nhân hoá bên phải dưới dạng shortcode hoặc mã html.
Hồ sơ & Chăm sóc

Loại khách truy cập

Tạo ấn tượng đầu tiên hoàn hảo bằng cách chia trải nghiệm trang chủ: Khách mới tinh thấy ảnh giới thiệu thương hiệu, khách quen thấy thẳng sản phẩm bán chạy.

🚀 Thao tác thiết lập:

1
Mở danh sách loại khách và chọn 'Khách lần đầu' hoặc 'Khách quay lại'.
2
Thiết kế riêng content, VD như một Popup tặng quà chào mừng cho 'Khách lần đầu' rồi gắn shortcode/mã html tương ứng ở mục bên phải.

4. HƯỚNG DẪN TẠO & TÍCH HỢP MẪU ELEMENTOR

a. Quy trình thiết kế & tích hợp mẫu Elementor cơ bản

Hướng dẫn xây dựng khối nội dung giao diện bằng Elementor và tích hợp vào hệ thống.

a. Nguyên lý cơ bản: Tư duy "Khối nội dung"

1
Cấu trúc Container: Dùng để bao bọc các phần tử (Widgets), thiết lập hướng (ngang/dọc) và khoảng cách linh hoạt.
Cấu trúc Container
2
Thành phần (Widgets): Các khối chức năng như Tiêu đề, Hình ảnh, Nút bấm được kéo thả vào trong Container.
Thành phần Widgets
3
Navigator: Bản đồ phân cấp giúp chọn đối tượng cần chỉnh sửa và thay đổi thứ tự hiển thị dễ dàng.
Container minh họa 1
Container minh họa 2

b. Quy trình thiết kế mẫu cơ bản

1
Chọn Giao diện > Tạo mẫu Elementor > Tạo mẫu mới > Sửa với Elementor.
Quy trình tạo mẫu mới Elementor
2
Thêm Container (Row/Column), tùy chỉnh Style (màu, phông) và Responsive (Desktop, Tablet, Mobile).
Thêm Container

c. Tích hợp mẫu vào hệ thống

1
Sau khi Publish mẫu, tại ô Shortcode, sao chép mã có dạng [my_block id="XXXX"].
2
Dán mã này vào cấu hình cá nhân hóa trong hệ thống để nội dung hiển thị cho người dùng.

b. Hướng dẫn cài đặt sản phẩm cá nhân hóa | Dạng Tab

Để tạo ra một giao diện hiển thị sản phẩm dạng Tab chuyên nghiệp như kết quả cuối cùng, bạn cần thực hiện theo 3 giai đoạn chính sau:

Giai đoạn 1: Tạo nội dung cho từng Tab (My Blocks)

Trước khi tạo Tab, bạn cần có nội dung riêng biệt cho mỗi Tab (ví dụ: Tab "Bổ não", "Xương khớp",...).

1
Truy cập vào khu vực quản lý mẫu nội dung (Tạo mẫu Elementor / My Blocks).
Truy cập My Blocks
2
Tạo mới hoặc chỉnh sửa các mẫu. Mỗi mẫu sẽ đại diện cho một danh mục sản phẩm.
Sau khi đặt tên mẫu, click vào button "Sửa với Elementor" để chuyển trang trình chỉnh sửa giao diện chi tiết.
Tạo mẫu mới 1
Tìm kiếm widget "BCE Trưng bày sản phẩm" ở ô Search và kéo widget này vào khoảng trống bên phải để chọn giao diện trưng bày sản phẩm của ByteSky.
Tạo mẫu mới 2
  • Đặt tên tiêu đề widget hoặc bỏ trống. Chọn "Nguồn dữ liệu sản phẩm", "Tiêu chí phân loại/tiêu chí lọc" và "Kiểu lọc phân loại" nhằm lọc được danh mục sản phẩm theo ý muốn.
Tạo mẫu mới 4
3
Sau khi lưu, bạn sẽ thấy cột Shortcode (ví dụ: [my_block id="3424"]). Hãy lưu lại các mã này, vì chúng sẽ được nhúng vào trong các Tab ở giai đoạn sau.
Lấy Shortcode

Giai đoạn 2: Thiết lập Bộ Tab (My Tabs ID)

1
Truy cập vào GIAO DIỆN > Slide tab | My Tabs ID.
2
Chọn Thêm bộ tab mới.
Truy cập My Tabs ID
3
Cấu hình từng Tab con:
Tiêu đề: Nhập tên Tab (VD: Bổ não, Tiêu hoá...).
Icon Tab: Tải lên ảnh hoặc SVG tương ứng để giao diện sinh động.
Nội dung (Quan trọng): Dán mã Shortcode của mẫu (Block) bạn đã lấy ở Giai đoạn 1 vào đây (ví dụ: hoặc các mã my_block tương ứng).
Cấu hình Tab con
4
Tuỳ chỉnh giao diện (Style):
• Cấu hình màu sắc cho các trạng thái: Trạng thái thường, Trạng thái chọn (Active - Thường) và Trạng thái chọn (Active - Nổi bật) để tạo hiệu ứng chuyển màu khi người dùng click vào.
• Điều chỉnh Kiểu hiển thị (Layout Style): Chọn "Icon ở trên, Gạch chân khi chọn" để đạt hiệu ứng như hình ảnh kết quả.
• Thiết lập Bo góc (Border Radius) và Căn chỉnh cho phù hợp với bố cục website.
Tuỳ chỉnh giao diện

Giai đoạn 3: Hiển thị Tab ra Website

1
Sau khi hoàn tất cấu hình trong "My Tabs ID", bạn lấy mã Shortcode đại diện cho cả bộ Tab đó.
Lấy Shortcode bộ Tabs
2
Truy cập trình chỉnh sửa trang ở module "Bài viết, Trang & Sản phẩm > Trang", click chọn "Sửa với Elementor/Edit with Elementor".
3
Tại vị trí muốn hiển thị, thêm một widget soạn thảo văn bản và dán Shortcode tương ứng của Tabs ID mà bạn đã tạo bên trên vào đây.
Dán Shortcode vào Elementor
4
Nhấn Publish/Cập nhật để hoàn tất.

Kết quả sẽ hiển thị như ảnh bên dưới:

Kết quả hiển thị

Tóm tắt cấu trúc vận hành

Để bạn dễ hình dung sự kết nối giữa các thành phần:

Thành phần Vai trò Công cụ sử dụng
My Blocks Chứa nội dung/sản phẩm cụ thể Trình tạo mẫu Elementor
My Tabs ID Gom nhóm các Blocks thành các tab Công cụ quản lý My Tabs
Shortcode Cầu nối đưa các tab ra trang chủ Trình soạn thảo văn bản

Với cách làm này, khi khách hàng truy cập website, họ sẽ thấy thanh công cụ các tab ở trên cùng. Khi họ nhấn vào mỗi biểu tượng (Icon), hệ thống sẽ tự động gọi đúng nội dung từ My Blocks tương ứng để hiển thị, tạo trải nghiệm mua sắm rất trực quan và gọn gàng.

Giỏ hàng

Danh sách Yêu thích

Zalo
Chọn số để gọi
Gọi điện thoại

Chào mừng trở lại!

Kết nối với chúng tôi ngay hôm nay để trải nghiệm những tính năng tuyệt vời nhất.

Tạo tài khoản

Miễn phí và chỉ mất 1 phút

Xác thực Email

Nhập mã 6 số chúng tôi vừa gửi đến email của bạn.

Khôi phục mật khẩu

Nhập email để nhận hướng dẫn đặt lại mật khẩu.