Хотите добавить контактную форму во всплывающее окно на своем сайте WordPress?
Используя всплывающую форму WordPress, вы можете получить больше потенциальных клиентов и клиентов, упростив связь с вами в Интернете. В этой статье мы покажем вам, как легко создать всплывающую форму WordPress для вашего сайта.
Зачем использовать всплывающую форму WordPress?
Для владельцев малого бизнеса разумно разместить контактные формы не только на своей странице «Связаться с нами», но и во всплывающем окне WordPress. Это потому, что вы можете предложить своим читателям быстрый способ общаться с вами без необходимости прокручивать страницу, на которой они находятся.
Кроме того, вы также можете использовать всплывающую форму WordPress, чтобы:
- Обратная связь – Собирайте отзывы, запрашивая отзывы или даже создавая опрос.
- Контактная информация – Узнайте больше о своих читателях, получив их контактную и личную информацию.
- Подписка Создайте список рассылки по электронной почте, упростив регистрацию одним щелчком ссылки.
Итак, теперь, когда вы знаете, почему вы хотите использовать всплывающую форму WordPress, давайте посмотрим, как именно ее создать!
Как создать всплывающую форму WordPress
Если вам интересно, как я создаю всплывающую форму в WordPress, мы вам поможем. Ознакомьтесь с этим пошаговым руководством по созданию всплывающей формы WordPress.
Шаг 1. Установите необходимые плагины WordPress.
Для начала вам необходимо установить и активировать 2 плагина.
Во-первых, вам понадобится Popup Maker. Хотите знать, бесплатен ли создатель всплывающих окон? Да, вы можете использовать бесплатную версию для этого руководства и с WPForms.
Нажмите синюю кнопку загрузки и посмотрите, как установить плагин в WordPress.
Далее вам также понадобится плагин WPForms. Вот простое руководство по установке плагина WPForms.
Шаг 2: создайте простую контактную форму
Затем вам нужно создать форму, которую вы хотите поместить во всплывающую форму WordPress. Если вы уже создали контактную форму, вы можете пропустить этот шаг.
Чтобы создать форму, перейдите в WPForms »Добавить новый и выберите шаблон. В этом примере мы будем использовать простую контактную форму. Хорошая идея упростить работу с всплывающими формами WordPress, чтобы вы могли максимизировать коэффициент конверсии формы.
Как только форма загрузится, у вас будет все необходимое для начала, в том числе:
- Имя
- Фамилия
- Эл. почта
- Комментарий
Вы можете перетащить любые дополнительные поля с левой стороны в окно предварительного просмотра. Вы также можете удалить поле, щелкнув по нему и выбрав красный значок корзины справа.
По завершении создания формы необходимо нажать кнопку «Сохранить», чтобы сохранить изменения. Ваша контактная форма готова!
И теперь, когда у нас есть готовая форма, давайте перейдем к следующему шагу и создадим всплывающее окно в WordPress.
Вы хотите легко управлять отправкой форм? Взгляните на наше руководство о том, как сохранить данные формы в базе данных WordPress.
Шаг 3: создайте всплывающее окно в Popup Maker
Отлично, ваши плагины установлены и активированы. Затем мы войдем в плагин Popup Maker, чтобы создать его всплывающее окно. Этот бесплатный плагин WordPress позволяет легко создавать всплывающие окна с нуля.
Перейдите в панель управления WordPress и перейдите в Popup Maker »» Добавить всплывающее окно, и вы увидите всплывающий экран редактирования.
На этом экране вы захотите ввести имя для своего всплывающего окна. Кроме того, вы также можете ввести необязательный отображаемый заголовок, как в этом примере. Ваши посетители смогут видеть этот необязательный отображаемый заголовок.
А теперь пора вставить форму во всплывающее окно. Нажмите кнопку «Добавить форму», чтобы выбрать форму.
Появится экран «Вставить форму». Здесь вы можете выбрать форму, которую хотите вставить в это всплывающее окно, выбрав ее из раскрывающегося меню.
Как только форма выбрана, щелкните синий Добавить форму кнопку, чтобы добавить его во всплывающее окно.
Вы увидите уникальный шорткод, сообщающий этому всплывающему окну, какую форму использовать.
Прекрасная работа. Давайте настроим некоторые параметры всплывающих окон, прокрутив вниз и начав с триггеров.
Триггеры сообщают вашему всплывающему окну, когда открываться. Нажмите на синий Добавить новый триггер кнопка.
В появившемся окне параметров активации откройте раскрывающееся меню и выберите Задержка по времени / автоматическое открытие, Это приведет к тому, что всплывающее окно откроется после того, как посетители вашего веб-сайта будут находиться на странице в течение определенного периода времени.
Вы можете установить время для чего угодно, но мы рекомендуем начинать с 5 секунд (5000 миллисекунд). Когда будете готовы, нажмите кнопку Добавить кнопку, чтобы продолжить.
По умолчанию это всплывающее окно будет отображаться на каждой странице вашего веб-сайта WordPress и для всех на всех устройствах. Вы можете настроить эти параметры для таргетинга на определенных людей, устройства, места (например, публикацию или страницу) и многое другое в таргетинге. Фактически, чтобы узнать о дополнительных настройках, обратитесь к документации Popup Maker.
Затем давайте исправим внешний вид вашего всплывающего окна, нажав монитор в настройках всплывающего окна.
В раскрывающемся меню «Тема всплывающего окна» выберите тему для своего всплывающего окна.
Вы можете выбрать желаемую тему всплывающего окна. В этом примере мы выбираем популярный стиль Light Box.
Теперь измените любые другие параметры, которые вы хотите, и когда вы будете готовы, давайте продолжим и опубликуем вашу форму.
Прокрутите страницу вверх и нажмите Разместить кнопку, чтобы активировать всплывающую форму WordPress.
И вот оно! Теперь вы можете предварительно просмотреть всплывающую форму WordPress, чтобы убедиться, что она выглядит именно так, как вы хотите, и соответствующим образом изменить настройки.
Чтобы создать больше всплывающих окон контактной формы, вы можете повторить этот процесс и настроить параметры и правила отображения, чтобы они отображались в разных сообщениях или страницах и т. Д.
Вы также можете вернуться на страницу редактирования для управления аналитикой, если хотите знать, сколько людей просмотрели вашу всплывающую форму WordPress.
Кроме того, если вы настроили Google Analytics на своем веб-сайте, вы можете отслеживать Popup Maker с помощью пользовательского отслеживания событий.
И не забывайте, что вы можете настроить всплывающую форму WordPress для прямого подключения к вашей службе электронного маркетинга, чтобы было еще проще автоматически организовывать и общаться с вашими новыми контактами.
В заключение
Хорошо, все готово. Мы надеемся, что эта статья помогла вам узнать, как создать всплывающее окно контактной формы WordPress в WordPress.
Вы также можете ознакомиться с нашим руководством о том, как добавить контактную форму в слайдер, или с этими советами о том, где разместить контактную форму, чтобы получить еще больше потенциальных клиентов.
И если вам понравилась эта статья, подпишитесь на нас Facebook и Twitter для получения дополнительных бесплатных руководств по WordPress.
