Как добавить форму бронирования гостиничного номера в WordPress

Опубликовано: 2023-02-09
How to create a hotel room booking form

Вы хотите, чтобы клиенты могли легко бронировать номер в отеле через ваш веб-сайт?

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

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

Что нужно для создания формы бронирования гостиничного номера?

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

С такими плагинами, как WPForms, вы можете настроить это самостоятельно, имея базовые знания WordPress.

wpforms

WPForms — лучший конструктор форм WordPress на рынке. Он очень прост в использовании и является отличным вариантом для начинающих.

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

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

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

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

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

Еще один замечательный аддон — User Journey. Это позволяет вам видеть, как посетители находят ваш веб-сайт, какие страницы они посещают, и все другие шаги, которые они предпринимают перед отправкой формы бронирования. Вы можете использовать эти ключевые идеи, чтобы лучше оптимизировать свои маркетинговые усилия.

Мы любим WPForms и используем его на нашем собственном сайте. Вот несколько причин, почему:

  • Шаблоны для всех видов форм, которые вам нужны
  • Простой конструктор форм перетаскивания
  • Расширенные маркетинговые интеграции
  • Платежные интеграции
  • Опросы и опросы
  • Сегментация пользователей
  • Управление входом
  • Мгновенные уведомления по электронной почте
  • Встроенная защита от спама
  • Автоматические электронные письма с подтверждением для клиентов

И это только некоторые особенности этого плагина. WPForms может многое предложить, и мы подробно рассмотрели это в нашем руководстве: Обзор WPForms: стоит ли это шумихи? [Должен прочитать]

Причина, по которой мы выбрали WPForms для этой задачи, заключается в том, что здесь есть готовая форма бронирования отеля, которую вы можете добавить на свой веб-сайт за 2 минуты. Это доступно с планом Pro.

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

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

В этом уроке мы будем использовать WPForms Pro, чтобы действительно показать, на что способен этот плагин. Давайте начнем.

Как создать форму бронирования гостиничного номера в WordPress

Чтобы продолжить, вам нужно настроить сайт WordPress. Если вы этого не сделаете, вот полезное руководство, которое вы можете использовать для создания сайта WordPress: Как сделать сайт с нуля шаг за шагом).

Шаг 1: Получите WPForms

Во-первых, вам нужно зарегистрировать учетную запись WPForms.

Это даст вам доступ к вашей собственной панели управления учетной записью WPForms. На вкладке « Загрузки » вы найдете файл загрузки плагина вместе с лицензионным ключом.

wpforms-pro-license

Вам необходимо скачать файл плагина и установить его на свой сайт WordPress. Никогда не делали этого раньше? Не беспокойтесь, следуйте нашему простому руководству по установке плагина WordPress.

После того, как вы установите и активируете плагин WPForms, откройте WPForms »Настройки в панели администратора WordPress. Чтобы активировать профессиональные функции, вам необходимо ввести здесь свой лицензионный ключ.

WPForms license page

Нажмите кнопку « Подтвердить ключ », и вы увидите сообщение об успешной проверке.

Теперь вы готовы настроить форму бронирования отеля.

На вкладке WPForms »Add New вы увидите библиотеку шаблонов. Во-первых, вы можете добавить имя для своей формы, чтобы вам было легко идентифицировать ее на панели инструментов WPForms.

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

hotel room booking template

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

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

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

WPForms drag and drop builder

WPForms позволяет добавить:

  • Выпадающие меню
  • Большой выбор
  • Флажки
  • Числа
  • Ползунки с цифрами

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

payment fields

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

Чтобы добавить варианты оплаты, вам необходимо установить и активировать необходимое дополнение для интеграции платежей, например Stripe, Authorize.net, Square или PayPal. Следуйте этому руководству для подробных шагов: Как принимать платежи Stripe. и Как добавить квадратные платежи в WordPress.

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

edit field in wpforms

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

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

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

use images in form

Теперь вы можете загружать изображения сюда. WPForms рекомендует использовать тот же размер 250×250 пикселей. Благодаря этому каталог выглядит потрясающе на всех устройствах.

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

images-in-booking-form

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

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

Шаг 3. Настройте уведомления формы

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

На вкладке Настройки »Уведомления вы увидите уже настроенное уведомление по умолчанию. Это отправляет копию записи формы на адрес электронной почты администратора.

admin email notification in wpforms

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

choose-user-email

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

Вы также можете настроить отдельные уведомления, используя кнопку «Добавить новое уведомление» вверху. Это позволяет создать один для вас или вашей команды, а другой для клиента.

admin email notification in wpforms

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

custom room booking email notification

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

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

onscreen room booking confirmation

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

  • Показать сообщение: вы можете поблагодарить их или подтвердить их подписку.
  • Показать страницу: вы можете отобразить любую страницу на своем веб-сайте, например, страницу благодарности.
  • Перенаправление на URL-адрес: это позволяет вам перейти на стороннюю веб-страницу, которая не является частью вашего веб-сайта.
confirmation in wpforms

Добавить эти параметры очень просто, поэтому мы не будем вдаваться в подробности. Мы подробно рассмотрели это в нашем руководстве: Как настроить правильные уведомления и подтверждения форм.

Шаг 4. Подключитесь к почтовому маркетингу

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

На вкладке « Маркетинг » вы увидите доступные варианты интеграции. Просто выберите своего любимого провайдера, и вы увидите возможность установить и активировать маркетинговый аддон для этого провайдера.

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

add new connection in wpforms

Вы также можете подключиться к платформам контент-маркетинга и автоматизации, таким как HubSpot, Zapier и Uncanny Automator.

Теперь ваша форма готова к запуску.

Шаг 5: Опубликуйте форму бронирования гостиничного номера

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

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

Embed WPForms

Вы также можете выйти из редактора здесь и вставить форму в любое время. Для этого просто откройте страницу или пост в редакторе блоков. Добавьте новый блок и найдите «WPForms».

Когда вы добавите этот блок, вы увидите талисман WPForms вместе с выпадающим меню, которое позволяет вам выбрать форму подписки, которую вы только что создали.

add wpforms in block editor

Этот виджет доступен во всех популярных конструкторах WordPress, таких как SeedProd и Elementor. Если вы все еще используете классический редактор, вы увидите кнопку, позволяющую выбрать и встроить форму.

Если вы хотите отобразить форму внутри нижнего колонтитула, заголовка или боковой панели, перейдите на вкладку Внешний вид »Виджеты . Здесь вы сможете добавить блок WPForms в нижний колонтитул или боковую панель, используя тот же виджет.

Вот и все! Вы успешно создали форму бронирования гостиничных номеров для своего веб-сайта.

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

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

trustpulse new homepage

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

trustpulse review popups

TrustPulse также позволяет создавать статические сообщения, чтобы привлечь внимание пользователя и забронировать номер прямо сейчас!

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

  • Как построить воронку продаж в WordPress (руководство для начинающих)
  • Как получить больше онлайн-отзывов для развития вашего бизнеса на WordPress
  • Как настроить отслеживание форм WordPress в Google Analytics

Эти статьи помогут вам расширить свой бизнес и получить представление о том, что работает для вас.