---
title: "Onboarding navigasyonu"
description: "Kullanıcıları akışlar boyunca yönlendirmek için Adapty'nin kodsuz onboarding oluşturucusunda statik ve dinamik navigasyonu yapılandırın."
---

Navigasyon ve dallanma, kullanıcıları onboarding'inizin her adımında yönlendirmenizi sağlar: herkesi temel ekranlara göndermek için statik rotalar, kullanıcı tercihlerine göre akışı uyarlamak için ise dinamik navigasyon kullanabilirsiniz. Üstelik tek bir satır kod yazmadan.

## Navigasyonu ayarlama \{#set-up-navigation\}

Statik ve dinamik navigasyonu, ayrıca onboarding'in kapatılmasını [butonlar](onboarding-buttons) ve [quizler](onboarding-quizzes) aracılığıyla yapılandırabilirsiniz.

:::info
Quizler için yalnızca tek cevaplı quizler navigasyona uygundur. Çok cevaplı quizler, [koşullu öğe görünürlüğünü](onboarding-element-visibility) ayarlamak için kullanılabilir.
:::

### Statik navigasyon \{#static-navigation\}

Statik navigasyon, kullanıcıları her zaman aynı hedef ekrana yönlendirir. Ayarlamak için:
1. Bir buton veya tek cevaplı quiz ekleyin.
2. Butonu ya da quizi seçin ve sağ taraftaki **Element** sekmesine gidin.
3. Quiz için **On Press** buton bölümünü veya **Behaviour** ayarını yapılandırın:
- **Action on** (yalnızca quiz için): Quizin navigasyon ayarlarını etkinleştirmek için **Option** seçin.
- **Action**: **Navigate** seçin.
- **Data**: Kullanıcıları aynı hedef ekrana yönlendirmek için **Static** seçin.
- **Destination**: Hedef ekranı seçin.

:::note
Statik navigasyonda quiz, kullanıcıların seçtiği cevaptan bağımsız olarak herkesi aynı ekrana yönlendirir.
:::

  <img src="/assets/shared/img/static-navigation.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

### Dinamik navigasyon \{#dynamic-navigation\}

Dinamik navigasyon, kullanıcıları quiz cevaplarına göre yönlendirir:
- **Önceki ekranlardaki quiz cevapları**: Hem butonlar hem de tek cevaplı quizler navigasyonu tetikleyebilir.
- **Mevcut ekrandaki quiz cevapları**: Yalnızca tek cevaplı quizler navigasyonu tetikleyebilir.

Ayarlamak için:
1. Kullanıcıları yönlendirecek bir buton veya tek cevaplı quiz ekleyin.
2. Butonu ya da quizi seçin ve sağ taraftaki **Element** sekmesine gidin.
3. Quiz için **On Press** buton bölümünü veya **Behaviour** ayarını yapılandırın:
- **Action on** (yalnızca quiz için): Quizin navigasyon ayarlarını etkinleştirmek için **Option** seçin.
- **Action**: **Navigate** seçin.
- **Data**: Kullanıcıları önceki quiz cevaplarına göre yönlendirmek için **Dynamic** seçin.
- **State**: Kullanıcının hedefini belirleyecek bir quiz seçin.
4. Her quiz seçeneği için hedef ekranı belirleyin.

Buton veya quiziniz, kullanıcıları yapılandırdığınız hedeflere dinamik olarak yönlendirecektir.

  <img src="/assets/shared/img/dynamic-navigation.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

### Onboarding'i kapatma \{#onboarding-closure\}

Kullanıcı yolculuğunuz onboarding akışının kapatılmasını gerektiriyorsa bunu butonlar veya tek cevaplı quizler aracılığıyla ayarlayabilirsiniz:

1. Bir buton veya tek cevaplı quiz ekleyin.
2. Butonu ya da quizi seçin ve sağ taraftaki **Element** sekmesine gidin.
3. Quiz için **On Press** buton bölümünü veya **Behaviour** ayarını yapılandırın:
- **Action on** (yalnızca quiz için): Quizin navigasyon ayarlarını etkinleştirmek için **Option** seçin.
- **Action**: **Close onboarding** seçin.

Onboarding'in kapatılmasını nasıl ele alacağınızı şu platformlarda öğrenin: [iOS](ios-handling-onboarding-events#closing-onboarding), [Android](android-handle-onboarding-events#closing-onboarding), [React Native](react-native-handling-onboarding-events#closing-onboarding) ve [Flutter](flutter-handling-onboarding-events#closing-onboarding).

  <img src="/assets/shared/img/close-onboarding.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>