Хотите добавить Контактная форма кто пробирается в ваш блог WordPress? 

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

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

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

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

Создать слайд в контактной форме

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ньюформ

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

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

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

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

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

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

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

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

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

Омапи

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

Ньюоптин

Вы попадете на сайт OptinMonster.

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

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

Оптинтемп

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

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

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

Создайте кампанию optinmonster

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

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

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

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

Выбрать цвета

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

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

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

Добавляет короткий код

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

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

Savenопубликовать

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

Статус публикации

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

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

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

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

Изменить параметры вывода

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

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

Включитьоптин 1

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

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

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

Предварительный просмотр Slideoutform

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

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

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

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

Правила кампании

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

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

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

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

1. LatePoint

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

Плагин бронирования поздних встреч для WordPress 1

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

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

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

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

Новый Плагин Wordpress Премиум Algori Social Share Buttons Pro позволяет легко добавлять кнопки «Поделиться в социальных сетях» на ваш веб-сайт. 

Кнопки социальных сетей algori pro для wordpress gutenberg 1

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

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

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

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

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

Профессиональный админ

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

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

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

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

Заключение

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

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

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

...