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

Как сделать форму обратной связи и разместить её у себя на google sites?
Этот вопрос задают многие разработчики, использующие сайты google для своих проектов. В этой заметке мы подробно рассмотрим все этапы создания формы обратной связи, сопроводив описание скриншотами.

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

Переходим на Диск нашего аккаунта в Google
Создание формы связи на google sites

и нажимаем большую красную кнопку Создать. Выбираем Форма.
Создание формы связи на google sites

Редактируем форму в соответствии с нашими пожеланиями. Добавляем такие поля, как:
Имя - здесь пользователь будет вводить своё имя
e-mail - адрес электронной почты для обратной связи
Сообщение - текст сообщения
Создание формы связи на google sites

После добавления всех требуемых полей, сохраняем изменения и возвращаемся на Google диск.
Создание формы связи на google sites
Здесь мы видим созданную нами форму. Теперь добавим туда скрипт, который будет отсылать сообщения на нашу электронную почту.

Добавление срипта отсылки сообщения по e-mail

Открываем связаную с формой таблицу
Создание формы связи на google sites

Выбираем  в меню Инструменты -> Галерея скриптов и в разделе Общие ищем Contact Us Form Mailer
Нажимаем установить, после чего в появившемся окошке потребуется нажать кнопку Авторизовать.
Создание формы связи на google sites

Скрипт добавлен на сайт. Редактируем его, вызвав в меню Инструменты -> Редактор скриптов
Создание формы связи на google sites

Вводим адрес нашей электронной почты в кавычках в строке
var recipient = ""; 
так, для нашего сайта строка приобрела вид
var recipient = "mail@ekbes.ru";
Сохраняем внесённые изменения, выбрав пункт меню Файл -> Сохранить или нажав на иконку с изображением дискетки.
Далее нам понадобится установить событие, по которому будет происходить отправка письма. Сделаем это, выбрав в меню Ресурсы -> Триггеры текущего скрипта
Создание формы обратной связи на google sites

Добавляем новый триггер, как показано на рисунке ниже
Создание формы обратной связи на google sites

Сохраняем наш триггер. При сохранении вновь появится красное окно с требованием авторизации, нажимаем авторизовать.

На этом действия со скриптом заканчиваются и можно наконец-то приступить к добавлению формы обратной связи на наш сайт.
Создание формы обратной связи на google sites

Добавление формы обратной связи на google sites

Открываем страницу нашего Google-сайта, на которой мы хотим разместить форму обратной связи и в меню Вставить выбираем Табличная форма.
Добавление формы обратной связи на google sites

В открывшемся окне выбираем созданную ранее форму отправки сообщений на электронную почту.
Добавление формы обратной связи на google sites

Настраиваем свойства отображения нашей формы и нажимаем кнопку Сохранить.
Добавление формы обратной связи на google sites

Полученная в итоге форма обратной связи позволяет отправить сообщение на нужный нам e-mail адрес.
Пример полученной формы можно увидеть на нашем сайте в разделе Контакты