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

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

Привет тебе, дорогой друг, партнер, читатель! Сегодня меня попросили поднять такую тему как форма обратной связи на сайт — как её сделать с 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 или что ты там думаешь надо знать.

Читайте также:  Как быстро удалить все комментарии в wordpress?

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот тут:

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

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

Читайте также:  Как сделать коробку (3d Box) для своего курса (инфопродукта).

Еще один вариант 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]. Нас — единомышленником становится все больше и больше.

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

Оцените статью
Добавить комментарий для Александр Отменить ответ

  1. seoonly.ru

    Я за плагины — просто и удобно

    Ответить
    1. Артём

      У меня, без плагина) Намного удобней и блог не нагружает!

      Ответить
      1. Александр

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

        Ответить
        1. Сергей Оксак

          Согласен с Александром! Сам плагин Contact form 7 очень простой и нагрузка от него минимальная, поэтому его можно не бояться. Но если сделали без плагина, то это конечно здорово и наверное правильно :)

          Ответить
  2. Егор

    Здравствуй, можешь поделиться кнопками своих соц сетей? Можно на эту почту выслать, если не затруднтит.

    Ответить
    1. Егор, не секрет: sapegin.github.io/social-likes/ru/

      Ответить
      1. Егор

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

        Ответить
      2. Александр

        Тоже искал такие кнопки для нового дизайна блога, но ничего найти не мог, собирать с разных соц сетей кнопки просто лень было. Благодарю!

        Ответить
  3. Александр Викторович

    Как то уже давно пользуюсь контактной формой «7». Проблем в работе не замечал. В общем меня устраивает и без заморочек с кодами.

    Ответить
    1. Александр

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

      Ответить
  4. Евгений

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

    Ответить
    1. Иван

      Он вам платит за упоминание его имени что ли? Достал этот лохотронщик! Он не скрывает что рубит бабло на дураках (даже в одном из своих уроков это он говорит), а вы ему в ножки кланяетесь. Смешно.

      Ответить
      1. А конкретный пример можете привести?

        Ответить
      2. Юрий автор

        не согласен

        Ответить
      3. Юрий автор

        А. Борисова крутой блогер

        Ответить
      4. Юрий автор

        а Вы кто такой? чем можите похвастаться?

        Ответить
  5. Александр

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

    Ответить
  6. Александр

    Денис, скажи пожалуйста! А если не работает не одна форма связи и даже плагин не работает, в чем может быть причина? Обращаться к хостеру или чего посоветуешь?

    Ответить
    1. а в чем выражается эта неработоспособность? Если форма сама видна , отображается корректно, но письма не отправляются — то конечно, вопросы к хостеру.

      Ответить
  7. Сергей Оксак

    Хорошо все расписал, очень подробно и доступно. Я сам все-таки использую плагин Contact form 7, он достаточно простой, очень удобный. Один раз настроил и забыл — все работает на автомате. Проблем, кстати, как У Александра, не было ни разу, так что проблема скорее всего не в нем, в установке и настройке там просто невозможно что-то не так сделать…

    Ответить
    1. Владимир

      Несколько лет пользовался «contact form 7». А последняя версия стала идиотской!! Капчу как раньше не поставишь (Realy Simple). Теперь надо только рекапчу ставить через аккаунт в Гугле. Да и другие накладки появились. Зажрались они, что ли? Ведь растеряют своих клиентов!

      Ответить
  8. Юрий автор

    Если нужно сделать форму обратно связи на сайте то всегда использую Contact Form 7 + если нужно сделать еще модальное окно для этой формы тогда wp easy modal, конечно можно и форму отправки сделать и самому, если есть желания)

    Ответить
  9. Макс

    А есть еще вариант, который оказался более эффективным и быстрым. Можно создать форму обратной связи любой сложности в конструкторе форм Тестограф. Куча разных типов полей, настройка дизайна и много вариантов встраивания на сайт. Всем рекомендую: https://www.testograf.ru/ru/blog/forma-obratnoj-svyazi.html

    Ответить
  10. Дмитрий

    Пользуюсь плагином от formdesigner, быстро настроил и всё нормально работает. Может другим пользователям будут интересны и разные возможности этого сервиса

    Ответить
  11. Валерий

    Если плагин, то только ContactForm7 однозначно. А без плагинов можно сервисы попробовать, я допустим, stepFORM.io использую. До кода никак все не доберусь попробовать форму сделать)) В php ведь еще копаться надо.

    Ответить