Как создать приложение для салона красоты с онлайн-записью, без кода и за вечер

Администратор салона тратит на телефон половину рабочего дня. Клиентка звонит узнать свободное окно, потом перезванивает перенести, потом не приходит совсем, потому что забыла. Каждый такой звонок это минуты, а в сумме за месяц это десятки часов, оплаченных вами.

При этом клиентка чаще всего вообще не хочет звонить. Ей удобнее выбрать мастера и время самой, вечером с дивана. Запись через директ в соцсетях решает задачу наполовину: сообщение все равно надо прочитать, сверить с журналом и ответить руками.

Приложение с онлайн-записью закрывает и то, и другое: клиентка выбирает услугу, мастера и время сама, заявка сразу падает вам в Telegram, а слот резервируется, чтобы на него не записался кто-то еще. Разберем, как собрать такое приложение самому.

Сколько это стоит у разработчиков

Если заказывать приложение для салона в студии, разговор начинается от 500 000 рублей и 2-3 месяцев работы. Фрилансер сделает дешевле, от 80 000, но сроки и риски остаются.

Для сети салонов это нормальная инвестиция. Для одного салона на три кресла это цена, которая никогда не окупится: тот же результат собирается самостоятельно за вечер.

Самый быстрый путь: готовое решение

Если не хочется собирать с нуля, начните с готового решения. В разделе Мои приложения → Готовые решения выбираете кейс под свою нишу, и приложение создается буквально в три клика за несколько минут: получаете готовый макет со всем нужным функционалом, а дальше меняете его под себя.

На втором шаге предлагается подключить тариф Pro. Это необязательно, шаг можно пропустить и вернуться к нему позже. Pro подключается отдельно к каждому приложению.

А вот на последнем шаге нужно оплатить функции, которые требуются выбранному кейсу, без этого приложение не создастся. Там же можно вместо оплаты активировать пробный период на 7 дней и попробовать все бесплатно. Если на балансе не хватает средств, пополнить его можно прямо на этом шаге.

Приятная деталь: функции оплачиваются один раз в месяц и действуют во всех ваших приложениях и кейсах, а не за каждое приложение отдельно (Pro тут исключение, он привязан к конкретному приложению).

Пробный период дается один раз, поэтому эти 7 дней стоит потратить с толком: собрать приложение, поставить его себе на телефон и дать паре клиенток записаться по-настоящему.

После этих трех шагов приложение уже создано. Дальше вы редактируете его под себя в Конструкторе: меняете названия, цены, фотографии, тексты, добавляете свои услуги и мастеров. Попасть в конструктор можно, нажав на кнопку Редактировать приложение. Когда все готово, запускаете его на iOS через наше приложение GiveMeApp Tools или для Android заказываете сборку, получаете apk и устанавливаете приложение на телефон, чтобы посмотреть, как оно выглядит у клиента.

Второй путь: собрать с нуля

Если готовые решения не подходят или хочется сделать все по-своему, приложение собирается с нуля в Конструкторе. Его можно найти в разделе Мои приложения → Приложения. Тариф и платные функции при этом можно подключить позже, когда приложение уже будет готово и вы поймете, что именно вам нужно.

Разберем этот путь по шагам, заодно станет понятно, из чего вообще состоит приложение салона.

Шаг 1. Заносим услуги

Услуги живут не в конструкторе, а в разделе Мои приложения → Проф. услуги → Услуги.

Структура простая: сначала создаете группу (например, Стрижки, Окрашивание, Маникюр), затем внутри нее добавляете услуги. У услуги указываете название, цену, при желании цену до скидки, фото и описание. Прямо в карточке услуги галочками отмечаете сотрудников, которые ее выполняют.

Обратите внимание: длительности у услуги нет. Время записи задается не здесь, а в форме записи интервалами, к этому вернемся на третьем шаге.

Подробно: Списки услуг

Шаг 2. Добавляем мастеров

Раздел Мои приложения → Проф. услуги → Сотрудники. Структура такая же: группа сотрудников (Парикмахеры, Мастера маникюра), внутри нее люди.

У сотрудника заполняете имя, краткое описание (например, парикмахер-стилист), фото и порядок в списке. Привязка мастера к услугам делается галочками в карточке услуги на предыдущем шаге.

Смысл привязки: клиентка, выбравшая окрашивание, увидит только колористов, а не всех сотрудников салона. Это снимает половину уточняющих вопросов.

Подробно: Списки сотрудников

Шаг 3. Собираем форму онлайн-записи

Это главная часть, ради которой все затевается. Раздел Мои приложения → Проф. услуги → Формы.

Создаете форму и настраиваете ее по блокам:

Выбор услуги. Клиент может выбирать из всех ваших услуг, из определенного списка или не выбирать вовсе (например, если форма только для одной процедуры).

Выбор сотрудника. Аналогично: все, определенные или без выбора.

Выбор даты и времени. Здесь варианты: выбирать день и время, только день, период дней (для бронирования) или не выбирать вовсе.

Общий график работы. Задаете часы работы: одинаковые в любой день или свои по каждому дню недели.

Диапазон выбора времени записи. Вот здесь и задается та самая длительность: это шаг времени в минутах, с которым клиентка выбирает время. Поставите 30 - слоты будут каждые полчаса, поставите 60 - каждый час. Можно ставить и больше минут. При ноле будет значение по умолчанию - 60 минут.

Если есть запись на дату и время. Защита от двойной записи, четыре режима: разрешать любые записи; запретить это время у того же мастера; запретить это время на эту услугу; запретить это время вообще. Для салона обычно нужен второй вариант: мастер не может стричь двоих одновременно.

Поля формы. Галочками отмечаете, что заполняет клиентка: имя, телефон, email, Telegram, комментарий. Можно добавить свои поля.

Важно: чтобы запись по дате и времени работала в собранном приложении, нужно включить платную функцию. Как это сделать и где есть пробный период, разобрано в конце статьи.

Подробно: Формы заявки и записи

Шаг 4. Настраиваем графики (если время плавает)

Если у мастеров разный график или бывают короткие дни, зайдите в Мои приложения → Проф. услуги → Графики. Там расписание задается на конкретные даты, в том числе индивидуально по услугам и сотрудникам.

Когда клиентка записывается, свободное время считается с учетом этих графиков: есть график на дату - берется он, нет - работает общий график из формы.

Если график салона стабильный, шаг можно пропустить: общего графика в форме достаточно.

Подробно: Графики работы

Шаг 5. Настраиваем, куда приходят заявки

В списке форм есть столбец Отправка, в нем ссылка Настроить. Каналов можно подключить сразу несколько.

Telegram. Открываете бота t.me/gmashopbot, отправляете ему код подключения со страницы настройки и нажимаете Проверить. После этого заявки приходят в Telegram.

ВКонтакте. Работает так же, через бота в группе ВКонтакте. Удобно, если Telegram у вас не основной рабочий мессенджер.

Заявка приходит сразу, как клиентка нажала кнопку. Не надо держать вкладку открытой и обновлять журнал.

Шаг 6. Собираем экраны приложения в конструкторе

Теперь собственно приложение. Контент строится по схеме Страница → Вкладка → Блок контента.

На втором шаге конструктора добавляете блоки (кнопкой Добавить блок контента): Список услуг, Список сотрудников, Фотогалерея, Карта с адресом, Карточка с контактами.

Главное - добавить блок Форма 2.0 и выбрать в нем ту форму записи, которую создали на третьем шаге. Именно этот блок выводит онлайн-запись в приложении.

Полезно вынести запись на первый экран: чем меньше шагов до кнопки, тем больше записей.

Подробно: Шаг 2 конструктора: содержание и блок Форма 2.0

Шаг 7. Доработки и сборка

Название приложения, цвета и шапка задаются на первом шаге конструктора, а иконку вы загружаете на последнем, четвертом шаге. Конструктор пережимает картинку в квадрат, поэтому логотип лучше подготовить квадратным заранее. Подвал с его иконками можно настроить на шаге 3.

После этого заказываете сборку файла apk и получаете готовый файл для Android. Его можно раздавать клиенткам ссылкой или QR-кодом на ресепшене, а можно опубликовать в RuStore, чтобы находили через поиск в магазине приложений. 

Так выглядит готовое приложение салона: онлайн-запись, услуги и мастера

Подробно: Шаг 1, Шаг3 и Шаг 4

Обязательный шаг: включить функцию записи

Это тот момент, на котором чаще всего спотыкаются. Саму форму вы создаете бесплатно, и в макете конструктора шаги выбора даты и времени тоже видны. Но в собранном приложении онлайн-запись по дате и времени не заработает, пока вы не включите функцию.

Если вы собираете приложение сами в конструкторе, функции подключаются отдельно:

1. Зайдите в Мои приложения → Настроить функции.
2. В блоке Профессиональные услуги отметьте Улучшение функций форм.
3. Нажмите Сохранить (кнопка активна, если на балансе достаточно средств).
4. Пересоберите приложение. Без пересборки функция в старой сборке не активируется.

Формально это необязательно: приложение будет работать и без функций, но часть возможностей окажется недоступна, и онлайн-запись по дате и времени как раз из них. Пробного периода на этом пути нет, оплата сразу.

Пробный период на 7 дней дается только при создании приложения через готовые решения, о которых говорилось выше. Если хотите сначала попробовать бесплатно, начинайте оттуда.

Кроме записи на конкретную дату и время с резервированием слота этот пакет дает: управление заявками в личном кабинете на сайте, отправку заявок на e-mail, индивидуальные графики для мастеров и услуг и онлайн-обновление списков услуг и сотрудников без пересборки приложения.

Подробно: Настройка дополнительных функций

Что это дает салону

• Администратор перестает быть телефонисткой. Записи приходят круглосуточно, в том числе ночью и в выходные, когда салон закрыт, а клиентка листает телефон.
• Иконка салона остается на экране телефона клиентки. Это тихий, но постоянный повод вернуться: не надо вспоминать название и искать вас в переписке.
• Слоты не пересекаются: приложение само не даст записать двоих к одному мастеру на одно время.
• База клиентов остается вашей, а не в чужой соцсети, из которой вас может выкинуть в любой момент.

Попробуйте на своем салоне

Начать проще всего с готового решения: несколько минут, и макет приложения салона у вас на руках. Создать приложение бесплатно или сначала посмотреть готовые решения.