Форма обратной связи для вашего сайта! С плагинами и без плагинов.

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

Сегодня же я посмотрел на наш блог и был удивлен. У нас оказывается нет страницы контакты, а как же, простите, пользователям писать нам свои вопросы? Вот я прошлапился. И сразу решил исправиться. Правда решил я отдельную страницу не создавать а все сделал прямо на странице “о проекте”. И в ней есть форма обратной связи, я её сначала поставил плагином (о плагинах мы позже поговорим). Во время установки подумал, а как её без плагинов реализовать? Давайте вместе разбираться.

Итак, сегодня на повестке дня:
1. Форма обратной связи с помощью плагинов.
2. Генераторы форм обратной связи.
3. Скрипт формы обратной связи.
4. Еще один вариант формы без плагинов.

Форма обратной связи через wordpress плагин!

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

– Это собственно плагин самой формы обратной связи.
– плагин для капчи, чтобы всякий хлам не слали.

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

Все настройки разделены на 4 окна для удобства.

• Шаблон формы обратной связи
• Генератор возможных тегов
• Адресат (кому будет уходить письмо при отправке)
• Шаблон письма (того письма, которое будет приходить вам на почту)

В шаблоне формы вы сможете изменить названия полей, например, или стилизацию.

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

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

После создания этой формы обратной связи. Заходим в список форм: contact form 7 – формы и там увидим список созданных нами формы обратной связи. Возле каждой формы будет нужный нам код, например у меня вот такой:

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

В заключение этой части рекомендую посмотреть видео про работу с формой обратной связи.

Генератор форм обратной связи для сайта.

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

Вот вам несколько генераторов форм:

Большинство из них на английском, поэтому запаситесь словарем. Хотя там все понятно интуитивно. Это хорошее решение для тех кто хочет создать свою форму обратной связи без знаний html, php, java или что вы там думаете надо знать. Вообще без знаний, короче. Все делается кликаньем по мышке.

Ну и чтобы вам не пришлось разбираться с этими сервисами, я решил один все-таки разобрать вместе с вами и остановился на сервисе

Вам достаточно просто зайти на этот сервис, и нажать вот на эту кнопочку “Форма обратной связи”

Там мы просто должны настроить форму, выбрать нужные нам цвета, размеры, шрифты и пр. После того как вы её настроили – надо будет нажать на кнопку “Получить код”. Появившийся код скопировать себе.

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

После того как проверите – сразу напишите о впечатлениях у нас в комментариях. Пжлст.

Скрипт формы обратной связи (без плагинов).

Так вот, как же работает форма обратной связи с html, php и без плагинов. Все очень просто и есть несколько способов реализации. Вот например такого вида:

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

Все настройки находятся в файле config.php, все что нужно сделать это изменить кодировку и е-мейл на ваш личный. Вот тут (две верхние строчки):

1
2

$mailto = "in4wp@ya.ru";
$charset = "utf-8";

У вас должно быть точно также, ну, кроме емейла. Ну вы поняли.

Еще один вариант php формы обратной связи.

На этот раз мы поговорим о скрипте, который называется Super AJAX Contact Form – это уже готовый php скрипт контакной формы. Загуглив его – можете с ним ознакомиться. Но все что вы сможете найти это предложение купить его за 1 доллар. Причем это будет английская версия. А я своим читателям предлагаю русифицированную версию скрипта, причем совершенно бесплатно – .

Все что нужно сделать с архивом – это распаковать его в нужное место. Я распаковал в корень. И теперь моя форма контактная имеет адрес:

https://in4wp.ru/contact-form/

Конечно, не забудьте изменить емейл, куда будут отправляться уведомления, чтобы они не приходили нам Чтобы это сделать вам нужно пройти по адресу:

 /папка_скрипта/assets/xml/

Там есть файл config.php – и там прописать ваше мыло. Вот в принципе и все настройки.

Если у вас открывается скрипт в испорченной кодировке, вам нужно:
1. Открывать файл index.php в редакторе (я использую Notepad++ )
2. Конвертировать кодировку в UTF-8

Ну и небольшое видео по использованию этого скрипта. Отрыл специально для вас.

Кстати, указанные в статье html формы обратной связи без плагинов подойдут для любых сайтов, на любых хостингах. Вы ведь выбрали хостинг для своего блога?

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

ЗЫ: Ребята, очень нужны добровольцы для создания базы трастовых сайтов, кто хочет – пишите.

На этом все. Всем спасибо что вы с нами!
С уважением, блог про wordpress.