4 полных демо

Тема WordPress для спа, построенная вокруг меню процедур

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

Обновлено

Демо

Четыре сайта для красоты, готовые к импорту

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

Меню процедур

Процедура — это запись со своей страницей

Демо Spa при импорте регистрирует тип контента «Процедуры». У каждой процедуры есть фото, категория, цена, длительность и описание, а также отдельная страница с кнопкой записи и списком похожих процедур внизу. Измените цену в записи, и она обновится на странице меню, на отдельной странице процедуры и в списках похожих процедур.

  • 16 процедур в демо Spa с разбивкой на четыре категории: спа-терапия, скрабы для тела, обёртывания для тела и косметические чистки лица
  • В демо Barber Shop так же описаны 8 услуг: у каждой указаны цена, длительность и описание в одну строку
  • Демо Beauty Salon хранит более короткую таблицу цен прямо на странице, и для одностраничного сайта это правильный формат
  • Категории дают каждой группе процедур собственный список, поэтому новое обёртывание появляется везде, где выводятся обёртывания
Страница процедуры из демо Spa на телефоне: категория, цена, длительность, описание и кнопка «Забронировать»
Бронирование

Форма принимает заявку. Плагин ведёт расписание.

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

  • Форма «Reserve Now» в демо Spa запрашивает имя, номер телефона, email и сообщение, и каждая заявка сохраняется как запись в WordPress
  • Форма Barber Shop также отправляет письмо салону и отсеивает ботов с помощью honeypot-поля
  • Салон красоты включает 2 формы и всплывающее окно с акциями, чтобы показать нужное предложение новому клиенту
  • Confirmation email, webhooks, Mailchimp, reCAPTCHA v3 and Cloudflare Turnstile are all settings on any Canvas Form
Главная страница демо Spa с слайдером процедур и навигацией по нему
Продажи наряду с записью

Магазин в том же дизайне, что и салон

Демо Barber Shop: магазин WooCommerce и одновременно сайт услуг. Здесь есть товары со скидочными ценами, страница «Товары», корзина и оформление заказа в собственном дизайне демо, и нигде не видно стандартного оформления WooCommerce. Каждый тариф включает 24 блока WooCommerce, поэтому розничные продажи можно подключить и после запуска сайта.

  • В Barber Shop есть 4 товара наряду с услугами, а также собственные страницы корзины покупок и оформления заказа
  • Версия Beauty Kit ориентирована на продукты: 6 наборов, и у каждого указаны цена, размер, подходящие типы кожи и время применения.
  • В Beauty Kit также есть отдельные страницы для наборов, ингредиентов, результатов и историй, а также 6 записей в журнале

Как настроить магазин WooCommerce в Canvas

Страница товаров демо Barber Shop на телефоне: бритва с ценой и описанием
Главная страница демо Spa на телефоне с полноэкранным слайдером
На телефоне

Клиенты читают ваш прайс-лист на телефоне

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

  • В одностраничных демо ссылки на разделы сохраняются в мобильном меню, поэтому прайс-лист открывается в одно касание
  • Настройки темы содержат правила для телефонных номеров в шапке, подвале и заголовке страницы
  • Изображения получают ширину, высоту, отложенную загрузку и адаптивные размеры из WordPress
  • Canvas загружает только тот CSS и JavaScript, которые страница действительно использует
Почему Canvas для салона

Что важно правильно сделать на сайте салона

Прайс-лист и форма, оба полностью рабочие

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

Редактируется в самом WordPress

Цена, длительность, фотография: каждое из них — поле в редакторе WordPress. Осваивать конструктор страниц не нужно, и продлевать его тоже не придётся.

Обратимо

Canvas фиксирует всё, что записывает импорт. «Удалить данные демо» очищает их, поэтому просмотр демо Barber Shop после демо спа ничего вам не стоит.

Помощь с текстами включена

Описания процедур тяжело писать по двадцать раз. CanvasAI Engine создаёт черновики и переписывает текст в любом поле блока, с ежемесячными AI-кредитами на тарифе Canvas Годовой.

Вопросы

Сайты для салонов красоты: ответы без лишних слов

Ответы, которые верны для четырёх демо салонов красоты в том виде, в каком они поставляются.

Входит ли онлайн-бронирование?

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

Что на самом деле делают формы в демо?

Форма Reserve Now в демо Canvas Spa запрашивает имя, номер телефона, email и сообщение, а затем сохраняет каждую заявку записью в WordPress. Форма демо Barber Shop, помимо сохранения записи, отправляет письмо владельцу салона, а скрытое поле-ловушка (honeypot) отсеивает ботов. Отправка email, подтверждение клиенту, вебхук, Mailchimp, reCAPTCHA v3 и Cloudflare Turnstile настраиваются в Canvas Form, поэтому включить любой из них можно флажком в редакторе.

С какого демо стоит начать салону?

Из четырёх демо Canvas для салонов красоты Spa — одностраничный сайт, построенный вокруг меню из 16 процедур, каждая со своей страницей. Beauty Salon — одностраничный сайт салона со слайдером, таблицей цен, всплывающим окном с акциями и двумя формами. Barber Shop добавляет услуги, магазин и оформление заказа. Beauty Kit — сайт с акцентом на продукты: наборы, ингредиенты, страницы результатов и журнал.

Как управляется меню процедур?

В демо Canvas Spa каждая процедура — отдельная запись с фото, категорией, ценой, длительностью и описанием, а также собственной страницей с кнопкой бронирования и похожими процедурами. Измените цену в записи, и меню, страница отдельной процедуры и списки похожих процедур обновятся автоматически. В демо Beauty Salon прайс-лист хранится прямо на странице, что подходит для более короткого меню.

Можно ли продавать товары наряду с процедурами?

Да: Canvas создаёт магазин WooCommerce, и демо Barber Shop поставляется с магазином: товары для ухода по акционным ценам, страница «Товары», корзина и оформление заказа в собственном дизайне демо. Каждый тариф включает 24 блока WooCommerce, поэтому салон, который начинает только с услугами, может позже добавить магазин без смены темы.

Работают ли демо на языках с написанием справа налево?

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

На скольких сайтах действует одна лицензия?

Каждая лицензия Canvas покрывает неограниченное количество сайтов и мультисайтовых сетей. Canvas Годовой стоит 79 $ в год, Canvas Пожизненный — 299 $ единоразово. Оба тарифа включают все демо и все блоки; различаются они оплатой, обновлениями и ежемесячными AI-кредитами тарифа Canvas Годовой.

Откройте свой салон онлайн с Canvas

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