Вы описываете, какой сайт хотите, а ИИ помогает его собрать. Это и называют вайбкодингом. Можно начать с готового конструктора или сделать свой сайт и разместить его отдельно. Рассказываем простыми словами, что выбрать и с чем придётся разобраться.
Начните с того, зачем вам сайт
Допустим, у вас банный комплекс. Одни гости приезжают большой компанией на вечер. Другие хотят спокойно отдохнуть вдвоём и сходить на индивидуальное парение. Им важны разные вещи. Сайт должен помочь человеку понять, подходит ли ему ваш отдых, выбрать программу и связаться с вами.
До первой команды ИИ запишите: для кого вы работаете, что предлагаете и что человек должен сделать на сайте. Добавьте фотографии, цены и условия. ИИ не знает ваш бизнес так, как знаете его вы.
Пример запроса для ИИ: «У нас небольшой банный комплекс за городом. Гости приезжают парами или с друзьями. Помоги придумать сайт, на котором можно посмотреть программы и оставить заявку. Сначала задай вопросы о том, чего тебе не хватает. Пока ничего не собирай».
Вариант 1. Взять готовый конструктор
Конструктор похож на квартиру с готовой отделкой: основные вещи уже устроены, остаётся подобрать оформление и наполнить её своими вещами. У сайта уже есть редактор, место в интернете и инструменты для страниц. Вы добавляете тексты, фотографии и услуги, настраиваете кнопки и проверяете результат.
Что сейчас умеет Тильда
В Тильде есть Vibe Block: описываете нужную часть страницы, и ИИ её создаёт. Например, первый экран или раздел с программами парения. Дальше можно попросить поменять оформление и текст. Инструкция Тильды.
Чтобы разделы выглядели одинаково, можно сохранить правила оформления: цвета, шрифты и вид кнопок. В Тильде это называется DESIGN.md. По сути, короткая памятка для ИИ о том, как должен выглядеть ваш сайт. Как добавить свой стиль.
Есть и подключение внешнего ИИ-помощника к Тильде, которое называется MCP. Оно позволяет поручать ему действия на сайте: создавать страницы, работать с текстами и товарами. Доступно на Personal и Business. Для первого опыта с Vibe Block отдельно подключать MCP не надо. Подробнее о подключении.
А что с Wix?
В Wix Harmony тоже можно рассказать помощнику, какой сайт нужен, получить первый вариант и дальше менять его в диалоге или руками. Есть и подключение ИИ к управлению сайтом. Возможности Wix Harmony, подключение помощника.
Но российскому заказчику этот вариант не советуем: Wix сообщает, что с 12 сентября 2024 года не обслуживает резидентов России. Условия Wix.
Вариант 2. Собрать сайт в сервисе с ИИ
Есть сервисы вроде Lovable. Вы пишете, что хотите сделать, видите результат и просите изменения. Например: «Добавь программы», «Сделай фотографии крупнее», «Упрости форму заявки».
Так удобно пробовать идеи. Но до начала работы стоит узнать, как опубликовать сайт, как потом менять цены и можно ли забрать проект, если захотите уйти из сервиса. Эти вопросы лучше решить заранее.
В руководстве Lovable советуют сразу объяснять задачу, использовать настоящие материалы и вносить правки небольшими шагами. Это хороший порядок для работы с любым ИИ. Рекомендации Lovable.
Вариант 3. Сделать свой сайт с Codex или Claude Code
Здесь вы собираете сайт из собственных файлов. Codex или Claude Code помогают писать и менять код по вашим просьбам. Готовый сайт размещаете на выбранном хостинге. Хостинг, если совсем просто, это место в интернете, где лежит ваш сайт.
Свободы больше: можно придумать своё оформление и нужные функции. При этом придётся разобраться, как всё работает вместе, как обновлять сайт и что делать, если что-то сломалось.
Наш сайт сделан именно так
Сайт RedLoft собран на React и Next.js. Это инструменты, из которых разработчики собирают страницы. Мы сначала готовим новую версию сайта, затем выкладываем готовые файлы на Beget. Поэтому для показа наших страниц не нужен отдельный постоянно работающий сервер приложения. Описание такого способа в Next.js.
Тексты и фотографии хранятся отдельно от оформления, чтобы их было проще менять. Заявки принимает отдельная программа и передаёт менеджеру. Перед обновлением мы проверяем сайт на тестовой версии, сохраняем резервную копию и только потом меняем основной сайт.
Для совсем маленькой страницы можно выбрать ещё более простую основу. А если нужны личные кабинеты, сложное бронирование или другие функции, работы и расходов будет больше.
С чего начать, если хотите попробовать
- Опишите свой проект и соберите материалы.
- Попросите ИИ объяснить план: как будет устроен сайт, где он будет работать и как вы получите заявки.
- Сначала сделайте одну страницу и одну рабочую форму.
- Решите, как будете менять цены, тексты и фотографии.
- Научитесь проверять обновления и возвращать предыдущую версию, если что-то пошло не так.
Пример запроса для ИИ: «Хочу сделать сайт банного комплекса и разместить его на обычном хостинге. Предложи простой вариант. Объясни, как я буду менять тексты, получать заявки и обновлять сайт. Сначала покажи план и расходы. Не публикуй сайт без моего согласования».
Почему мы выбрали Beget
Наш сайт работает на Beget. У хостинга есть API: это способ поручать программе часть действий, которые обычно делают через панель управления. Он пригодится, если захотите автоматизировать работу. Но для первой загрузки сайта разбираться с API необязательно. Документация Beget.
Посмотреть хостинг Beget → Это наша партнёрская ссылка. При выполнении условий программы мы можем получить вознаграждение.
Сколько денег понадобится
Возьмём небольшой сайт без сложных функций. На 14 октября 2026 года расходы выглядят так:
| За что платим | Сколько |
|---|---|
| Хостинг Beget Blog | 5 040 ₽ за год при годовой оплате |
| Новый адрес сайта в зоне .ru | 199 ₽ за первый год, затем 420 ₽ в год за продление |
| Защищённое соединение, значок замка в браузере | Включено в выбранный тариф хостинга |
| Codex в подписке ChatGPT Plus | $20 в месяц, с ограничениями использования |
| Claude Code в подписке Claude Pro | $20 при оплате по месяцам, с ограничениями использования |
Можно выбрать одного ИИ-помощника. Обе подписки покупать необязательно. Цены проверены на официальных страницах Beget, доменов, Codex и Claude. Цена в рублях за иностранную подписку зависит от курса, налогов и способа оплаты. Доступность сервиса тоже надо проверить для своей страны.
В этом примере хостинг и новый адрес сайта стоят 5 239 ₽ за первый год. Плюс выбранный ИИ-помощник. Один месяц подписки по указанной цене стоит $20, двенадцать месяцев: $240. Сколько месяцев и сколько дополнительных запросов понадобится на ваш сайт, заранее не известно.
При тех же тарифах следующий год хостинга и продления адреса обойдётся в 5 460 ₽. Чтобы уже готовый сайт просто открывался у посетителей, постоянно платить за ИИ не требуется.
Но это только расходы на сервисы. Здесь нет стоимости вашего времени, съёмки, платных функций и помощи специалиста. Разместить сайт недорого. Придумать его, собрать и проверить всё равно кому-то придётся.
А как потом менять цены и фотографии?
Это вопрос, который легко забыть во время сборки. ИИ сделал красивую страницу, но через месяц нужно поменять программу парения. Как вы это сделаете?
Можно каждый раз просить ИИ менять файлы. А можно подключить удобную панель: открыть её, найти нужное поле, написать новую цену и сохранить. Такие панели называются CMS. Есть бесплатные готовые основы, например Sveltia CMS.
Если хочется ещё и свободно двигать блоки на странице, можно собрать собственный конструктор на готовой основе, например GrapesJS. Но его тоже надо настроить и связать с сайтом. Для обычной смены услуг и фотографий такая большая система может быть лишней.
То есть готовые части есть. Вам остаётся собрать из них удобный сайт: чтобы он красиво выглядел, принимал заявки, позволял менять информацию и нормально обновлялся.
Как получить своё оформление
Начните с ваших фотографий и характера проекта. Уютная баня в лесу и большие городские термы не должны рассказывать о себе одинаково.
Найдите несколько примеров и объясните, что нравится в каждом: крупные фотографии, спокойные цвета, красивые заголовки, удобный выбор услуг. Попросите ИИ предложить своё решение с учётом этих пожеланий.
Пример запроса для ИИ: «Хочу тёплый и спокойный сайт. Используй наши фотографии, светлый фон и тёмный читаемый текст. Покажи два варианта первого экрана. Не копируй чужую страницу целиком и не придумывай отзывы».
Выберите один вариант и собирайте остальные разделы в том же стиле. Потом правьте конкретно: «На телефоне заголовок слишком большой», «Кнопку трудно заметить», «На этой фотографии не видно пространство». Так проще получить нужный результат, чем снова просить «сделай красивее».
Проверьте сайт перед запуском
Откройте его на телефоне. Легко ли понять, что вы предлагаете? Можно ли выбрать услугу, узнать условия и оставить заявку?
Отправьте тестовую заявку и убедитесь, что она дошла. Проверьте кнопки, адрес, цены и фотографии. Подключите счётчик посещений и проверьте, что он замечает успешные заявки. Убедитесь, что поисковики могут открыть сайт. Красивую картинку важно довести до работающего результата.
Не хотите собирать всё сами? Мы уже подготовили основу
Мы в RedLoft прошли этот путь: собрали инструменты, подключили редактор, настроили проверку и обновление сайтов. Используем готовые технологии и свои доработки. Теперь эти наработки помогают нам делать следующие проекты.
А главное, у нас есть опыт в банях, термах и wellness. Мы понимаем, как показать атмосферу, объяснить программы и помочь гостю выбрать. Вы знаете свой бизнес, мы знаем, как превратить это в понятный сайт.
Поэтому можно попробовать самостоятельно. А если хочется доверить работу специалистам, давайте объединим ваши идеи с нашим опытом и готовыми наработками.
Создаём сайты для бань, терм, SPA, загородных клубов, отелей и ресторанов от 300 000 ₽. До начала работы согласуем, что входит в сайт и какие дополнительные задачи вам нужны. Условия хостинга и внешних сервисов уточним в предложении.
Почему работа специалистов остаётся важной, рассказываем в статье «Вайбкодинг сайта: сделать самому или заказать у специалистов?».
Ещё о возможностях Wix для тех, кто выбирает платформу
Wix Harmony и Wix Studio дают разные возможности работы с кодом. Если нужны особые функции, сначала проверьте, какой редактор их поддерживает. Описание различий у Wix.
Возможности и цены проверены по официальным источникам 14 октября 2026 года. Примеры запросов и советы основаны на нашем подходе к работе. Сайт с ИИ можно оформить под свой проект, но сама генерация не гарантирует уникальность дизайна.
Частые вопросы о самостоятельном сайте с ИИ
Можно ли сделать сайт с ИИ без программиста?
Простую страницу можно попробовать собрать самому: описать задачу, подготовить материалы и проверить результат. Для удобного редактирования, заявок и сложных функций могут понадобиться дополнительные настройки или помощь специалиста.
Нужен ли конструктор для сайта с Codex или Claude Code?
Нет. ИИ может помогать работать с собственными файлами сайта. Но способ редактирования, хостинг, приём заявок и обновления придётся выбрать и настроить.
Сколько стоит разместить самостоятельно собранный сайт?
В приведённом примере небольшой сайт на Beget Blog и новый домен .ru стоят 5 239 ₽ за первый год при годовой оплате хостинга. Цены проверены 14 октября 2026 года. Подписки ИИ, ваше время и дополнительные функции в эту сумму не входят.
