---
title: "Điều hướng và phân nhánh"
description: "Hướng dẫn người dùng qua các màn hình bằng các tuyến tĩnh và phân nhánh động."
---

Điều hướng và phân nhánh cho phép bạn dẫn dắt người dùng qua từng bước trong flow: dùng tuyến tĩnh để đưa tất cả mọi người đến các màn hình chính, và điều hướng động để điều chỉnh flow dựa trên lựa chọn của người dùng.

:::link
Điều hướng là một loại action. Để tìm hiểu thêm về các action, xem [Actions](onboarding-actions).
:::

<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/OLl-WziDMhU?si=_eUtsmbEuFAaLj1r"
        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>

## Điều hướng giữa các màn hình \{#navigate-between-screens\}

Bạn có thể cấu hình điều hướng tĩnh và động bằng các thành phần khác nhau trong flow.

### Điều hướng tĩnh \{#static-navigation\}

Điều hướng tĩnh đưa tất cả người dùng đến cùng một màn hình đích. Để thiết lập:
1. Chọn bất kỳ thành phần nào người dùng có thể nhấn — nút, câu trả lời quiz, hoặc toggle.
2. Mở bảng **Interactions** ở bên phải. Ở đó, nhấn **Add trigger**.

   Để điều hướng người dùng ngay khi họ nhấn vào một tùy chọn quiz — mà không cần nhấn thêm một nút riêng — hãy chọn thành phần tùy chọn quiz ở đây thay vì nút.

   

3. Thiết lập trigger **On tap**:
   - **Action**: Chọn **Navigate to screen**.
   - **Destination**: Chọn màn hình đích.

  

### Điều hướng động \{#dynamic-navigation\}

Điều hướng động định tuyến người dùng dựa trên câu trả lời quiz, trạng thái của các thành phần toggle, và các thuộc tính tùy chỉnh.
Bất kỳ [thành phần có thể chọn](flow-selectable-elements) nào đều có thể là điều kiện cho điều hướng động.

Để thiết lập:
1. Chọn thành phần sẽ điều hướng người dùng.
2. Mở bảng **Interactions** ở bên phải. Ở đó, nhấn **Add trigger**.

   Để điều hướng người dùng ngay khi họ nhấn vào một tùy chọn quiz — mà không cần nhấn thêm một nút riêng — hãy chọn thành phần tùy chọn quiz ở đây thay vì nút.

   

3. Thiết lập trigger **On tap**:
   - **Action**: Chọn **Conditional**.
   - **Conditions**: Đặt các action điều hướng có điều kiện. Tìm hiểu thêm [tại đây](onboarding-actions#conditional-actions).

## Đóng flow \{#close-flow\}

Nếu hành trình người dùng của bạn cần đóng flow, bạn có thể thiết lập bằng nút hoặc quiz một lựa chọn:

1. Thêm và chọn thành phần phải đóng flow khi nhấn.
2. Mở bảng **Interactions** ở bên phải. Ở đó, nhấn **Add trigger**.
   

3. Thiết lập trigger **On tap**:
   - **Action**: Chọn **Close flow**.