---
title: "Flows (Beta)"
description: "Trình tạo no-code trực quan cho các flow tương tác. Cập nhật nội dung, thiết kế và giá cả mà không cần phát hành ứng dụng."
---

:::important
Flows hiện chỉ được hỗ trợ trên iOS SDK v4 trở lên. Hỗ trợ cho các nền tảng và framework khác sẽ sớm ra mắt.
:::

<CustomDocCardList ids={['builder-ui', 'flow-builder-recipes', 'builder-navigation-actions']} />

Trong Adapty, bạn có thể tạo flow bằng trình chỉnh sửa no-code trực quan.

- **Tạo paywall, onboarding và nhiều hơn nữa**: Xây dựng các flow động với một hoặc nhiều màn hình.
- **Thiết kế linh hoạt**: Dựng lại các màn hình phức tạp một cách trực quan mà không cần code.
- **Hiển thị native**: SDK Adapty render flow theo cách native, không dùng web view, đảm bảo trải nghiệm người dùng mượt mà.
- **Cập nhật không cần phát hành lại**: Thay đổi nội dung, thiết kế hoặc logic bất cứ lúc nào. Cập nhật đến tay người dùng mà không cần phát hành ứng dụng mới.

## Bạn có thể xây dựng gì \{#what-you-can-build\}

Bạn có thể đặt flow ở bất kỳ đâu trong ứng dụng — ngay lần đầu khởi chạy, trước một tính năng premium, hoặc sau một hành động quan trọng. Mỗi màn hình đều tùy chỉnh được hoàn toàn, nên 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ố mẫu phổ biến nhất:

- **Onboarding ứng dụng**: Giới thiệu tính năng ứ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 CTA dựa trên câu trả lời của bài quiz. Xem [Xây dựng flow onboarding cá nhân hóa](onboarding-flow-tutorial).
- **Màn hình paywall**: Đặt cổng tính năng trước nội dung premium và trình bày 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](basic-paywall-screen).
- **Các gói theo cấp trong tab**: Hiển thị các cấp gói đăng ký cạnh nhau trong tab, thay đổi danh sách tính năng và CTA khi người dùng chuyển qua lại. Xem [Tạo paywall với tab](paywall-with-tabs) và [Hiển thị tính năng khác nhau theo sản phẩm](paywall-features-per-product).
- **Danh sách gói 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 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](show-plans-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 đó dùng câu trả lời để phân nhánh flow hoặc tùy chỉnh các màn hình tiếp theo. Xem [Input và form trong Flow Builder](builder-inputs-and-forms).
- **Bằng chứng xã hội**: Xây dựng niềm tin bằng 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. Xem [Đánh giá và lời chứng thực](builder-reviews-and-testimonials).
- **Màn hình khuyến mãi và thu hút khách hàng cũ**: Chạy ưu đãi giới hạn thời gian, ư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 tiếp cận 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 phần tử linh hoạt và tái sử dụng được, nên bạn có thể kết hợp chúng thành hầu hết bất kỳ màn hình nào sản phẩm của bạn cần — và tái cấu trúc bất cứ lúc nào sản phẩm phát triển.

## Tạo một flow \{#create-a-flow\}

Mở trang **Flows** và nhấn **Create flow**. Sử dụng các công cụ sau để tùy chỉnh flow của bạn:

- **[Thư viện phần tử](builder-elements)** — các khối dựng sẵn cho văn bản, phương tiện, nút, form và nội dung khác.
- **[Actions](onboarding-actions)** — đ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.
- **[Variables](onboarding-variables)** — sử dụng giá trị biến trong văn bản hoặc để kích hoạt logic flow dựa trên điều kiện.
- **[Điều hướng có điều kiện](onboarding-navigation-branching)** — phân nhánh flow dựa trên đầu vào của người dùng.
- **[Quiz và input](builder-inputs-and-forms)** — thu thập và xử lý đầu vào người dùng.
- **[Chế độ tối](paywall-dark-mode)** — tùy chỉnh phần tử để phù hợp với theme thiết bị.
- **[Bản địa hóa](add-paywall-locale-in-adapty-paywall-builder)** — thủ công hoặc dùng AI.

[Lưu và xuất bản](builder-save-publish) bản nháp, sau đó gắn vào một [placement](create-placement). Một placement có thể chứa các flow khác nhau cho từng [đối tượng](add-audience-paywall-ab-test) khác nhau.

Xem video khởi động nhanh này để tạo một flow cá nhân hóa cơ bản:

<div style={{
    maxWidth: '560px',
    margin: '0 auto 2rem',
    position: 'relative',
    aspectRatio: '16/9',
    width: '100%'
}}>
    <iframe
        style={{
            position: 'absolute',
            top: 0,
            left: 0,
            width: '100%',
            height: '100%'
        }}
        src="https://www.youtube.com/embed/aa-m459VIuY?si=zN_Co6B6qB88UPZP"
        title="YouTube video player"
        frameBorder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerPolicy="strict-origin-when-cross-origin"
        allowFullScreen
    />
</div>

## Các bước tiếp theo \{#next-steps\}

<CustomDocCardList />