Как сделать контактную форму (связь с автором)

email logo png
Форма обратной связи, маскирующая email автора сейчас на блогах почти обязательное условие. Очень удобно. Причём в последнее время множество сервисов предоставляет такие почтовые услуги по пересылке письма и дают готовый код формы для установки на сайт в один клик. Это так же актуально для Blogger, у которого нет отправлялки писем в движке.

Далее рассмотрим пошагово создание контактной формы для блога на примере Blogger и зарубежного сервиса Emalmeform. У статьи планируется продолжение, так что следите за новостями в блоге и подписывайтесь на RSS.

1) Идём на www.emailmeform.com и регистрируемся.

2) После подтверждения регстрации жмём на Create a Form и Go to the Template section. I'd like to choose from a list of pre-made forms (выбрать форму из заготовок) или Take me to the Form Builder (с помощью мастера создать руками). I'd like to create my own form, создаём новую форму.

3) Доводим в мастере создания форм свою контактную форму до ума, при необходимости добавляете нужные поля, настроек много, даже капчи можно выбирать:

emailmeform builder

И нажимаем кнопку "Save Form". Надеюсь, не забудете указать свой часовой пояс.
Интересное поле - Success Message. Это сообщение об успешно отправленном сообщении. Можно воспользоваться встроенным вариантом или указать на страницу со своего блога.

4) После сохранения в появившейся менюшке смотрим на свою форму - Open new window and view my form, и в финале жмём на последний пункт Take me back to the Form Manager и попадаем в манагер своих форм.

5) В манагере возле свое формы находим кнопку code и полученный код копируем в буфер обмена:

emailmeform code

6) Создаём статическую страницу в Blogger'е и вставляем код в html режиме.

Результат:

contactform png

И сообщение об отправленном письме:

success message png

Продолжение следует...

12 комментариев:

  1. Блогу 374 день? Как-то незаметно год прошел)))

    ОтветитьУдалить
  2. Всё точно и правильно сказано! Пользуемся такой формой, проблем нет :-)

    ОтветитьУдалить
  3. И точно, год прошёл уже. Прошляпил я такое событие))).

    Эту форму можно красивей сделать, как получится, так напишу).

    ОтветитьУдалить
  4. @aldous
    Поздравляю! Отличный блог, хороший автор. Так держать!

    ОтветитьУдалить
  5. Спасибо, Николай, держим! И гордо несём оранжевое знамя с буквой B =).

    ОтветитьУдалить
  6. Лично я пользуюсь сервисом Kontactr

    ОтветитьУдалить
  7. А у меня вот такой обратный связ http://ip-whois.net/forma-obratnoj-svyazi/

    ОтветитьУдалить
  8. Уже делаю себе такую же форму обратной связи)))

    ОтветитьУдалить
  9. Охрененый ресурс, рекомендую! моленько поморочился но это того стоило. Только как его сузить так и не понял

    http://www.alttalmed.ru/p/blog-page_2246.html

    ОтветитьУдалить
  10. Люди помогите разобраться.
    http://loefa-cebook.blogspot.com/2012/04/mail-php-untuk-membuat-contact-form.html
    Форма на основе PHP, симпотично, но письма не приходят может кто по смышленей есть.
    Спасибо.

    ОтветитьУдалить
  11. Сергей, вам понадобится для неё очень надёжный хостинг (платный), причем Хостингер тут не подойдёт. Зачем, если есть надёжные проверенные бесплатные варианты?

    ОтветитьУдалить
  12. @aldous
    Да мне подойдет и бесплатная. Эта выглядит интересно и функционально. Да и интересно скрипт у человека создавшего форму работает или нет !?
    Блог у вас познавательный, Спасибо.

    ОтветитьУдалить