Flow & Paywall Builder

Important

Trước khi một flow có thể tiếp cận người dùng, flow đó cần một SDK mới hơn và một placement riêng:

  • Adapty SDK v4.0 trở lên: Các phiên bản SDK cũ hơn không thể hiển thị flow.
  • Placement riêng cho flow: Flow và paywall là hai loại nội dung khác nhau, nên mỗi loại có placement riêng. Một flow không thể đặt trên paywall placement, và một flow placement mới không thể dùng lại ID của paywall placement — các ID placement là duy nhất trong toàn bộ ứng dụng của bạn. Xem Tạo placement.

Trong Adapty, bạn có thể tạo flow bằng trình chỉnh sửa no-code trực quan: Flow & Paywall Builder. Để tìm các flow của mình, vào Flows & Paywalls trong menu chính của Adapty và mở tab Flow & Paywall builder. Nếu bạn muốn tự xây dựng màn hình mua hàng bằng code, hãy tạo custom paywall thay thế.

  • Tạo paywall, onboarding và nhiều hơn nữa: Tạo các flow động một màn hình hoặc nhiều màn hình.
  • Mẫu flow đầy đủ tính năng: Bắt đầu flow với mẫu được thiết kế chuyên nghiệp.
  • Thiết kế Figma của bạn: Nhập frame từ Figma và biến chúng thành flow có thể chỉnh sửa.
  • Thiết kế linh hoạt: Tái tạo các màn hình phức tạp trực quan: không cần code.
  • AI Editor: Mô tả thay đổi bằng ngôn ngữ đơn giản hoặc đính kèm ảnh chụp màn hình tham khảo. Thay đổi phong cách, nội dung hoặc bố cục màn hình mà không cần chỉnh sửa từng cài đặt element thủ công.
  • Hiển thị native: Adapty SDK hiển thị flow theo dạng native mà không dùng web view, đảm bảo trải nghiệm người dùng mượt mà.
  • Cập nhật mà không cần phát hành lại: Thay đổi nội dung, thiết kế hoặc logic bất kỳ lúc nào. Cập nhật đến người dùng mà không cần phát hành app mới.

Những gì bạn có thể xây dựng

Bạn có thể đặt flow ở bất kỳ đâu trong ứng dụng — khi mở lần đầu, trước một tính năng cao cấp, hoặc sau một hành động quan trọng. Mọi màn hình đều có thể tùy chỉnh hoàn toàn, vì vậy mỗi flow có thể phù hợp với từng thời điểm cụ thể. Dưới đây là một số thứ phổ biến nhất bạn có thể xây dựng:

  • App onboarding: Giới thiệu các tính năng của ứng dụng, đặt câu hỏi và cá nhân hóa các tính năng nổi bật cũng như CTA dựa trên câu trả lời của bài quiz. Xem Xây dựng flow onboarding được cá nhân hóa.
  • Màn hình paywall: Đặt tính năng cao cấp sau một cổng trả phí và giới thiệu sản phẩm với danh sách tính năng, giá cả và nút mua hàng. Xem Tạo màn hình paywall cơ bản.
  • Gói theo bậc trong tab: Hiển thị các bậc gói đăng ký cạnh nhau trong các tab, thay đổi danh sách tính năng và CTA khi người dùng chuyển đổi giữa chúng. Xem Tạo paywall với tab và Hiển thị các tính năng khác nhau theo sản phẩm.
  • Danh sách gói có thể mở rộng: Bắt đầu với một ưu đãi nổi bật và hiển thị toàn bộ danh sách sản phẩm trong một bottom sheet khi người dùng muốn so sánh. Xem Hiển thị tất cả các gói trong bottom sheet.
  • Khảo sát và quiz: Thu thập mục tiêu, sở thích hoặc trình độ kinh nghiệm, sau đó sử dụng câu trả lời để phân nhánh flow, tùy chỉnh các màn hình tiếp theo, hoặc xử lý chúng trong ứng dụng của bạn. Xem Đầu vào và biểu mẫu.
  • Bằng chứng xã hội: Tạo dựng niềm tin với các thẻ đánh giá, xếp hạng và lời chứng thực ngay trước khi người dùng quyết định mua hàng. Xem Đánh giá và lời chứng thực.
  • Màn hình khuyến mãi và thu hút khách hàng cũ: Chạy các chương trình giảm giá có thời hạn, ưu đãi dùng thử miễn phí hoặc màn hình ưu đãi thu hút khách hàng cũ để tái kết nối với người dùng đã rời đi.

Đây chỉ là những mẫu phổ biến nhất. Flow được xây dựng từ các thành phần linh hoạt, có thể tái sử dụng, vì vậy bạn có thể kết hợp chúng thành hầu hết mọi màn hình mà sản phẩm cần — và điều chỉnh lại bất cứ khi nào sản phẩm phát triển.

Tạo một flow

Tạo một flow mới từ template trong thư viện, canvas trống, hoặc thiết kế Figma của bạn. Sau đó tùy chỉnh với các tính năng sau:

  • Thư viện phần tử — các khối dựng sẵn cho văn bản, media, nút, form và các nội dung khác.
  • Hành động — điều hướng giữa các màn hình, mở URL, thực hiện mua hàng và nhiều hơn nữa.
  • Biến — sử dụng giá trị biến trong văn bản hoặc để bật logic flow dựa trên trigger.
  • Custom tags — truyền giá trị từ app của bạn vào flow và hiển thị trong phần tử văn bản.
  • Điều hướng có điều kiện — phân nhánh flow dựa trên đầu vào của người dùng.
  • Quiz và đầu vào — thu thập đầu vào từ người dùng, sử dụng trong flow hoặc truyền về app.
  • AI Editor — mô tả thay đổi bằng ngôn ngữ thông thường và AI sẽ áp dụng lên màn hình bạn đang xem.
  • Chế độ tối — tùy chỉnh kiểu dáng phần tử theo theme của thiết bị.
  • Bản địa hóa — dịch thủ công, bằng AI hoặc dịch vụ dịch thuật bên thứ ba.

Lưu và xuất bản bản nháp của bạn, sau đó gắn nó vào một flow placement — placement mới, với placement ID chưa được dùng ở bất kỳ placement nào khác trong app. Một flow placement có thể phục vụ các flow khác nhau cho các đối tượng khác nhau.

Khi flow đã hoạt động, bạn có thể theo dõi lượt xem, lượt hoàn thành và doanh thu trên trang chỉ số của nó. Hầu hết các biểu đồ trên trang Analytics, từ MRR đến churn, cũng có thể được lọc theo từng flow — hoặc theo màn hình cụ thể trong flow.

Các bước tiếp theo

Tạo flow

Bắt đầu một flow mới từ template gallery tùy chỉnh hoặc một starter tối giản.

Tổng quan giao diện

Tổng quan về giao diện và không gian làm việc của Flow & Paywall Builder.

AI Editor

Mô tả thay đổi bằng ngôn ngữ thông thường và AI Editor sẽ áp dụng vào màn hình flow của bạn — thay đổi kiểu dáng, viết lại và sắp xếp lại mà không cần chỉnh sửa từng thuộc tính.

Nhập thiết kế từ Figma

Gửi các frame từ file Figma của bạn sang Adapty và biến chúng thành một flow có thể chỉnh sửa. Bố cục, văn bản và hình ảnh đều được chuyển qua, giúp bạn bắt đầu từ thiết kế của mình thay vì màn hình trống.

Agent skill

Cài đặt các skill agent của Adapty để công cụ AI coding của bạn có thể xây dựng, kiểm tra và phục vụ các flow Adapty từ terminal.

Các công thức flow phổ biến

Hướng dẫn từng bước để xây dựng các mẫu màn hình phổ biến trong Flow & Paywall Builder.

Màn hình và Layer

Quản lý màn hình và hệ thống phân cấp các phần tử trong mỗi màn hình trong Flow & Paywall Builder.

Bố cục và vị trí

Sắp xếp các phần tử trên màn hình với bố cục, chế độ vị trí, kích thước và khoảng cách.

Kiểu dáng và giao diện

Cấu hình giao diện trực quan của các phần tử — màu nền, viền, hiệu ứng, kiểu chữ, trạng thái và các kiểu dáng toàn dự án.

Các kiểu tái sử dụng

Lưu cài đặt văn bản và màu sắc dưới dạng kiểu dùng lại được, áp dụng cho bất kỳ phần tử nào và cập nhật tất cả phần tử sử dụng chúng cùng một lúc.

Sản phẩm và giao dịch mua hàng

Thêm sản phẩm vào màn hình, kết nối nút mua hàng và quản lý sản phẩm trong Flow & Paywall Builder.

Các phần tử

Tất cả các thành phần trực quan có trong Flow & Paywall Builder: container bố cục, văn bản, media, danh sách, nút bấm, ô nhập liệu, sản phẩm và nhiều hơn nữa.

Điều hướng và tương tác

Di chuyển người dùng giữa các màn hình và tương tác với người dùng

Chế độ tối

Hiển thị màu sắc và nền khác nhau trong flow của bạn trên các thiết bị đang bật chế độ tối.

Bản địa hóa

Dịch các màn hình của flow và các giá trị Remote Config cho từng thị trường bạn bán hàng.

Tùy chỉnh flow bằng Remote Config

Tùy chỉnh flow của bạn với payload JSON từ Remote Config.

Xem trước flow

Xem trước khả năng tương thích của flow trên các thiết bị để có trải nghiệm tối ưu.

Chỉ số flow

Theo dõi và phân tích các chỉ số hiệu suất flow để cải thiện doanh thu gói đăng ký.

Flow dự phòng

Thiết lập flow dự phòng cục bộ trong Adapty để giữ cho flow của bạn hiển thị khi thiết bị ngoại tuyến.

Vấn đề thường gặp

Khắc phục các vấn đề khiến flow không thể xem trước, xuất bản hoặc hoạt động đúng như bạn đã xây dựng trong Flow & Paywall Builder.

Deprecation của Paywall Builder và Onboarding Builder

Vào ngày 1 tháng 10 năm 2026, Adapty sẽ ngừng hỗ trợ Paywall Builder và Onboarding Builder cũ. Các paywall và onboarding đã xuất bản vẫn hoạt động bình thường — hãy tạo mới trong Flow & Paywall Builder.