> ## 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>

Четыре шага — и вы записаны.

<Steps>
  <Step title="Страница заведения">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/83OKNCH1Mjf0LcvJ/images/customer-web/26.png?fit=max&auto=format&n=83OKNCH1Mjf0LcvJ&q=85&s=5c3a6298189958dc4f8f96977ca8228c" alt="Страница заведения" width="2778" height="1284" data-path="images/customer-web/26.png" />
    </Frame>

    Название, категория, мастера, локация и отзывы.

    <div className="s-action">Нажмите на мастера в разделе **Мастера**.</div>

    <Accordion title="🔎 Разделы">
      | Поле / Элемент                 | Значение                             |
      | ------------------------------ | ------------------------------------ |
      | **❤️ Избранное**               | Сохраняет заведение.                 |
      | **Мастера**                    | Запись всегда оформляется к мастеру. |
      | **Локация + Открыть на карте** | Адрес и карта с маршрутом.           |
      | **Отзывы**                     | Комментарии клиентов внизу страницы. |
    </Accordion>
  </Step>

  <Step title="Выберите услугу">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/83OKNCH1Mjf0LcvJ/images/customer-web/25.png?fit=max&auto=format&n=83OKNCH1Mjf0LcvJ&q=85&s=bb2f78a5dd9fdf824e505588b5ac9366" alt="Список услуг" width="2778" height="1284" data-path="images/customer-web/25.png" />
    </Frame>

    Услуги мастера с длительностью и ценой.

    <div className="s-action">Нажмите нужную услугу — напр. **Hair And Beard · 45 мин · 1 200 TL**.</div>
  </Step>

  <Step title="Дата и время">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/83OKNCH1Mjf0LcvJ/images/customer-web/24.png?fit=max&auto=format&n=83OKNCH1Mjf0LcvJ&q=85&s=0aa0547c2c013b6321e7b5f70623d7a3" alt="Выбор даты и времени" width="2778" height="1284" data-path="images/customer-web/24.png" />
    </Frame>

    Сверху итог, ниже — лента дней и доступные часы.

    <div className="s-action">Выберите день, затем **зелёное** время (напр. **16:45**). Зачёркнутые — заняты.</div>

    <Accordion title="🔎 Поля раздела">
      | Поле / Элемент          | Значение                                     |
      | ----------------------- | -------------------------------------------- |
      | **Итого**               | Длительность и стоимость выбора.             |
      | **Дата записи**         | Быстрый выбор: Сегодня, Завтра, Понедельник… |
      | **Выбрать другую дату** | Любой день из календаря.                     |
      | **Доступные часы**      | Зелёный = свободно, зачёркнутый = занято.    |
      | **Примечание**          | Комментарий для заведения.                   |
      | **Часы работы**         | Недельный график ниже.                       |
    </Accordion>
  </Step>

  <Step title="Подтвердите">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/83OKNCH1Mjf0LcvJ/images/customer-web/23.png?fit=max&auto=format&n=83OKNCH1Mjf0LcvJ&q=85&s=2c76a01d576eac672fcf750aa2663f33" alt="Подтверждение" width="2778" height="1284" data-path="images/customer-web/23.png" />
    </Frame>

    Проверка: дата, время, длительность и стоимость.

    <div className="s-action">Нажмите **Подтвердить запись** — готово! 🎉</div>

    <Tip>При автоподтверждении запись подтверждается сразу; иначе остаётся **Pending** до решения заведения, о чём придёт уведомление. Все записи — в меню аккаунта справа вверху.</Tip>
  </Step>
</Steps>