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

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

форма обратной связи для сайта, как установить форму обратной связи для сайта

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

Обратная связь для сайта

Организовать обратную связь для сайта можно двумя способами.

  1. Установка плагина обратной связи
  2. Установка скрипта обратной связи

Сегодня рассмотрим только первый пункт и я покажу и расскажу вам:

  • Как установить на сайт плагин обратной связи Contact Form 7
  • Как добавить «отправку файла» в эту форму
  • Как добавить каптчу в форму
  • Как «выпросить» номер телефона клиента через обратную связь

Просто введите название в поиск, в админке, установите и активируйте.

После установки плагина, в админке появится его раздел настроек, в который нужно зайти,

плагин контакт форм7
зайти в редактирование,

и скопировать вот этот код.

Далее нужно создать новую страницу и назвать её как вам хочется: Контакты, Обратная связь, Связаться со мной и т.д., и вставить на страницу скопированный код от плагина в режиме HTML. После опубликования вы увидите вот такую вот страничку с работающей формой. Можете добавить на эту страничку картинку “Техподдержка” и дополнительную информацию о том, как ещё с вами можно связаться: ваш дополнительный е-мейл, ваш Скайп, номер аськи, ваш размер зарплаты, размер вашей правой ноги, номер ИНН, секретный вопрос вашей кредитки и т.д и т.п. Катаюсь по полу от смеха Ладно, а теперь серьёзно.

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

Как добавить Отправку файла в форму обратной связи для сайта?

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

На самом деле наш плагин – это не просто плагин, – это генератор форм, так как с его помощью можно изменять существующие поля и добавлять множество других, которые вам необходимы. Например можно добавлять такие поля: Выпадающее меню, Вопрос, Чекбокс, Каптчу, Отправку файла и другие. (Даже можно выклянчать номер телефона у ваших клиентов, если уж Вам это так необходимо, и о чём я тоже вам расскажу в конце статьи).

Но большинство из них нам не понадобятся, а вот Отправку файла добавить нужно.

Итак, чтобы добавить в нашу форму новый тег – /Отправка файла/, идём в админку нашего плагина и жмём Сгенерировать тег. В открывающемся меню выбираем Отправка файла. Видим следующее.

Теперь скопируйте первый (коричневый) код и вставьте его в форму слева. В какое место? Я думаю логичнее всего это поле будет выглядеть под текстовым сообщением. Код нужно не просто вставить, его нужно правильно оформить. Посмотрите как это нужно сделать. Понадобятся теги <p></p> и <br/>

Следующий зелёный код нужно скопировать и вставить в поле “Прикреплённые файлы”, в разделе Адресат, в админке плагина.

Далее сохраняем настройки и любуемся новой кнопкой в нашей форме. Теперь ваши читатели через эту кнопочку при помощи виндовского проводника смогут отправлять вам всякие-разные файлы.

Для проверки правильной работы плагина с этой кнопкой, протестируйте его работу и отправьте себе несколько файлов разного размера и формата. Если всё придёт, то плагин работает правильно.

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

Обратная связь для сайта. Как установить туда каптчу?

Для этого нужно вначале установить простенький плагин под названием

Really Simple CAPTCHA.

Просто скопируйте название этого плагина и введите в поиск. Он будет в самом верху. Установите его и активируйте. Далее снова идём в админку плагина и нажимаем кнопку  /Сгенерировать тег/. Видим следующее.

Если хотите немножко приукрасить каптчу в вашей форме, я рекомендую сразу прописать в поле /Цвет фона/ код цвета. Чтобы определить этот код, я пользуюсь очень полезной и простой программкой ColorMania, которую вы можете бесплатно скачать с моего блога. Если вы оставите это поле пустым, то символы в каптче будут отображаться на обычном белом фоне. Я посчитал это немного скучным и сделал фон жёлтым. Если вам нравится жёлтый фон и вы не хотите заморачиваться с ColorMania, то вот код жёлтого цвета, как у меня — #FFDD00

Продолжим установку каптчи…

Скопируйте первый и второй код и вставьте его в форму слева под кодом /Ваш файл/. Хочу ещё раз заметить, что код нужно не просто вставить, но и правильно оформить. Смотрите как это сделано у меня.

Сохраните настройки плагина и посмотрите, что у вас получилось. У меня вот что вышло. Думаю не плохо получилось.

Как выпросить номер телефона у клиента?

Я тут на днях закончил делать сайт одной небольшой туристической фирме и её хозяйка попросила установить на её сайт обратную связь, но так, чтобы клиент делая заявку, давал свой номер телефона для связи с ним. В плагине Contact Form 7 это не учтено. Там нету такого тега. Я поломал свою головёшку и вышел из положения. Хотите узнать как я это сделал? Читайте дальше.

Я просто скопировал самый верхний код /Ваше имя/, заменил его на /Ваш мобильный/ и вставил его под полем /Ваш е-мейл/. Не забудьте в скобочках отметить — обязательноУлыбка.

А в форму /Тело сообщения/ добавил вот такой код – <text* your-name>

Единственный минус того сообщения, который вы получите от клиента, будет то, что там не будет его имени. Вместо него будет его номер телефона. Сообщение будет такого вида.

Ну с задачей то мы справились и теперь можем названивать клиенту и навязывать ему всё что угодноКатаюсь по полу от смехаШирокая улыбкаСкрещенные пальцы.  Шутка друзья, шутка. Мне допустим это ни к чему – номер телефона, но вдруг Вам пригодится в вашей работе в дальнейшем…

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

Сегодня к сожалению свежего кроссворда не будет. В следующем он будет – 100%

Ну а на сегодня всё. Пока-пока…

С уважением, Ваш Fomik…


Понравилась статья - поделись с друзьями!



Просмотр

Подпишитесь на обновления блога по почте :

Количество читателей блога


К записи "Устанавливаем форму обратной связи для сайта." 74 комментария Самый активный комментатор в конце месяца получает денежный приз.

  1. Денис:

    Интересная тема, а когда результаты пред. кросса будут?

    [Ответить]

    Алекс Fomik Reply:

    Результаты кросса №5 будут в следующем посте, так как я определил, что некоторые участники пытаются нечестно заработать призы…

    [Ответить]

    Анна Reply:

    Откройте секрет, как можно нечестно заработать призы? Обещаю на практике не применять, но интересно же!

    [Ответить]

    Алекс Fomik Reply:

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

    [Ответить]

    WPixel Reply:

    А какой смысл в этом действии? Письма как правило приходят мгновенно. Да и победитель как правило один. Или это «я счастливчик» с генератором чисел прокатывает?

    [Ответить]

    Алекс Fomik Reply:

    Именно от этой номинации хитрецы и ждут халяву. Я одного уже выявил. Собирался было ему уже приз переводить, но случайно в контактной информации вебмани увидел знакомый е-мейл, который всегда участвует в кроссах. Тут-то и выявился прокол хитреца. Он пытался меня убедить в моих ошибочных действиях, но тут обман налицо…

    [Ответить]

    WPixel Reply:

    Да уж, мошенников везде хватает, бдительность прежде всего

    [Ответить]

    WPixel Reply:

    Денис, а Вы сюда заходите только чтоб денег за кроссворд заработать?

    [Ответить]

  2. WPixel:

    Контакт форм7 многофункционален, но тяжелый плагин. Проще написать форму на РНР или воспользоваться альтернативным плагином js-contact-form — это аналог самописной формы в виде плагина

    [Ответить]

  3. Анна:

    Стоял у меня Contact Form 7, но решила избавляться от большого количества плагинов и установила скрипт.

    [Ответить]

    WPixel Reply:

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

    [Ответить]

    Анна Reply:

    Спасибо за совет. Буду ждать новую статью от Алекса, надеюсь, он предложит что-нибудь более функциональное.

    [Ответить]

    Алекс Fomik Reply:

    Ань, более функциональнее чем Контакт Форм7 наверное нету. Тут дело в другом, в нагрузке на блог. Скрипт менее подгружает, нежели плагин, хотя я точно не знаю…

    [Ответить]

    Иван Reply:

    Почему же нету. Вот этот сервис посмотрите http://formdesigner.ru. Там много чего интересного можно сделать с формой.

    [Ответить]

    Алекс Fomik Reply:

    Действительно крутой сервис! Спасибо Ваня за подсказку!

    [Ответить]

  4. Елена:

    Все очень понравилось! Пост отличный, у меня до сих пор нет формы обратной связи! Обязательно теперь сделаю!

    [Ответить]

    Алекс Fomik Reply:

    Спасибо Лена за высокую оценку моего труда!))

    [Ответить]

  5. Ильдар:

    Зачем все эти заморочки? На моём блоге, формой обратной связи почти не пользуются. Используют кнопку «задать вопрос» которая находится в левой стороне блога.

    [Ответить]

    Алекс Fomik Reply:

    А у вас стоит и плагин и кнопка? Так удалите тогда плагин. Через эту кнопку можно файлы посылать? Я думаю нет, а через плагин можно. Этот пост — это просто нужный урок, который я не хотел пропускать. А плагин этот очень многофункционален, что не скажешь про скрипты…

    [Ответить]

  6. Василий:

    Вот и то, чего у меня пока нет. Спасибо. Иду применять. Потом приду еще за новым. Так что Вы пишите. Спасибо еще раз.

    [Ответить]

    Алекс Fomik Reply:

    На здоровье Вася. Конечно буду писать, приходи конечно!

    [Ответить]

  7. Света:

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

    [Ответить]

    Алекс Fomik Reply:

    На здоровье Света) Да можно без него обойтись, просто он самый известный и упускать урок с ним не хочется…

    [Ответить]

  8. Наташа:

    почему-то с файлами и капчей не получилось (

    [Ответить]

    Алекс Fomik Reply:

    Значит что-то неправильно делаешь… Могу помочь…

    [Ответить]

    Наташа Reply:

    Ваше имя (обязательно)

    Ваш E-Mail (обязательно)
    [email* your-email]

    Тема

    Сообщение
    [textarea your-message]

    Ваш файл
    [file file-353]

    Введите код с картинки
    [captchac captcha-842] bg:#FFDD00
    [captchar captcha-842]

    [submit «Отправить»]

    В чем ошибка?

    [Ответить]

    Алекс Fomik Reply:

    Наташа, я вам на вашем сайте ответил. Кстати, отредактируйте свою ссылку в комментах — она не правильная и ведёт на ошибку. Я не буду модерировать ваши сообщения тогда…

    [Ответить]

  9. Сергей:

    У меня этот плагин отказался работать, пришлось без плагина замутить это дело!!!

    [Ответить]

  10. Любовь:

    просто интересно, у других получается, а у меня нет. Но уже все нормально, получилось

    [Ответить]

    Алекс Fomik Reply:

    Рад за вас) Но зачем вам капча с посещалкой в 3 тела?

    [Ответить]

  11. Любовь:

    Думаю, что тела будут размножаться когда-нибудь )

    [Ответить]

    Алекс Fomik Reply:

    Вот когда будет спам идти через форму, тогда и поставите. А сейчас она вам ни к чему.

    [Ответить]

    Анна Reply:

    Хорошо сказано! Размножение тел — заветная мечта всех начинающих блогеров.

    [Ответить]

  12. Анна:

    На своем блоге со спамом наблюдала интересную картину, которую не знаю как объяснить. Поначалу у меня стоял Akismet и спама было много, но через какое-то время он пропал. Совсем. Сейчас установила Invisible Captcha и снова посыпался спам. Интересно, пропадет ли он со временем…

    [Ответить]

    Алекс Fomik Reply:

    Да, очень странное поведение)

    [Ответить]

  13. Елена:

    Алекс! У меня вопрос важный! Не сталкивался ли с такой ситуацией. Вдруг перестала работать форма обратной связи В красной рамке говорит отправляющему — обратитесь к администратору. обновила я это плагин. Все равно не работает. А тут еще сегодня заметила, что мне перестали на почту приходить сообщения о новых комментариях на блоге. Я в шоке. Куда пойти, куда податься, К кому за помощью идти?

    [Ответить]

    WPixel Reply:

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

    [Ответить]

    Елена Reply:

    Плагин Contact Form 7
    Спасибо, WPixel! Попробую переустановить. А то, что сообщение о комментариях перестали на почту приходить — может быть тоже как-то связано с этим плагином? Или это отдельная проблема?

    [Ответить]

    WPixel Reply:

    Тут возможно с движком уже проблема быть, за отправку писем овечает PHPMailer,возможно из за этого, можно применить патч.
    Почитать и скачать можно тут http://wordpresso.org/hacks/patch-dlya-wordpress-3-4-vklyuchaem-nerabotayushhie-pochtovyie-uvedomleniya/

    [Ответить]

    Елена Reply:

    Спасибо! Буду со всем разбираться!!!!

    [Ответить]

    Алекс Fomik Reply:

    Лен, у меня на блоге тоже не всё в порядке было с работой этого плагина. При отправке сообщения читателем не было понятно — отправилось оно или нет. Переустановка результата не дала. Но так как я перешёл на РедХелпер, то его я удалил. А тебе посоветую вспомнить, когда появилась эта проблема и что ты сдалала на блоге до этого. Может новый плагин установила недавно, может код какой-то вставляла, может это произошло после обновления движка или какого-то плагина?
    Вспомни короче…

    [Ответить]

    Елена Reply:

    Я вспоминала уже 🙂
    Единственно, что делала — это удаляла ревизии постов
    Вот таким образом : DELETE FROM wp_posts WHERE post_type = «revision»

    [Ответить]

    Алекс Fomik Reply:

    Ну вот… Тогда попробуй всё вернуть на тоже место, что было до этого. А тебе читатель сказал об этой проблеме?

    [Ответить]

    Елена Reply:

    Причем вокруг слова revision стоят по две кавычки
    А я где-то видела такую же строку , но с одной кавычкой справа и слева Как правильно?

    [Ответить]

    Алекс Fomik Reply:

    Вообще-то Лен кавычки у тебя в сообщении — не правильные… Они должны быть одиночные с обеих сторон…

    [Ответить]

    Алекс Fomik Reply:

    А где ты нашла такой код? У меня в статье про ревизии другой код…

    [Ответить]

    Елена Reply:

    Кавычки просто неправильно отобразились в комментарии. А так они по-другому выглядят. Вот, Алекс! Надо было мне сразу тебя слушаться и использовать только плагин Оптимайз!
    Не буду больше чистить вручную на хостинге.
    (Это я в блогере-1000 увидела этот способ. Но видимо с моими кривыми ручками нельзя на хостинг соваться 🙂 )
    Сейчас как откачусь на много дней назад и может все наладится.
    Спасибо большое, Алекс, за ответы и советы! Завтра сделаю откат. И буду надеяться, что все наладится. 🙂

    [Ответить]

  14. Лилия:

    Спасибо за урок, все отлично получилось.

    [Ответить]

    Алекс Fomik Reply:

    Не за что Лилия…

    [Ответить]

  15. Руслан Rams:

    Отличный пост! Возьму на заметку. Интересно, а самому можно ли каптчу рисовать?

    [Ответить]

    Алекс Fomik Reply:

    Спасибо. Насчёт каптчи — видимо нет. Но ты, если хочешь поищи такое, если тебе это так нужно)))

    [Ответить]

    WPixel Reply:

    Смысл в этой капче? Надо смотреть в рнр чем она генерируется, и от туда уже плясать — либо картинки либо шрифт

    [Ответить]

  16. Руслан Rams:

    Спасибо) Сделал — работает!

    [Ответить]

  17. Андрей:

    Спасибо за посещение блога и откровение.Да установил форму обратной связи,огромное спасибо и отредактировал шапку блога.Буду постепенно учиться.Просто ,если по честному,то Вы первый реальный посетитель моего блога.Я пока только учусь.Так что если честно буду очень рад Вашим советам,если Вы не против.Адрес моей почты telets123@mail.ru.Если захотите помочь советом буду очень рад.С уважением Андрей.

    [Ответить]

    Алекс Fomik Reply:

    Не за что Андрей. Странно, но РДС бар показывает, что вашему блогу уже 2 года. Это ваш домен? Вы его сами придумывали и регистрировали? По поводу советов — читайте мои посты и в них найдёте все свои ошибки по ведению и раскрутке…

    [Ответить]

  18. Марина:

    Здравствуйте! Помогите пожалуйста! Мне нужна форма, которая находиться у меня на сайте в стр.»Стать представителем». Я ее поставила, но она у меня не работает. Вы можете мне помочь заставить ее работать?Или объяснить, как составить новую. Заранее благодарна.

    [Ответить]

    Алекс Fomik Reply:

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

    [Ответить]

    Алекс Fomik Reply:

    И кстати вчера форма была другой. Вы её уже поменяли… Та была с капчей…

    [Ответить]

  19. WPixel:

    Марина
    У вас форма сделана не плагином, а сторонним сервисом — zahodi-ka.ru это уже надо к представителям сервиса обращаться с такими вопросами. А с чего вы взяли что она у вас не работает? какие симптомы?

    [Ответить]

    Алекс Fomik Reply:

    Денис, ты как всегда на чеку — молоток!!! Я бы мог конечно посмотреть код странички и определить, что за форма, но просто было некогда…

    [Ответить]

  20. WPixel:

    Алексей тут не надо быть кодером, такие формы имеют кучи опознавательных знаков и светятся как новогодние елки 😀

    [Ответить]

    Алекс Fomik Reply:

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

    [Ответить]

  21. WPixel:

    Дык я ее и вчера и смотрел)) после ее комента

    [Ответить]

    Алекс Fomik Reply:

    И чего? От заходика была?

    [Ответить]

  22. WPixel:

    угу

    [Ответить]

    Алекс Fomik Reply:

    Значит я просто не внимательный)))) Как делишки? Я вот сел пост накрапать и ничего в голову не приходит… С этим клиентским сайтом всё занят был… Щас буду чё-то думать))) Всё у неё работает, я только что липовые данные отправил — всё ушло благополучно…

    [Ответить]

  23. WPixel:

    Сижу изучаю друпал и modx надо совершенствоваться и не зацикливаться на вордпрессе.

    [Ответить]

    Алекс Fomik Reply:

    Давай — дерзай, успехов! А зачем тебе это?

    [Ответить]

  24. WPixel:

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

    [Ответить]

  25. Марина:

    Спасибо огромное за беспокойство!!! Я на Вашем блоге нашла ссылку на zahodi-ka.ru . Там зарегистрировалась и составила новую форму и о! счастье- она работает! Спасибо Вам огромное! Я пролопатила не мало сайтов и только на Вашем нашла то, что хотя бы работает!
    Но мне хотелось бы составить форму поинтересней и не такой длинной, какой нибудь квадратной что-ли. И поставить капчу на свою форму. Не подскажете как сделать? С большой благодарностью Марина

    [Ответить]

    Алекс Fomik Reply:

    Марина, напишите мне на почту, какую именно Вы хотите форму для вашего сайта — всё обсудим и я вам помогу…

    [Ответить]

  26. Анна:

    Марина, возможно Вам больше понравится форма с капчей от сервиса main-ip.ru

    [Ответить]

  27. Марина:

    У меня как раз была форма от сервиса main-ip.ru, но я зарегистрировалась на этом сервисе под другой электронной почтой( напутала: у меня на сайте одна почта, а у них я зарегистрировалась под другой) и ,я думаю, поэтому она у меня и не работала.Я хотела на сервисе поменять почту, но не знаю как и они мне сказали ищите в интернете.У них написано вроде,но я не понимаю( извините я только учусь всему).А у вас мне все понятно и поэтому я и обратилась к вам.

    [Ответить]

    Алекс Fomik Reply:

    Ну вот видимо из-за почты и не работала у вас эта форма…

    [Ответить]

Оставить свой комментарий