вторник, 15 ноября 2011 г.

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

документы google 014

Форма обратной связи устанавливается на блог и, как правило содержит три - четыре текстовых поля: Имя читателя, его e-mail и поле для написания короткого сообщения.

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

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

Примечание: в конце статьи смотрите бесплатный видеоурок “Устанавливаем форму обратной связи на блог”.

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

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

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

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

инструкция в картинках

1. Зайдите в свой Google аккаунт, а от туда перейдите в Google документы.

 документы google 001

 

2. Находясь в панели управления Google документов, выберите “Создать” - “Форма”.

 документы google 002

 

3. В открывшемся редакторе форм, запишите:

  • название Вашей формы (например “Контакты”);
  • рекомендации читателям блога по заполнению формы;
  • заголовок вопроса;
  • выберите тип вопроса;

поставьте галочку “Сделать этот вопрос обязательным” и нажмите “Готово

 документы google 003

 

4. Справа от поля “Заголовок вопроса” расположены три кнопки позволяющие Редактировать, Копировать или Удалить поле формы

документы google 004

 

5. Тип вопроса в форме Google документов может иметь вид:

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

документы google 005

 

6. После того как форма сформирована, справа вверху, нажмите “Сохранить”. Перейдите на вкладку “Дополнительные действия” - “Встроить”.

документы google 006

 

7. Появится форма “Встроить”, нажмите правую кнопку мышки и в контекстном меню выберите “Копировать

 документы google 007

 

8. Находясь в панели управления блогом, на вкладке “Отправка” - “Изменить страницы”нажмите Создать страницу

документы google 008

 

9. Оформите страницу

  1. Заполните “Заголовок страницы”.
  2. Нажмите “Изменить HTML”.
  3. Поместите указатель мышки на поле редактора страницы, вставьте скопированный в шаге 7 код.
  4. Нажмите “Создать”.
  5. И внизу слева “Опубликовать страницу” (на рисунке не показана).

документы google 009

 

10. На главной странице блога в виджете “Страницы” выберите Вашу новую страницу (в моем случае “Контакты”)

документы google 010

 

11. Заполните все поля и нажмите “Готово

документы google 011

 

12. Перейдите на страницу Google документов и выберите Вашу форму (в моем случае “Контакты”)

документы google 012

 

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

документы google 013

 

Примечание: в Google документы можно зайти из Вашего e-mail аккаунта Google

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

 

Смотрите бесплатный видеоурок

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

 

 

 

 

С уважением,
Владимир Есипов
мастер построения блогов
автор учебного курса "Как создать блог и заработать деньги в интернете"
 
P.S.
По традиции поделитесь своим опытом, напишите в комментариях, какие методы создания форм обратной связи используете Вы.
 
Читайте также:
Прошлый урок:   Как создать страницу Содержание
Следующий урок:  Как
 
 


 

+++

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

  1. Добрый день Владимир! Все сделала по вашей рекомендации, но мне не нравится, что фон формы выходит сбоку за границы страницы, как это уменьшить?

    ОтветитьУдалить
    Ответы
    1. Алевтина, на шаге 9, внесите изменения в html код формы width это ширина, а height это высота.
      Поэкспериментируйте, поменяйте числа и подберете нужную, чтоб не вылазила за границы

      P.S. справку по html Вы можете получить из бесплатного курса http://www.blogspot-pro.ru/2011/11/html-kurs.html

      Удалить
  2. Спасибо! Ценная информация! +1

    ОтветитьУдалить
  3. Спасибо, Владимир. А можно ли настроить, что бы уведомления приходили мне на mail? Заранее спасибо.

    ОтветитьУдалить
  4. Все классно! Но возникает проблема,После вставки кода на страницу, в конце имеем следующую надпись:

    На основе Документов Google Сообщение о нарушении - Условия использования - Дополнительные условия

    Как можно убрать, буду признателен за ответ.

    ОтветитьУдалить
  5. Огромное спасибо за ваш урок! Очень наглядно объяснили :-)

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