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

Привет, здравствуйте, друзья. Сегодня я хочу рассказать вам о том, как создается форма обратной связи. Именно такая форма, в которой человек указывает имя, e-mail, тему и пишут вам письмо. Скажу сразу, что это будет довольно таки, замысловатый урок, потому что мы с вами будем делать не самую простую форму. :)

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

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

Если кому-то надо он и сам сможет скопировать мой e-mail и прислать мне письмо.

Вы так думаете? Если так, то это очень плохо! Вы наверняка слышали о такой вещи как юзабилити сайта или блога. как в моем случае. Юзабилити это удобство ресурса и это удобство нужно повышать! Сами подумайте, что легче, скопировать e-mail, открыть почту и написать письмо или просто напросто заполнить форму связи? Вот тут то и оно!

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

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

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

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

1. Заходим на главную страничку сервера: http://main-ip.ru/ и в центральной части страничку находим ссылку «форма обратной связи». Нажимаем на нее.

2. На открывшейся страничке заполняем нужные поля. Я рекомендую заполнить только первых 3 (ваше имя, ваш e-mail, тема). Еще можно оставить поле «сообщение». Затем листаем страничку вниз, вводим код подтверждения и нажимаем кнопку «Генерировать».

3. Чуть ниже появится форма, которая у вас получается. Вы можете что-то изменить, поменяв поле выше. Если вас все устраивает, нажимаем кнопку «получить код».

4. Теперь на открывшейся страничке копируем код и вставляем его на страничку блога, где должна отображаться данная форма. Убедитесь в том, что вы вставляете её через html ректор.

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

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

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

С уважением, Степан!
Все статьи

Добавить в закладки

13 комментариев к записи “Как создать нормальную форму обратной связи?”

  1. Андрей, вот стала читать накопившиеся статьи с момента моего последнего посещения. А почему у тебя нет в сайдбаре хотя бы 5-7 последних статей, а то в рубрики нырять — откуда я знаю, что там новое. Приходится в карту сайта заходить и по датам смотреть, а это не так удобно.

    • Челноков Андрей:

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

  2. Форма обратной связи — это просто обязательный атрибут на сайте. И не только из-за юзабилити, но еще и потому что наличие такой формы повышает доверие к сайту.

  3. Полезная статейка. Кроме формы обратной связи обнаружил для себя ссылочку на полезный ресурс. Заодно посмотрел, как работают твои ссылки. В принципе, когда не лениво, можно выделить ссылку, кликнуть правой и в окошке выбрать перейти к… Но не все сообразят, я бы лучше закрыл все ссылки NO-REF, и проблема исходящих ссылок и потери веса решилась бы. А открыл бы необходимые для себя.

  4. Я вот этого не знаю. открыть -акрыть что не догоню никак. Петр! давай завтра в нашей вилеокомнате позанимаемся с тобой. Я ссылки буду закрывать, а ты кнопки соцсетей ставить.

  5. Ребята! простите за очепятки. Видеокомната, в которую я приглашаю Петра…. Могу и других пригласить, кто хочет посмотреть как можно работать одновременно с вебкамерой и микрофоном?

  6. Вячеслав:

    Прикольная форма обратной связи, но себе на блог я ее не установлю, пока…

  7. Полезная статья. Ведь форма обратной связи это нужная вещь…

  8. Дима:

    Форма обратной связи это вооще обязательный атрибут на сайте.

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

Комментаторы блога

Комментируй блог и получи 300 рублей! Подробности тут!

X

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