Как создать контактную форму PopUp?

Статья написана:
  • WordPress
  • Обновлено: сентябрь 13, 2017

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

И что еще более важно, они позволяют людям, заинтересованным в бизнесе, связаться с вами. Я говорю из личного опыта.

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

Нужна помощь в настройке вашего сайта WordPress?
WHSR теперь является партнером Codeable.io, чтобы помочь пользователям, которые нуждаются в профессиональных службах разработки / настройки WP.

Чтобы получить бесплатную котировку, заполните эту форму запроса.

Контактная форма важна

Я внештатный писатель, я начал писать, когда был на втором курсе в колледже. Первый концерт, который я когда-либо получал, мне пришлось применить, по крайней мере, 50-задания на Elance. Это был ад. Вскоре после этого один из моих друзей, который знал о моем фрилансе, предложил мне работу в качестве писателя с поставщиком резервного копирования WordPress, BlogVault.

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

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

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

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

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

Получить хороший плагин контактной формы - Контактная форма 7

Contact Form 7

1. Установите и активируйте плагин (ссылка ниже).

2. В панели администратора WordPress откройте «Контакт»> «Добавить новый». Настройте сообщение, которое вы хотите передать посетителю в соответствии с требованиями.

Контактная форма 7 новая форма

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

Более подробная информация и загрузки

Popup Maker

На мой взгляд, плагин выбора для создания всплывающих окон - Popup Maker.

Popup Maker

1. Установите и активируйте плагин (ссылка ниже).

2. Откройте Popup Maker> Добавить новый.

AddingPopUp

3. Создайте новое всплывающее окно и вставьте короткий код, который вы ранее скопировали из контактной формы 7.

COpiedShortCode & Опубликовалpopup

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

Одна особенность, которую мне нравится в Popup Maker, - это возможность использовать файлы cookie. Если вы выберете опцию в разделе «Автоматическое открытие настроек», откроются следующие параметры.

печенье

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

И, наконец, вы получите всплывающее контактную форму.

ContactFormPopUp

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

Более подробная информация и загрузки

Интеллектуальная комбинация

Эта комбинация плагинов (контактная форма 7 + Popup Maker) должна служить вам очень хорошо.

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

Если вам нужны другие плагины форм, вы можете прочитать мой первый пост для WHSR о Плагины пользовательской формы 12.

Ваши мысли всегда приветствуются в разделе комментариев.

О Вишну

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

Подключение: