SimpleModal Contact Form - контактная форма для Wordpress

29 Мая 2022г. в 04:39

Красивая контактная форма для Wordpress

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

Итак, качаем исходники(любые) и читаем, что с ними делать:

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


Активируйте плагин из Админ-панели (WordPress Admin > Plugins > Click

*



Переходим в настройки. В блоке настроек Wordpress находим плагин

*


И редактируем настройки в соответствии с нашими потребностями:

*

Теперь Контактную форму нужно включить на сайте. Скрипт ищет элементы a c классом smcf-link , т.е. контактная форма будет повешана на все элементы <a class="smcf-link" href="#" >Напиши мне, напиши</a>.

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

Работает!

*


После отправки можете проверить почту, вас ждет письмо ))).

*



Но, конечно же, это не самый лучший вариант.

Мы можем вывести ссылку на контактную форму в сайдбаре. Для этого в папке с темой вашего блога откройте файл sidebar.php и добавьте в него вызов скрипта:

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

<?php smcf(); ?>

<?php endif; ?>


Вот результат:

*



И последний вариант подключения. Создадим страницу из админки. В заголовке укажем то, что указывали в настройках скрипта во втором поле:

*



Сохраняем, проверяем. Вуаля, все работает!

*



На самой странице /contact что-либо писать не обязательно, просто помните, что на нее попадут люди (а точнее нелюди) с отключенным JS, на этой странице можно разместить обычную контактную форму.