---
title: "Создание онбординга"
---

[Онбординги](onboardings) знакомят новых пользователей с ценностью, возможностями и особенностями вашего мобильного приложения.

## Шаг 1. Создайте онбординг \{#step-1-create-an-onboarding\}

Чтобы создать новый онбординг в дашборде Adapty:

1. Перейдите в раздел **Onboardings** в главном меню Adapty. На этой странице отображаются все созданные вами онбординги и их метрики. Нажмите **Create onboarding**.

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

2. Введите понятное название для онбординга и нажмите **Proceed to build onboarding**.

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

3. Вы будете перенаправлены в конструктор онбордингов.
   
   Он содержит демо-шаблон по умолчанию, который поможет разобраться, как онбординги собирают данные и как их можно [персонализировать с помощью переменных и квизов](onboarding-user-engagement). Удаляйте ненужные экраны и [создавайте собственный онбординг](design-onboarding) по своему усмотрению.

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

4. Когда будете готовы, нажмите кнопку **Preview** в правом верхнем углу. Пройдите онбординг самостоятельно, чтобы убедиться, что всё работает как ожидается.
   
   <img src="/assets/shared/img/create-onboarding4.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
5. Если всё работает корректно, нажмите **Publish** в правом верхнем углу. Дождитесь завершения публикации, прежде чем возвращаться в Adapty, — иначе изменения будут потеряны.

:::danger
Если не нажать **Publish**, SDK не сможет получить созданный вами онбординг.
:::

   
   <img src="/assets/shared/img/create-onboarding5.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
После публикации онбординга нажмите **Back to Adapty**. Онбординг создан — теперь добавьте его в плейсмент, чтобы начать использовать.

## Шаг 2. Создайте плейсмент для онбординга \{#step-2-create-a-placement-for-your-onboarding\}

1. Перейдите в раздел **Placements** главного меню и откройте вкладку **Onboardings**. Нажмите **Create placement**.

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

2. Введите название и ID плейсмента. Затем нажмите **Run onboarding** и выберите онбординг, который будет показываться всем пользователям.
3. Если у вас есть отдельный онбординг для определённой группы пользователей, [добавьте дополнительные аудитории](audience) и выберите для них другой онбординг.

## Шаг 3. Интегрируйте онбординг в приложение \{#step-3-integrate-the-onboarding-into-your-app\}

:::important
Онбординги доступны для приложений, использующих Adapty SDK v3.8.0+ (iOS, Android, React Native, Flutter), v3.14.0+ (Unity) или v3.15.0+ (Kotlin Multiplatform, Capacitor).
:::

Чтобы начать показывать онбординги в приложении, интегрируйте их с помощью Adapty SDK:
- [iOS](ios-onboardings)
- [Android](android-onboardings)
- [React Native](react-native-onboardings)
- [Flutter](flutter-onboardings)
- [Unity](unity-onboardings)
- [Kotlin Multiplatform](kmp-onboardings)
- [Capacitor](capacitor-onboardings)

Чтобы понять, какой онбординг работает лучше, можно запустить [A/B-тесты](ab-tests).