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

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

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

Переходим на Диск нашего аккаунта в Google

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

Редактируем форму в соответствии с нашими пожеланиями. Добавляем такие поля, как:

Имя - здесь пользователь будет вводить своё имя

e-mail - адрес электронной почты для обратной связи

Сообщение - текст сообщения

После добавления всех требуемых полей, сохраняем изменения и возвращаемся на Google диск.

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

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

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

Выбираем в меню Инструменты -> Галерея скриптов и в разделе Общие ищем Contact Us Form Mailer

Нажимаем установить, после чего в появившемся окошке потребуется нажать кнопку Авторизовать.

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

Вводим адрес нашей электронной почты в кавычках в строке

var recipient = "";

так, для нашего сайта строка приобрела вид

var recipient = "mail@ekbes.ru";

Сохраняем внесённые изменения, выбрав пункт меню Файл -> Сохранить или нажав на иконку с изображением дискетки.

Далее нам понадобится установить событие, по которому будет происходить отправка письма. Сделаем это, выбрав в меню Ресурсы -> Триггеры текущего скрипта

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

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

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

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

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

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

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

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

Пример полученной формы можно увидеть на нашем сайте в разделе Контакты