Как добавить SMS-оповещение в формы Elementor с валидацией OTP

Rifat Элементор Jan 12, 2023

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

Сегодня мы расскажем, как интегрировать SMS-оповещение с формами Elementor и включить проверку OTP. Обратите внимание, что формы elementor доступны только в версии Elementor Pro .

Добавление SMS-оповещения в Elementor

У вас должен быть установлен подключаемый модуль, чтобы включить функцию SMS, которая называется SMS Alert Order Notification . Это надстройка для WooCommerce. С помощью этого плагина как администратор, так и клиент могут получать SMS-оповещения о своих заказах.

Плагин WooCommerce Order SMS Notification для WordPress очень полезен, когда вы хотите получать уведомления по SMS после размещения заказа. После оформления заказа как покупатель, так и продавец могут получать SMS-уведомления. Интерфейс администратора позволяет очень просто персонализировать выбор SMS-уведомлений.

Создавайте потрясающие сайты

С лучшим бесплатным конструктором страниц Elementor

Начать сейчас

На панели управления WordPress сначала мы создадим или отредактируем страницу, на которой мы хотим использовать форму elementor.

Затем нажмите «Редактировать с помощью кнопки Elementor» вверху.

В разделе Pro нажмите на форму и перетащите ее вправо.

Под полями формы нажмите «Добавить элемент» и выберите тип SMS-оповещения. Это добавит в форму новое поле телефона.

Затем, нажав «Действия» после отправки и добавления нового действия SMS-оповещения, вы заметите, что теперь отображается новая опция настроек SMS-оповещения.

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

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

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

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

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

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

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

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

После ввода OTP форма отправляется, и я получаю еще одно благодарственное сообщение, которое я настроил.

Подведение итогов

Возможности Elementor безграничны. После этого вы можете легко добавить SMS-уведомления на свой сайт. Кроме того, вы всегда можете проверить отправленные журналы SMS на панели управления SMS-оповещениями. Мы надеемся, что этот урок был полезен для вас, и скоро увидимся с новыми информативными уроками в будущем. Большое спасибо!

Divi WordPress Theme