Как с помощью Google Docs создать и вставить контактную форму на свой блог/сайт

Google Docs нам во многом помогает, он всегда был хорошим всесторонним инструментом для большинства наших простых работ связанных с созданием документов, презентаций, электронных таблиц, и так далее. В настоящее время он интегрирован с Google Drive и по-прежнему предлагает все функциональные возможности и параметры резервного копирования. С Google Docs вы сможете сделать многое, в том числе и создать контактную форму для сайта/блога.

Контактная форма для сайта с помощью Google Docs

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

Создание контактной формы с помощью Google Docs не была еще такой простой. Для того чтобы создать Google форму и быть в состоянии собрать ответы, вам нужен аккаунт Google. Следуйте инструкциям ниже, чтобы создать свою собственную контактную форму и установить ее на свой блог/сайт.

Создание контактной формы

  • Шаг 1: Войдите в Google Drive с помощью аккаунта Google.
  • Шаг 2: Нажмите на красную кнопку слева «Создать», а затем выберите «Форма».
  • Шаг 3: Сперва выберите для своей формы название, а затем выберите для нее тему. Это всего лишь шаблон, он не будет влиять на функциональность вашей формы.

Создание контактной формы

  • Шаг 4: Пора начать добавлять поля. Новое поле будет создано для вас по умолчанию. Вопрос – это метка, которая появляется перед текстовым полем ввода. Введите название вашего первого вопроса (например, у меня «Имя»), а затем выберите тип вопроса. В поле «Тип вопроса» установите «Текст». Также вы можете вписать «Пояснение», если вам так угодно. Нажмите «Готово», когда введете все что написано выше. И вуаля! первое поле для ввода готово.
  • Шаг 5: Теперь повторите тот же процесс для поля ввода электронной почты. Нажмите «Добавить элемент», также введите в «Вопрос» название (например, у меня «Ваш адрес электронной почты»), а затем нажмите «Проверка данных». Установите его в текст, выберите «Содержит» и добавьте в пустое поле «@», как показано ниже.

Проверка данных

  • Шаг 6: Добавьте еще одно новое поле «Сообщение», и установите его тип «Текст (абзац)», а не просто текст. Вы сейчас сделали основную контактную форму. Если вам надо, вы сможете добавить больше полей.

Контактная форма

  • Шаг 7: Теперь нажмите на кнопку «Отправить» в конце, чтобы закончить и начать делиться вашей формой.

Установка/вставка контактной формы на веб-страницу

Отправка формы

Рядом со ссылкой «Поделиться», вы увидите кнопку «Встроить». Нажмите на эту кнопку и просто настройте размер формы. Автоматически для вас будет создан соответствующий HTML-код для добавления на веб-сайт. Скопируйте и вставьте его в любое места на вашем блоге или сайте, и вы увидите следующею картину.

Есть какие-то вопросы? Я уверен, что их нет! Но в любом случае, если что не стесняйтесь задавать и спрашивать в комментариях ниже. Удачи :).

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>