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

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

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

форма обратной связи

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

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

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

к оглавлению ↑

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

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

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

  • webformgenerator
  • phpform
  • jotform
  • web-app
  • faary
  • form master
  • masterforms

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

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

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

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

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

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

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

к оглавлению ↑

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

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

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

простая форма обратной связи

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

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

Все настройки находятся в файле 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 плагин!

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

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

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

контактная форма

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

редактирование формы обратной связи

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

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

контактная форма

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

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

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

возможности контактной формы

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

код для формы

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

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

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

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

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

1 балл2 балла3 балла4 балла5 баллов (1 голоса (ов), оценка: 5,00 из 5)
Loading...Loading...