Формы Google. Часть первая

Всем привет. На связи Владимир Новосёлов.
Logo сервиса
Сегодняшняя наша тема — формы обратной связи. Что это такое, знает каждый. Несколько полей на отдельной странице — хотите пообщаться со владельцем ресурса — заполняйте. Если сможет, он вам ответит. В большинстве случаев такую форму вы будете делать посредством плагина. Но мало кто помнит, что всемирно известный американский поисковик имеет в своём арсенале инструмент, который так и называется — «Формы».

И если у вас есть почта на нем — то формами от него вы тем более можете пользоваться. Плюсов такого варианта несколько:

  • доступность формы (для создания хватит аккаунта на Gmail, для ответа он не обязателен);
  • быстрота создания (полная сборка занимает несколько минут);
  • гибкая настройка (изменить можно все, от цвета до конкретного поля);
  • форма находится у поисковика на площадке (вам не нужно выделять место у своего хостера)
  • это не плагин (не загружается до тех пор, пока вы не перейдёте на страницу с ней).

Создавая форму контактов на блоге, я решил воспользоваться такой формой. Приложить скрины, описать действия, а опробовать предложу вам. Замечу, что форм таких у меня будет несколько. Но для описания принципа действия нам хватит и одной — «Контакты». Набираете в браузере адрес — https://drive.google.com (для тех, кто не знает, формы — это один из разделов диска).

enter Disk

Чуть правее фирменной эмблемы сервиса будет кнопка «мой диск». Нажимаю на нее и в выпадающем списке выбираю «ещё» (самую нижнюю кнопку). В новой вкладке открывается вот такое окно — это заготовка нашей будущей формы:

Создаем новую форму

Форму вы можете назвать, ввести описание. Так как я создаю форму обратной связи, так и напишу

Называю форму

Очень удобно — активное поле подчёркивается полосой. Никогда не ошибёшься с выбором. Назвав форму, переходите к заполнению. Вам уже предлагается одно поле — «Вопрос без заголовка». Переименуйте его во что-то более информативное. Я наберу «Введите свое имя».

Ввожу первый пункт

Обратите внимание, что справа от поля появилась функция — один из списка. Сервис предлагает вам самый лучший (по его мнению) ответ на первый вопрос. Но мне такой вариант не подходит, и я нажимаю на стрелку вниз справа от этой функции. Для поля имени достаточно одной строки. Выбрав из списка необходимое, нажимаю внизу на серый переключатель «обязательный вопрос». Кнопка должна переключиться и стать синей. Теперь моя будущая форма не отпустит клиента, пока он не заполнит это поле.

Настраиваю первый пункт

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

Второе поле настроим по аналогии

Тему письма я тоже добавлю, но сделаю ее не обязательной. Не многие сразу сочинят тему, а потом просто забудут ввести.

Тема письма - не обязательный пункт

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

Форма готова

Для кнопки «Отправить» поля не предусмотрено. Она появится автоматически уже на готовом варианте. Форма вполне работоспособна, и ее можно заполнить. Попробуйте перейти в режим просмотра, нажав на глазик в правой верхней части окна — над формой.

Нажмите на глазик

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

Update

Напоследок пару слов о выборе формы. В статье по шагам расписано создание формы «с ноля». Если выбрать на первом шаге «Использовать шаблон» — то диск может предложить несколько исходников. Среди них попадаются довольно симпатичные. Например вот такая, в тему текущего поста.

Применение готовой

Все остальные настройки также подробно я распишу в следующей части. А сейчас пишу «Продолжение следует» и «До связи».
С вами был Владимир Новосёлов.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

− 3 = 4