Kích hoạt mua hàng

Để tiếp tục với hướng dẫn này, hãy đảm bảo bạn đã hoàn thành tích hợp cửa hàng và tạo ít nhất một sản phẩm như mô tả trong hướng dẫn thêm sản phẩm trước đó.

Bây giờ bạn đã có sản phẩm, bạn cần một cách để hiển thị chúng cho người dùng. Adapty cung cấp cho bạn ba lựa chọn:

Flow Builder (nên dùng): Trình chỉnh sửa trực quan không cần code cho toàn bộ hành trình mua hàng. Adapty SDK render kết quả trực tiếp, nên bạn không cần viết code UI.
Paywall thủ công: Bạn tự tạo paywall, gắn sản phẩm vào đó và tự render UI trong code ứng dụng.
Adapty Paywall Builder (Legacy): Trình chỉnh sửa paywall không cần code.

Cả hai lựa chọn đều kết thúc theo cùng một cách: bạn gắn thứ mình đã tạo vào một placement. Placement là thứ ứng dụng của bạn gọi tại runtime để lấy nội dung phù hợp cho đúng người dùng.

Flow Builder hiện hỗ trợ iOS, Android, React Native, Flutter và Capacitor SDK v4 trở lên. Hỗ trợ cho các nền tảng khác sẽ sớm ra mắt.

Một flow là một hoặc nhiều màn hình có sản phẩm được nhúng trực tiếp. Bạn thiết kế nó trong Flow Builder — không cần viết code. SDK Adapty render flow ngay trên từng nền tảng. App của bạn gọi getFlow, và SDK sẽ hiển thị các màn hình, xử lý giao dịch mua, và báo cáo các sự kiện. Không cần viết code UI riêng, không cần duy trì paywall song song.

1. Tạo flow

Vào Flows trong menu chính của Adapty.
Nhấn Create flow và thiết kế flow của bạn.

Tìm hiểu thêm về Adapty Flow Builder.

Các hướng dẫn theo mẫu dưới đây sẽ hướng dẫn từng bước cho những pattern phổ biến nhất:

Tạo màn hình paywall cơ bản

Hướng dẫn từng bước để xây dựng màn hình paywall tiêu chuẩn trong Flow Builder.

Hiển thị tất cả gói trong một bottom sheet

Xây dựng một paywall hero với một CTA duy nhất, một liên kết 'Hiển thị tất cả gói', và một bottom sheet hiển thị toàn bộ danh sách sản phẩm.

Tạo paywall với các tab

Xây dựng màn hình paywall với hai tab chuyển đổi giữa các danh sách tính năng, nhóm sản phẩm và hành động mua khác nhau.

Hiển thị các tính năng khác nhau theo sản phẩm

Hiển thị danh sách tính năng khác nhau tùy theo sản phẩm người dùng chọn, sử dụng hiển thị có điều kiện.

Xây dựng flow onboarding cá nhân hóa

Hướng dẫn toàn bộ quy trình xây dựng flow onboarding nhiều màn hình — các màn hình, nội dung, điều hướng, và phân nhánh có điều kiện — thông qua một ví dụ thực tế.

Sau khi flow đã được lưu và xuất bản, hãy tiến hành kết nối nó vào một placement.

Đừng quên xuất bản flow! Nếu bạn không xuất bản, bạn sẽ không thể thêm flow vào placement.

2. Thêm flow vào placement

Tạo một placement Placement là một điểm cụ thể trong ứng dụng của bạn nơi bạn hiển thị flow, paywall, onboarding hoặc A/B test. Placement cho phép bạn nhắm mục tiêu đến các đối tượng cụ thể với nội dung của mình. Tìm hiểu thêm về placements. để ứng dụng của bạn có thể yêu cầu flow trong thời gian chạy.

Hãy bắt đầu với placement quan trọng nhất — placement onboarding. Sau đó, bạn có thể thêm nhiều placement có ý nghĩa hơn trong suốt hành trình người dùng.

Truy cập Placements trong menu chính của Adapty và chuyển sang tab Flows.
Nhấp Create placement.
Nhập Placement name (ví dụ: main hoặc onboarding). Đây là tên định danh nội bộ trong Adapty Dashboard.
Nhập Placement ID. Bạn sẽ dùng ID này trong Adapty SDK để tải flow của placement.
Nhấp Run flow và chọn flow bạn vừa tạo.
Nhấp Save & publish. Trong code ứng dụng của bạn, bạn chỉ cần hardcode các placement ID. Mọi thứ khác — flow nào chạy, sản phẩm nào được bán, giao diện trông như thế nào — đều được cấu hình trên Adapty Dashboard và có thể thay đổi bất cứ lúc nào mà không cần cập nhật ứng dụng.

Adapty cho phép bạn hiển thị các flow khác nhau cho các nhóm người dùng khác nhau và phân tích hiệu suất. Tìm hiểu thêm về đối tượng và A/B test.

1. Tạo một paywall

Vào Paywalls trong menu chính của Adapty.
Nhấn Create paywall.
Nhập Paywall name. Đây là tên định danh nội bộ trong Adapty Dashboard.
Nhấn Add product và chọn các sản phẩm muốn hiển thị trên paywall.
(Tùy chọn) Mở tab Remote config và thêm JSON payload mà ứng dụng cần (tiêu đề, nội dung, feature flag). Xem Thiết kế paywall với Remote Config để biết thêm chi tiết.
Nhấn Create as a draft, sau đó xuất bản khi sẵn sàng.

Bạn sẽ render paywall này trong code ứng dụng của mình. tự triển khai paywall Xem hướng dẫn cho nền tảng của bạn: iOS, Android, React Native, Flutter, Unity.

2. Thêm paywall vào một placement

Tạo một placement Placement là một vị trí cụ thể trong ứng dụng của bạn, nơi bạn hiển thị flow, paywall, onboarding hoặc A/B test. Placement cho phép bạn nhắm mục tiêu đến các đối tượng cụ thể với nội dung của mình. Tìm hiểu thêm về placements. để ứng dụng có thể yêu cầu paywall khi chạy.

Hãy bắt đầu với placement cơ bản nhất — placement onboarding. Sau đó, bạn có thể thêm nhiều placement có ý nghĩa hơn trong suốt hành trình người dùng.

Vào Placements trong menu chính của Adapty và chuyển sang tab Paywalls.
Nhấn Create placement.
Nhập Placement name (ví dụ: main hoặc onboarding). Đây là định danh nội bộ trong Adapty Dashboard.
Nhập Placement ID. Bạn sẽ dùng ID này trong SDK để tải paywall của placement.
Nhấn Run paywall và chọn paywall vừa tạo.
Nhấn Save & publish.

Trong code ứng dụng, bạn chỉ cần hardcode các placement ID. Mọi thứ còn lại — paywall nào sẽ chạy, sản phẩm nào được bán, Remote Config — đều được cấu hình trong Adapty Dashboard và có thể thay đổi bất kỳ lúc nào mà không cần cập nhật ứng dụng.

Adapty cho phép bạn hiển thị các paywall khác nhau cho từng nhóm người dùng và phân tích hiệu suất. Tìm hiểu thêm về đối tượng và A/B test.

Paywall được xây dựng trong Paywall Builder là màn hình không cần code với các sản phẩm được nhúng trực tiếp. Adapty SDK render natively, vì vậy bạn không cần viết code UI.

Paywall Builder vẫn hoạt động đầy đủ, nhưng Adapty sẽ không bổ sung tính năng mới hay cập nhật cho nó nữa. Với các dự án mới, hãy sử dụng Flow Builder thay thế.

1. Xây dựng paywall

Vào Paywalls trong menu chính của Adapty.
Nhấp Create paywall.
Nhập Paywall name. Đây là tên định danh nội bộ trong Adapty Dashboard.
Nhấp Add product và chọn các sản phẩm để hiển thị trên paywall.
Mở tab Builder & Generator. Tạo paywall từ template hoặc tạo bằng AI.
Bật toggle Show on device để SDK có thể render nó.

2. Thêm paywall vào một placement

Tạo một placement Placement là một vị trí cụ thể trong ứng dụng của bạn, nơi bạn hiển thị flow, paywall, onboarding hoặc A/B test. Placement cho phép bạn nhắm mục tiêu đến các đối tượng cụ thể với nội dung của mình. Tìm hiểu thêm về placement. để ứng dụng của bạn có thể yêu cầu paywall trong thời gian chạy.

Truy cập Placements trong menu chính của Adapty và chuyển sang tab Paywalls.
Nhấp vào Create placement.
Nhập Placement name (ví dụ: main hoặc onboarding). Đây là mã định danh nội bộ trong Adapty Dashboard.
Nhập Placement ID. Bạn sẽ dùng ID này trong SDK để tải paywall của placement.
Nhấp vào Run paywall và chọn paywall bạn đã tạo.
Nhấp vào Save & publish.

Trong code ứng dụng, bạn chỉ cần hardcode các placement ID. Tất cả những thứ còn lại — paywall nào đang chạy, sản phẩm nào được bán, giao diện trông như thế nào — đều được cấu hình trong Adapty Dashboard và có thể thay đổi bất kỳ lúc nào mà không cần cập nhật ứng dụng.

Các bước tiếp theo

Giờ bạn đã có nội dung để SDK phân phối. Tiếp theo, hãy tích hợp Adapty SDK vào ứng dụng của bạn và bắt đầu lấy placement.