Пропустить

Как добавить контактную форму в Slide Out на WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Вы хотите добавить контактную форму, которая будет добавлена ​​в ваш блог WordPress?

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

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

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге

Тогда вернемся к тому, почему мы здесь.

Зачем добавлять анимированную контактную форму в слайд на WordPress?

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

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

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

Также прочитайте наше руководство по: Блогеры: Не пишите 1000 слова, но использовать только картинку

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

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

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

Добавление эксклюзивной формы контакта в WordPress

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

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

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

Шаг 1. Создание контактной формы на WordPress

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

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

Введите имя для вашей контактной формы, затем выберите модель "Выберите шаблон.

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

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

Откройте для себя тоже Как захватить адреса электронной почты с помощью MailOptin

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

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

Шаг 2. Создание слайда на OptinMonster

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

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

Этот плагин служит связующим звеном между вашим сайтом и вашей учетной записью OptinMonster.

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

При активации нажмите на меню OptinMonster на панели администратора WordPress и введите свой ключ API. Вы можете получить эту информацию на веб-сайте OptinMonster.

После ввода лицензионного ключа нажмите на кнопку « Создать OPTIN В правом верхнем углу экрана.

Это приведет вас на сайт OptinMonster.

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

Затем вам нужно выбрать модель. OptinMonster предлагает несколько готовых моделей, но мы должны выбратьхолстдля этого урока.

Как только вы выберете шаблон, вы должны указать название своей кампании. Это поможет вам легко найти кампанию на панели инструментов OptinMonster.

4 плагина WordPress для добавления виртуальной реальности открыть абсолютно

Теперь OptinMonster загрузит свой интерфейс построителя кампаний.

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

Смотрите также наш Премиальные плагины 10 для WordPress для создания портфолио в вашем блоге

Слева вы увидите разные вкладки. В разделе "Общие настройки Optin", Вы должны ввести URL своего сайта в разделе"Сайт кампании Optin.

Тогда вам нужно перейти на вкладку "Оптина, Здесь вы можете выбрать цвета, высоту и ширину вашего optin.

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

Читайте также нашу статью о 5 WordPress плагины для создания области пользователя

После этого нужно прокрутить вниз до Холст пользовательский HTML И введите короткий код WPForms, который вы скопировали ранее.

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

Теперь вы можете нажать кнопку «Сохранить» вверху, чтобы сохранить настройки, а затем нажать кнопку «Опубликовать».

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

На следующем экране вы должны изменить статус optin для публикации. Это сделает эту опцию доступной для вашего сайта WordPress.

Шаг 3. Отображение контактной формы на WordPress

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

Откройте для себя 10 WordPress Форма обратной связи 7 плагины, которые вы, вероятно, игнорировали

Идем дальше и заходим на страницу OptinMonster в вашей админке WordPress. Вы видите свою недавно созданную недавнюю кампанию.

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

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

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

См. Также: 5 премиальных плагинов для продвижения контента в вашем блоге WordPress

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

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

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

Читайте также: Плагины 10 WordPress для добавления живого чата в ваш блог

Например, вы можете просмотреть форму, когда пользователь просмотрел 50% страницы, когда пользователь собирается оставить страницу и многое другое.

Скачать Оптинмонстер

Откройте для себя также несколько премиальных плагинов WordPress

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

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. LatePoint

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


Премиум плагин WordPress LatePoint приходит на помощь, помогая интегрировать простую и интуитивно понятную систему на ваш сайт. управление назначением, который нацелен на ваших клиентов и невероятно упрощает планирование встречи всего за несколько кликов. Устанавливается менее чем за 5 минут и предлагает варианты подключения через социальные сети.

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

скачать | Демонстрация | веб-хостинг

2. Algori Social Поделиться Кнопки Pro

Новый премиальный плагин WordPress Algori Social Share Buttons Pro позволяет легко добавлять кнопки обмена социальными сетями на ваш сайт.

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

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

скачать | Демонстрация | веб-хостинг

3. Pro Пользовательские администратора

Премиум плагин WordPress Pro Custom Admin, позволяет легко настраивать страницы регистрации и входа на ваш сайт или создавать страницу обслуживания.

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

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

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

Заключение

Там! Это все, что нужно для этого урока, я надеюсь, что оно позволит вам отображать форму в виде «слайд-анимации» в вашем блоге WordPress. Не стесняйтесь поделитесь этой статьей с друзьями в ваших любимых социальных сетях.

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.

Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.

...

Эта статья содержит комментарии 0

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
15 акции
доля12
чирикать2
Регистрация1