Сайт салона красоты на Тильде: онлайн-запись, прайс и мастера за неделю

Почему Тильда подходит салону и где её предел

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

Предел появляется в двух случаях:

1. Сеть салонов в нескольких городах с десятками страниц услуг под каждый адрес. Собирать это руками в конструкторе долго, хотя технически возможно.
2. Свой личный кабинет клиента с бонусами и абонементами. Это задача системы записи или CRM.

Для салона с одним-тремя адресами и 3–6 направлениями Тильды достаточно.

По деньгам: для рабочего сайта нужен как минимум тариф Personal — по странице тарифов Тильды это 500 ₽ в месяц при оплате за год или 750 ₽ при помесячной оплате. Какой план выбрать и когда хватит бесплатного — в разборе тарифов Тильды.

Какие страницы нужны сайту салона на Тильде

Мы собираем сайт салона из такого набора:

Отдельные страницы направлений — то, что часто пропускают. Если весь салон уместился на одной странице, она не сможет одновременно отвечать на «окрашивание волос цена» и «маникюр с покрытием рядом». Для рекламы и поиска отдельная страница под направление работает лучше. Что именно показать на каждом экране, чтобы клиенты записывались, а не писали «сколько стоит», — в статье сайт для салона красоты.

Как встроить онлайн-запись на Тильде

Онлайн-запись — главный элемент сайта. Есть три способа её подключить.

Способ 1. Виджет YCLIENTS штатным блоком

По справке Тильды об онлайн-записи для YCLIENTS есть готовый блок T790 в категории «Виджеты». Порядок такой:

1. Зарегистрируйте салон в YCLIENTS, заполните филиал, услуги, мастеров и расписание.
2. В разделе онлайн-записи YCLIENTS скопируйте номер формы записи.
3. На странице Тильды добавьте блок T790 и вставьте номер в его настройки.
4. Опубликуйте страницу и пройдите запись сами — с компьютера и с телефона.

Внешний вид виджета и шаги записи настраиваются уже в самой YCLIENTS.

Способ 2. Кнопка-ссылка на страницу записи

Почти у всех систем записи (YCLIENTS, DIKIDI и аналогов) есть отдельная страница записи салона. Её адрес можно поставить на любую кнопку сайта. Плюс — работает в любом блоке, включая Zero Block. Минус — человек уходит с сайта на чужую страницу, и в Метрике сложнее понять, дошёл ли он до записи.

Способ 3. Код виджета через HTML-блок

Если у системы записи есть код виджета, его вставляют в блок для HTML-кода (T123 в категории «Другое»). Это работает только на платном тарифе: на бесплатном, как сказано в ответе Тильды о неоплате, свой код в блоках отключается.

Какой способ выбрать

Подробное сравнение сервисов записи — в статье про онлайн-запись на сайт.

Подводный камень, который мы видим чаще всего. Виджет стоит в самом низу главной, а на первом экране — кнопка «Подробнее», которая ведёт к блоку «О нас». Человек с телефона не долистывает до записи. Кнопка «Записаться онлайн» на первом экране должна сразу открывать запись, без промежуточных шагов.

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

Прайс, который администратор правит сам

Цены в салоне меняются несколько раз в год, а акции — каждый месяц. Если прайс сделан картинкой или сложной вёрсткой в Zero Block, каждое изменение — это запрос дизайнеру и несколько дней ожидания. В итоге на сайте висят прошлогодние цены, и клиент спорит на кассе.

Как сделать прайс удобным:

• Стандартные блоки прайса или таблицы. В библиотеке Тильды есть блоки с колонками «услуга — цена», их правят как обычный текст.
• Цены по уровню мастера. «Стилист / Топ-стилист / Арт-директор» — три колонки. Это честно и объясняет разницу в цене.
• Цена «от» и длительность. «Окрашивание в один тон — от 3 500 ₽, 2 часа». Длина волос и расход краски меняют итог, и это нужно сказать заранее.
• Только текстом. Текст видит поиск, его можно скопировать и прочитать с телефона без увеличения.

Отдельный вопрос — показывать ли цены вообще. Мы советуем показывать хотя бы «от»: без цены человек пишет в директ «сколько стоит?» и часто не получает быстрого ответа.

Мастера и работы: как оформить на Тильде

Клиент салона выбирает не салон, а мастера. Поэтому блок мастеров — второй по важности после записи.

Для карточки мастера хватает стандартных блоков с фото и текстом:

• живое фото мастера на рабочем месте, без фотостока;
• имя, специализация и стаж: «Анна, колорист, 8 лет»;
• 4–6 работ именно этого мастера;
• кнопка «Записаться к Анне», которая сразу открывает запись к этому мастеру.

Последний пункт делает большую разницу. В большинстве систем записи можно получить ссылку на запись к конкретному сотруднику. Поставьте её на кнопку в карточке — человеку не придётся выбирать мастера второй раз.

Работы лучше разбить по направлениям: окрашивание отдельно, стрижки отдельно, ногти отдельно. Одна общая галерея на 80 фото не читается. И обязательно спросите согласие клиента на публикацию фото, где видно лицо.

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

Что не стоит делать на Zero Block

Zero Block — редактор Тильды, где каждый элемент ставится вручную. Он даёт свободу в дизайне, но у него есть цена: каждый экран нужно отдельно настроить под пять диапазонов ширины. По справке Тильды это компьютеры, горизонтальный и вертикальный планшет, горизонтальный и вертикальный смартфон.

Для салона мы не делаем на Zero Block:

Где Zero Block уместен: первый экран с фирменной фотографией и оффером, блок акции, оформление одного-двух акцентных разделов. Подробнее о том, когда он окупается, — в статье про Zero Block в Тильде.

Акции и первый визит

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

• с понятными условиями и сроком: «−15% на первое окрашивание до 31 октября»;
• на отдельном блоке с кнопкой записи;
• легко заменяемой: стандартный блок, который администратор перепишет сам.

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

Метрика и цели: как понять, что сайт записывает

Без аналитики вы не узнаете, сколько записей пришло с сайта. В Тильде Яндекс Метрика подключается в настройках сайта, в разделе аналитики, по номеру счётчика.

Какие цели в Метрике нужны салону:

1. Клик по кнопке «Записаться» — сколько людей начали запись.
2. Отправка формы, если она есть.
3. Клик по телефону и по кнопкам мессенджеров.
4. Переход на внешнюю страницу записи, если используется кнопка-ссылка.

Сколько записей дошло до конца, точнее покажет сама система записи: в ней видно, какие записи пришли онлайн. Как настроить цели именно на Тильде — в статье Яндекс Метрика на Тильде.

Условный пример: сколько записей даёт исправленный путь

Пример условный, не кейс студии. Салон на 5 кресел в Казани, средний чек 3 000 ₽. На сайт приходит 1 200 человек в месяц из Карт и рекламы. Запись стоит внизу страницы, прайс — картинкой. Онлайн записываются 1,2% посетителей — 14 записей в месяц, около 42 000 ₽ выручки.

После переделки: кнопка записи на первом экране, прайс текстом с ценами «от», карточки мастеров с записью к конкретному человеку. Если конверсия вырастет до 3%, те же 1 200 посетителей дадут 36 записей — около 108 000 ₽. Разница в 66 000 ₽ в месяц получена без увеличения трафика. Реальные цифры будут другими, но порядок показывает: в салоне сайт чаще теряет записи на пути к кнопке, чем из-за нехватки посетителей.

План сборки сайта салона за неделю

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

1. День 1. Структура страниц, оффер первого экрана, список направлений и цен.
2. День 2. Фотосъёмка мастеров и интерьера или отбор готовых фото. Сбор работ по направлениям.
3. День 3. Дизайн главной: первый экран, мастера, работы, отзывы, карта.
4. День 4. Прайс, страницы мастеров и направлений.
5. День 5. Подключение записи, домена, Метрики и целей. Настройка title и description на каждой странице.
6. День 6. Проверка на телефонах разной ширины, тестовая запись, правки.
7. День 7. Публикация, отправка в Вебмастер, ссылка на сайт в карточке на Картах.

Чек-лист перед запуском

• Кнопка записи на первом экране открывает запись в один клик.
• Запись проверена с телефона до конца, включая подтверждение.
• Прайс текстом, есть цены «от» и длительность.
• У каждого мастера есть фото, стаж, работы и своя кнопка записи.
• Адрес, карта, часы работы и парковка на странице контактов.
• Метрика подключена, цели срабатывают.
• Title и description заполнены на каждой странице.
• Сайт проверен на телефонах шириной 360–430 пикселей.

Если хотите, чтобы сайт собрали под запись, оставьте контакты — обсудим структуру и сроки.