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, на этой странице можно разместить обычную контактную форму.