Как сделать сайт услуг в 2026: каталог, цены и запись клиентов

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

Что показать на сайте услуг

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

• Первый экран: имя или название, одна фраза о том, какую задачу вы решаете, город или формат работы, кнопка записи и способ связи.
• Каталог услуг: карточки с описанием, длительностью и ценой.
• Портфолио или примеры работ с подписями.
• Отзывы с указанием, откуда они взяты.
• Как проходит работа: 3-5 шагов от заявки до результата.
• Ответы на частые вопросы: оплата, перенос, отмена, что взять с собой.
• Контакты: телефон, мессенджер, адрес или зона выезда, время ответа.

Верстать эту страницу стоит от телефона. У частных специалистов ссылку на себя чаще всего пересылают в мессенджере, и открывают её с мобильного, между делом. Посмотрите свою статистику в Яндекс Метрике и рисуйте макет под узкий экран, а широкий уже как второй вариант. Про технику адаптива есть отдельный разбор мобильной версии сайта.

Каталог услуг и цены

Карточка услуги отвечает на четыре вопроса: что это, что входит, сколько длится, сколько стоит. Не хватает хотя бы цены, и человек уходит сравнивать к тем, у кого она есть.

1. Сгруппируйте услуги по задаче человека, а не по вашей внутренней логике: не «процедура А и процедура Б», а «уход», «окрашивание», «выезд на дом».
2. У каждой позиции поставьте конкретную цену или честную вилку от и до.
3. Рядом объясните, от чего зависит сумма: длина волос, объём текста, площадь, выезд за город.
4. Соберите 2-3 пакета (базовый, основной, расширенный): они снимают часть вопросов о выборе.
5. Поставьте дату обновления прайса и следите, чтобы она была свежей.

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

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

По теме: Как сделать меню на сайте в 2026: шапка, бургер, якоря

Портфолио и отзывы

Портфолио убеждает не количеством, а подписями. Шесть работ с пояснением, какая была задача и что получилось, работают лучше сорока картинок подряд.

• Подпись к работе: задача, что сделали, сколько времени заняло.
• Фото до и после, если это уместно: ремонт, маникюр, дизайн, уборка.
• Ссылка на живой результат, если вы делаете сайты, тексты, съёмку.
• Отзывы с именем и источником: скриншот с карт или из мессенджера убедительнее анонимного текста на странице.
• Карточка организации на картах: часть людей проверит вас там, прежде чем написать.

Запись и заявки: кнопка, мессенджер, календарь

Записаться должно быть можно тремя способами, и все три ставятся за один вечер.

1. Кнопка в мессенджер. Ссылка вида https://wa.me/79990000000 или https://t.me/username открывает чат сразу, без формы и полей. На телефоне это самый короткий путь.
2. Форма заявки для тех, кто не хочет писать первым: имя, контакт, услуга, удобное время. Заявка должна мгновенно приходить вам в мессенджер или на почту, а человек должен увидеть подтверждение на экране. Как это устроено технически, показано в разборе про сайт с формой заявки.
3. Календарь со свободными слотами. В сервисах онлайн-записи это готовый виджет: у DIKIDI базовый тариф бесплатный, без ограничения по времени, и в него входят онлайн-запись, уведомления и предоплата (условия тарифов DIKIDI).

Кнопка записи должна быть видна на первом экране и повторяться после каталога, портфолио и отзывов. Рядом укажите время ответа: «отвечаю в течение часа с 10 до 20» успокаивает лучше, чем обещание ответить быстро.

Предоплата: когда она нужна и как её принять

Предоплата нужна там, где ваше время резервируется под конкретного человека: съёмка, приём, выезд, длинная процедура. Даже символическая сумма отсеивает записи «на всякий случай».

• Платёжная ссылка или кнопка оплаты. В ЮKassa комиссия зависит от способа оплаты: минимальная ставка начинается от 0,4%, по банковским картам это 2,8% плюс 1% за чек при подключении сервиса чеков (тарифы ЮKassa).
• Самозанятые подключают ЮKassa без регистрации ИП, а оплата по QR-коду проходит с комиссией до 0,7% (ЮKassa о работе с самозанятыми).
• Кассовый аппарат самозанятому покупать не нужно: чек формируется в приложении «Мой налог» и отправляется человеку ссылкой, сообщением или QR-кодом (сайт ФНС для самозанятых).
• Если запись идёт через сервис вроде DIKIDI, предоплату включают прямо в виджете записи, отдельная страница оплаты тогда не нужна.

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

По теме: Как сделать сайт как Авито в 2026: доска объявлений с нуля

Как собрать такой сайт с ИИ

Путей два. Первый: конструктор. У Tilda бесплатный тариф даёт один сайт, Personal стоит 750 ₽ в месяц или 500 ₽ в месяц при оплате за год, Business с экспортом кода 1250 ₽ в месяц (тарифы Tilda). Второй путь: попросить ИИ собрать страницу кодом. Тогда абонентской платы нет, вы платите за домен и хостинг, а править что угодно можно текстовой командой.

1. Соберите факты в один файл: список услуг, цены, длительность, 6-10 фото работ, 3-5 отзывов, контакты, время ответа.
2. Отдайте их нейросети вместе с промптом ниже. Просите один файл index.html со встроенными стилями: такую страницу проще выложить куда угодно.
3. Проверьте результат на своём телефоне: кнопки не меньше подушечки пальца, цены читаются без увеличения, страница не едет вбок.
4. Подключите живые ссылки: мессенджер, форму, оплату, карту. Проверьте каждую нажатием, а не глазами.
5. Опубликуйте и поставьте счётчик Яндекс Метрики, чтобы видеть, докуда люди дочитывают и по каким кнопкам жмут.

Собери одностраничный сайт услуг для частного мастера.
Ниша: маникюр, город Казань, работаю одна в своей студии.
Порядок экранов: первый экран с именем, одной фразой о пользе и кнопкой «Записаться»;
каталог услуг карточками (название, что входит, длительность, цена);
портфолио с подписями; отзывы; как проходит визит в 4 шага; вопросы и ответы; контакты.
Услуги, цены и отзывы возьми только из списка ниже, ничего не придумывай:
<сюда вставьте свой список>
Кнопка «Записаться» ведёт на https://wa.me/79990000000 и повторяется после каталога и после отзывов.
Сначала свёрстай мобильную версию под ширину 375 px, потом добавь широкие экраны.
Отдай один файл index.html со встроенными стилями, без внешних библиотек.
Под фото оставь блоки-заглушки с подписями, картинки я вставлю сам.
Тон спокойный, без восклицательных знаков и рекламных обещаний.

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

Частые ошибки

• Нет цен ни в каком виде. Самая дорогая ошибка: страница выглядит красиво, а обращений почти нет.
• Контакт и кнопка записи только в подвале. До подвала долистывают немногие, кнопка нужна уже на первом экране.
• Форма отправляется в пустоту: человек не видит подтверждения, а вы не получаете уведомления. Проверяйте форму раз в месяц с чужого телефона.
• Портфолио без подписей. Двадцать фото без пояснений не отвечают на вопрос, справитесь ли вы с задачей человека.
• Сайт проверен только на компьютере. На телефоне вылезает мелкий шрифт, кнопки в край экрана и горизонтальная прокрутка.
• Прайс и работы годовой давности. Устаревшая цена в первом же сообщении портит разговор.
• Половина страницы о себе, услуги где-то ниже. О себе достаточно нескольких строк рядом с фото.
• Пять разных кнопок подряд. Оставьте одно основное действие, остальное уберите в контакты.

Частые вопросы

Нужен ли сайт, если есть страница в соцсетях?

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

Что делать, если цена зависит от объёма?

Показывать вилку и правило расчёта: базовая ставка плюс за что берётся доплата. Плюс один пример: конкретный заказ, что в него входило, сколько получилось в итоге. Это честнее пустого прайса и снимает половину вопросов.

Сколько стоит сделать такой сайт?

Если собирать самому, расходы сводятся к домену и хостингу или к тарифу конструктора. Заказ у исполнителя стоит заметно дороже, и цена зависит от объёма работ: разбор с реальными вилками есть в материале о том, сколько стоит сделать сайт.

Обязательно ли подключать сервис онлайн-записи?

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

Что важнее: дизайн или тексты?

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