Как сделать онлайн запись на сайте WordPress

Как сделать онлайн запись на сайте WordPress

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

В этой статье я расскажу, как создать форму онлайн-записи на сайте WordPress.

Огромное преимущество этой системы управления контентом перед конкурентами состоит в том, что практически на любой случай для WordPress есть готовое решение. И данный пример не является исключением.

О том, как создать возможность онлайн-записи я буду на примере плагина Appointment Hour Booking. Этот плагин мне понравился тем, что он имеет простой и понятный интерфейс и красивый дизайн. Разобраться, как создавать расписание в данном плагине действительно очень просто. Мне, например, понадобилось несколько секунд, чтобы понять, что к чему. И к тому же он блестяще справляется со своей задачей – организацией онлайн-бронирования. Плагин имеет собственные виджеты для редактора Elementor и Gutenberg. Поэтому интегрировать расписание можно в любое место сайта.

Создание онлайн-записи на WordPress

Создание онлайн-записи

После установки и активации плагина в основном меню админ-панели WordPress появится раздел Appointment Hour Booking. В нем нас интересуют два подпункта, это Appointment Hour Booking и Общие параметры.

Первым делом заходим в подраздел Appointment Hour Booking. Тут мы можем создать собственный новый календарь или редактировать шаблон по умолчанию, который называется Form 1. В поле Новый календарь присвоим имя нашей онлайн-записи и нажимаем кнопку Add new.

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

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

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

Нажимаем на кнопку Редактировать и попадаем в область редактирования формы для онлайн-записи. И здесь у нас открываются шесть разделов редактирования.

1. Редактор

Создание онлайн-записи на WordPress

Собственно, это редактор самой формы. В нем мы создаем поля для записи путем перетаскивания элементов в соответствующую область под календарем. В бесплатной версии плагина есть только четыре варианта полей. Это Email, текстовое поле, чекбокс для согласия на обработку данных и дополнительный календарь для следующего бронирования. Эти поля расположены во вкладке Добавить поле.

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

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

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

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

Теперь можно сохранить форму или перейти к следующему шагу.

2. Общие параметры

Создание онлайн-записи на WordPress

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

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

3. Уведомления по электронной почте

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

4. Антиспам

Данный плагин позволяет настроить вид собственной капчи для защиты от спама. Параметры для настройки – размер, цвет фона, рамка, количество символов и шрифт.

5. Отчеты

В этом разделе можно создать отправку отчетов в формате CSV по электронной почте.

6. Дополнения

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

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

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

Добавить комментарий

account android arrow-alt-circle-down arrow-alt-circle-left arrow-alt-circle-right arrow-alt-circle-up arrow-down arrow-left arrow-right arrow-up author bars behance blogger buffer caret-down caret-left caret-right caret-square-down caret-square-left caret-square-right caret-square-up caret-up cart-menu-1 cart-menu-2 cart-menu-3 cart-menu-4 categories chevron-down chevron-left chevron-right chevron-up clock close comments cookies copyright coupon-discount date-modified date-published discord double-arrows-down double-arrows-left double-arrows-right double-arrows-up dribbble envelope-open envelope eye facebook fax flickr foursquare github gmail google-drive grid-view hashtag hollow-ring homepage instagram ios level-down-alt level-up-alt line link linkedin list-view login logout long-arrow-alt-down long-arrow-alt-left long-arrow-alt-right long-arrow-alt-up medium messenger mobile-menu mobile phone pinterest place qq quote-left quote-right quotes reading-time-hourglass reading-time-stopwatch reddit rss scroll-to-top search shazam shopping-bag shopping-cart side-panel-opening-2-left side-panel-opening-2-right side-panel-opening-left side-panel-opening-right skype slack small-arrow-down small-arrow-left small-arrow-right small-arrow-up sms snapchat soundcloud spinner spotify stackoverflow sync telegram tiktok times-circle tinder trello tripadvisor tumblr twitch twitter viber vimeo vine vkontakte website wechat whatsapp windows wishlist xing yelp youtube zoom