Особенности плагина Divi: бронирование отелей и интеграция Divi

Бронирование отелей от MotoPress - один из самых популярных плагинов бронирования для WordPress. Он хорошо интегрируется с Divi, но как отдельный плагин он не использует Divi Builder и его особенности дизайна. Интеграция с Divi для бронирования отелей стала возможной благодаря использованию плагина Hotel Booking & Divi Integration от MotoPress.

Используя бесплатную или премиальную версию Hotel Booking, легко добавить функцию бронирования гостиницы на любой веб-сайт Divi и оформить ее с помощью Divi Builder. В этой статье мы рассмотрим различные плагины и параметры, посмотрим, как они работают с Divi Builder, и посмотрим, насколько хорошо они интегрируются в макеты Divi.

Плагины бронирования отелей

Взгляните на плагины интеграции Divi для бронирования отелей.

Бронирование отелей Lite

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

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

Бронирование отелей Pro

Версия Pro добавляет больше платежных шлюзов, автоматическую синхронизацию с OTA (обменные календари), возможность добавлять бронирования из серверной части, переменные цены в зависимости от количества гостей и ночей проживания и других опций, а также приоритетных обновлений и поддержки.

Бронирование отелей и интеграция с Divi

Hotel Booking & Divi Integration - это бесплатное дополнение, которое добавляет новые модули в Divi Builder, чтобы вы могли создавать страницы бронирования и стилизовать их с помощью Divi. Модули позволяют Divi стилизовать и отображать помещения в виде списков, как единое жилье, услуги, формы, поиск и т. Д. Он включает в себя функции для включения или отключения практически каждого элемента, чтобы вы могли настроить их отображение. Стиль с модулями Divi работает так же, как и с любым другим модулем, поэтому вы полностью контролируете его внешний вид.

Использование бронирования отелей и интеграции Divi

Новые страницы по умолчанию для бронирования отелей

После установки плагина Hotel Booking вы увидите сообщение для установки страниц. Это страницы, которые система бронирования отелей использует для транзакций и т. Д., Поэтому я рекомендую вам их создать. Щелкните кнопку.

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

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

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

Модули Divi

В Divi Builder добавлены новые модули. Они включают:

• Список
• Ставки
• Сервисные услуги
• Бланк брони
• Доступность поиска
• Одиночный аккомпанемент.

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

Примеры модулей Divi

Я воссоздал тот же макет, что и страница «Размещение», с помощью Divi Builder. Я добавил боковую панель, чтобы она соответствовала.

Результат очень похож. Конечно, теперь мы можем поэкспериментировать со стилями и вариантами макета.

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

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

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

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

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

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

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

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

Модуль «Услуги по размещению» отображает все услуги или конкретные услуги на основе идентификаторов. Он включает в себя все те же конструктивные особенности, к которым мы привыкли. Без идентификатора он покажет все услуги в списке. Добавление идентификатора означает, что вы можете разместить любую службу в любом месте и отображать несколько служб в любом макете, используя несколько модулей.

Интеграция бронирования отелей в макеты Divi

Любой из макетов Divi можно настроить для создания веб-сайта отеля, но есть несколько, которые отлично работают без особых изменений, например Real Estate, Travel Blog и Bed and Breakfast. Я использую кровать и завтрак (и, благодаря написанию этой статьи, теперь хочу начать проживание в отеле типа «постель и завтрак»).

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

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

Он выглядит почти так же, как исходный раздел в этом макете, но теперь мы можем выбрать определенные комнаты или жилые помещения для отображения и изменить их, просто вставив их ID. Разбиение на страницы также помогает предоставить больше информации в том же пространстве.

Конечные мысли

Hotel Booking & Divi Integration легко настроить и использовать. Мне никогда не нужно было читать инструкции, но они включают подробный пост в блоге, который поможет вам пройти через него, если вы хотите его прочитать. Мне нравится использовать Divi Builder для всех страниц, которые создает Hotel Booking.

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

У MotoPress есть несколько тем для отелей и аренды недвижимости, доступных для WordPress. Я бы хотел, чтобы в список было добавлено несколько макетов Divi. В Elegant Themes уже есть несколько макетов, которые отлично подходят для отелей и компаний типа «постель и завтрак», поэтому использование Hotel Booking & Divi Integration кажется естественным.

Если вы создаете сайты отелей и аренды с помощью Divi, вам потребуется интеграция с Divi для бронирования отелей. Я настоятельно рекомендую использовать даже бесплатную версию плагина Hotel Booking вместе с дополнением Hotel Booking & Divi Integration. Теперь мне нужно спланировать свой отель типа «постель и завтрак».

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

Избранные изображения через Сиру Анамвонг / shutterstock.com