Back Вы здесь: Home Всё о CMS Word Press Всплывающая форма обратной связи WordPress

Всплывающая форма обратной связи WordPress

screenshot-11-300x238Здравствуйте, дорогие читатели!

Сегодня я расскажу вам как реализовать на CMS WordPress всплывающее окно формы обратной связи.

Расскажу о нескольких вариантах реализации данной функции.

Вариант №1

Плагин Usernoise (скачать тут).

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

Плагин usernoise имеет широкий функционал, часть возможностей доступна в PRO версии плагина.

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

 

Скачайте плагин и установите стандартно, через админку сайта, установку плагинов.

После того как Вы его установили, активировали, появится сообщение, что плагин не включен.

Перейдите на страницу настроек плагина и настройте его так, как будет удобно вам.

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

Мы попадаем во кладку “Общие”, где надо поставить галочки в настройках “Вкл. Usermoise”, а также в настройке “Показывать Powered by”, без галочки в данном поле форма обратной связи отражаться не будет.

Сохраняем, нажав на кнопку “Save options”.

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

Теперь нам надо настроить внешний вид кнопки и формы связи.

Переходим во вкладку «Кнопка», где можно изменить название кнопки, её расположение и цвет.

Сохраняем.

Переходим во вкладку “Форма”, там можно настроить внешний вид всплывающего окна.

Здесь мы можем изменить шрифт начертания и заголовок нашей формы связи.

Далее всё должно быть более чем понятно.

Сохраняем.

Так же во вкладке «Оповещения» включаем оповещения о новых сообщениях!

Смотрим результат.

screenshot-1

В общем то и всё с этим вариантом.

Вариант №2

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

Устанавливаем форму как обычный плагин, активируем его.

img1

Русифицированную версию вы можете скачать тут.

В итоге все файлы скрипта должны оказаться в папке /wp-content/plugins/simplemodal-contact-form-smcf/

img2

Далее переходим в настройки и производим нужную настройку вашей формы

img3
1) Установите класс smcf-link для ссылки, эту ссылку вы можете вставить в любой модуль и любую статью:

?

1

<a href="/contact" class="smcf-link">Contact</a>

2) Используйте фунцию «smcf ()» в файлах темы (например, sidebar.php):

?

1

2

3

<?php if (function_exists('smcf')) : ?>

 <?php smcf(); ?>

<?php endif; ?>

  1. Если вы используете «wp_page_menu ()» или «wp_list_pages ()», для создание динамического меню, Вы можете ввести название пункта меню в настройках SMCF, в поле «Название страницы с формой» и SMCF автоматически добавит класс «smcf-link» для этой ссылки.

    Для того, чтобы форма работала, в вашей теме WordPress, в файле footer.php, обязательно должна присутствовать следующая строка:

?

 

<?php wp_footer(); ?>

img8

На этом всё, если у вас возникнут какие то вопросы, пишите в комментариях.

Спасибо за внимание, не забывайте подписываться на новости и ставить лайк, если вам понравилась статья!

Добавить комментарий


Защитный код
Обновить

Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов
RuCaptcha - заработай на вводе каптч

Заработок в сети