Создаем красивую форму обратной связи WordPress

Сентябрь 13, 2016Сентябрь 15, 2016 Seosko 9 комментариев wordpress

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

Но еще затронем немного теории, если кому-то не интересно, то сразу можно перейти к установке формы на WordPress:

Форма обратной связи WordPress при помощи плагина;
Онлайн генератор формы обратной связи;
Php форма обратной связи без плагинов.

Теория: Зачем нужна форма обратной связи?

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

Но зачем мне устанавливать какую-то форму, если можно просто написать свой email-адрес? — Такой вопрос возникает у новичков, которые еще не успели набрать популярность.

Минусы email-адреса в контактах:

Приходит много спама от ботов;
Редко пишут посетители;
Нет пользы от страницы.

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

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

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

Форма обратной связи WordPress при помощи плагина

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

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

1. Huge It Forms

Huge It Forms — один из самых простых и удобных плагинов. Который позволяет не только получать сообщения, но и создавать красивые формы, не пропускает спам и может делать массовую рассылку.

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

2. Usernoise — всплывающая форма обратной связи

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

3. Contact Form 7 — худший из лучших

Contact Form 7 — самый популярный плагин, который используют миллионы людей. Но мало кто знает, что он потребляет много ресурсов и заставляет страшно тормозить WordPress.

Дело в том, что он создает лишние запросы к базе данных, а так же подключает скрипты в область <head>, преграждая загрузку основным файлом. Таким образом увеличивается загрузка страницы на 2 секунды и не обязательно что бы на странице присутствовала форма обратной связи.

Если вы впервые на моем блоге, тогда обязательно посмотрите — Как ускорить сайт на WordPress.

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

Онлайн генератор формы обратной связи

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

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

Form Designer

Form Designer — бесплатный генератор различных форм на русском языке. Один из немногих, который отлично вставляется на сайт. Правда у него есть ограничения, к примеру возможность отправки только 100 писем в месяц.

А вот уже за 5$ можно получать 1000 писем, встроена система антиспама, добавлено дисковое пространство, формирование отчетов и с легкость можно подключить сервис рассылок.

Формы от Google

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

Видеоуроков не нашел, а вот хорошая инструкцию по установке — есть! Инструкция по установке Google форм на сайт.

Php форма обратной связи без плагинов

Что потребуется для создания собственной формы обратной связи? Всего лишь выполнить 4 простых действия:

Создать php файл;
На странице контактов (в формате html) написать несколько строк;
Подключить гугл библиотеку (если форма не работает);
Если она не красивая — добавить стили.

Мне не хотелось подробно описывать все на сайте, поэтому я снял видео и сделал архив с нужными файлами на Яндекс диске. Архив файлов можно скачать — здесь.

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

У кого-то не работает форма? Тогда вам необходимо в файл header.php вставить:<script src=»http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js»></script> (подключение гугл библиотеки). Надеюсь, что инструкция предельно понятная и простая для каждого. Так же в архиве вы найдете файл со стилями. Просто копируете все строчки и вставляете в файл style.css в конце.

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

Вместо выводов

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

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

(голосов: 3, в среднем: 3,67 из 5)