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

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

[tip]Пока еще никто не ответил правильно на вопрос этой статьи , поэтому у тебя еще есть возможность победить в конкурсе и выиграть 300 рублей.[/tip]

Сегодня же я посмотрел в почту и был очень удивлен — у меня было несколько писем от двух человек, и от каждого из них были практически одинаковые письма. Вот, например, одно из них:

Вот у меня есть страница «Поддержка пользователя», но раньше она была создана отдельным скриптом. О нем я расскажу в этой статье, но чуть ниже. Также в этой статье я расскажу как создать форму обратной связи на html, php, т.е. без плагинов для wordpress.

А в конце статьи еще поиграем. Ну, обо всем по порядку.

Для начала я бы хотел рассказать о самом простом способе создания обратной связи.

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

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

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

• [urlspan]webformgenerator[/urlspan]
• [urlspan]phpform[/urlspan]
• [urlspan]jotform[/urlspan]
• [urlspan]web-app[/urlspan]
• [urlspan]faary[/urlspan]
• [urlspan]form master[/urlspan]
• [urlspan]masterforms[/urlspan]

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

Вообще без знаний, короче. Все делается кликаньем по мышке.

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

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

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

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

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

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

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

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

Вот например такого вида:

Если он тебе подходит, можете ознакомиться с скриптом и скачать его [urlspan]здесь[/urlspan].

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

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

Вот тут:

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

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

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

Сейчас давай поговорим о скрипте, который называется Super AJAX Contact Form – это уже готовый php скрипт контактной формы.

Загуглив его – можешь с ним познакомиться. Но все что ты сможешь найти — это предложение купить его за 1 доллар. Причем это будет английская версия.

А я своим читателям предлагаю русифицированную версию скрипта, причем совершенно бесплатно – КАЧАЙ.

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

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

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

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

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

Если у тебя открывается скрипт в испорченной кодировке, тебе нужно:

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

Этот как раз тот самый скрипт, который стоял у меня до этого момента. И именно на него были проблемы от моих читателей. Ну, возможно, это были касяки на хостинге, может у тебя будет по другому.

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

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

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

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

Именно на этом решении я остановился в конце концов. Чтобы без гемороя, просто и легко, установить себе форму обратной связи.

Contact form 7 – Это собственно плагин самой формы обратной связи.

Really simple captcha – плагин для капчи, чтобы всякий хлам не слали.

Тут все просто и понятно, скачали, установили.

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

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

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

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

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

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

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

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

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

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

Пользуясь случаем, хочу объявить о том, что у меня есть БЕСПЛАТНЫЙ курс по созданию блога с нуля — ПОЛУЧИТЬ КУРС. Помогаю новичкам в развитии.

Ну и не забываем [urlspan]подписываться[/urlspan]. Нас — единомышленником становится все больше и больше.

С уважением, Денис Тумилович.