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

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

Лучше использовать плагин, предназначенный для планирования. Плагины планирования могут управлять расписанием и информировать вас и ваших клиентов о встрече. Один из таких плагинов, Simply Schedule Appointments, интегрируется с Divi для создания наилучшего возможного планирования. В этой статье мы внимательно рассмотрим функцию «Простое планирование встреч» и посмотрим, на что она способна.

Установка простого расписания встреч

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

1. На панели инструментов WordPress перейдите в Плагины > Добавить новый.
2. Искать просто назначить встречи
3. Нажмите Установить сейчас
4. После установки плагина нажмите Активировать.

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

Выполните настройки как обычно. Сюда входят типы встреч, доступность, параметры расписания, Календарь Google, информация о клиентах, уведомления и т. Д. Я установил тип встречи как консультационный телефонный звонок.

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

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

Обычно вам нужно использовать шорткод, чтобы разместить форму бронирования на своем веб-сайте. Программа Simply Schedule Appointments добавляет в Divi Builder новый модуль под названием «Назначение встреч».

Модуль встраивает многостраничную форму в ваш макет Divi. На первой странице представлена ​​информация о том, для чего предназначена форма, часовой пояс пользователя и календарь, в котором они могут выбрать дату и время. Кликабельны только те даты, которые вам доступны.

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

При нажатии на дату открывается следующая страница с доступным временем.

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

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

Настройки модуля "Просто запланировать встречу"

Настройки просты. Модуль не включает общие настройки для фона, границы, анимации и т. Д. Вкладка «Содержимое» включает «Тип бронирования», который позволяет вам выбрать, какие типы бронирований будут отображаться. Доступные типы бронирования - это те, которые вы установили на экране настроек плагина. Мои варианты: «Выбрать все» и «Телефонный звонок для консультации».

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

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

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

Обивка добавлена ​​с каждой стороны. Он не отображает отступы в Visual Builder. Вот как 100 пикселей выглядят на странице в реальном времени.

Вкладка Advanced включает настройки для идентификатора CSS и классов, настраиваемого CSS, видимости, переходов, положения и эффектов прокрутки.

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

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

Стиль по умолчанию для формы

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

Список предстоящих встреч

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

Просто назначайте встречи Пример Divi

В этом примере я заменил контактную форму на странице контактов пакета макетов Renovation модулем Simply Schedule Appointments. Используя цвета из макета, я сделал фон ярко-желтым, а цвет акцента - черным.

Это вторая страница. Он отображает доступное время. При наведении курсора кнопка становится черной.

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

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

Цена

Доступно несколько версий простого расписания встреч. Модуль Divi есть в каждой версии, включая бесплатную. Платные версии включают интеграцию с Google Calendar, PayPal, Google Analytics, Gravity Forms, Facebook Pixel, Mailchimp, Stripe и др. Варианты покупки включают:

• Бесплатно - включает модуль Divi
• Плюс - 99 долларов, включает Календарь Google, настраиваемые поля, интеграцию с Mailchimp, классы и групповые мероприятия.
• Professional - 199 долларов, добавляет платежи, веб-перехватчики, напоминания по электронной почте, отслеживание целей, поддержку в реальном времени

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

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

Модуль отлично работает. Хорошо меняет размер. Формы просты и интуитивно понятны для пользователей. Панель управления работает одинаково независимо от того, используете ли вы шорткоды или модуль Divi. Если вы заинтересованы в использовании плагина планирования с Divi, плагин Simply Schedule Appointments может быть именно тем плагином, который вам нужен.

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

Лучшее изображение через VectorKnight / shutterstock.com