> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.slotify.com.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Создание брони (веб)

> Записывайте клиентов из панели

# <span className="s-hero">Создание брони</span>

Создайте запись за секунды для клиента на телефоне.

<Info>🌐 **Адрес:** [`https://admin.slotify.com.tr/reservations/new`](https://admin.slotify.com.tr/reservations/new) · 🧭 **Меню:** **Booking Management → Reservations**</Info>

<Steps>
  <Step title="Мастер и услуги">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/YKrZiftlDEtllZar/images/web/3.png?fit=max&auto=format&n=YKrZiftlDEtllZar&q=85&s=cacf9a6db0f086e2588e173a34c2e59d" alt="Мастер и услуги" width="2778" height="1284" data-path="images/web/3.png" />
    </Frame>

    Выберите **Expert**, затем **Service**. Сеансы показывают вместимость (*Session (5)*) и выбираются отдельно.

    <Accordion title="🔎 Элементы">
      | Поле / Элемент            | Значение                                                             |
      | ------------------------- | -------------------------------------------------------------------- |
      | **Карточки Expert**       | Мастера с фото; выбранный — с фиолетовой рамкой.                     |
      | **Строки Service**        | Мультивыбор с ✓; справа длительность · цена · Session (вместимость). |
      | **Total**                 | Итоговые время и цена (напр. *50 min · 1 200 TL*).                   |
      | **Available Hours + ‹ ›** | Диапазон недели и стрелки навигации.                                 |
    </Accordion>
  </Step>

  <Step title="Время">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/YKrZiftlDEtllZar/images/web/2.png?fit=max&auto=format&n=YKrZiftlDEtllZar&q=85&s=9f9516deed304f5617b501ea65b07135" alt="Свободные слоты" width="2778" height="1284" data-path="images/web/2.png" />
    </Frame>

    Дни — карточками; зелёные чипы свободны, серые заняты. Бейдж **N available** — свободные слоты дня.

    <div className="s-action">Нажмите на зелёный слот — откроется выбор клиента.</div>
  </Step>

  <Step title="Существующий клиент">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/YKrZiftlDEtllZar/images/web/1.png?fit=max&auto=format&n=YKrZiftlDEtllZar&q=85&s=608375b349a81afaa9f985117a7c7c84" alt="Поиск клиента" width="2778" height="1284" data-path="images/web/1.png" />
    </Frame>

    Введите номер и нажмите **Search Customer**; найденный клиент появится карточкой.

    <div className="s-action">Нажмите **Create Reservation** — запись создана мгновенно.</div>
  </Step>

  <Step title="Новый клиент">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/YKrZiftlDEtllZar/images/web/11.png?fit=max&auto=format&n=YKrZiftlDEtllZar&q=85&s=e009cfa0c7f5ea4ba60b8b2791a3a9a7" alt="Новый клиент" width="2778" height="1284" data-path="images/web/11.png" />
    </Frame>

    Если номер не найден, окно превращается в форму нового клиента; имя необязательно.

    <div className="s-action">Нажмите **Create Customer** — клиент создаётся, запись добавляется **автоматически**.</div>
  </Step>
</Steps>