Tehnografi.com - Технологические новости, обзоры и советы

Как создать контактную форму на сайте с помощью Google Forms

Google Forms – это мощный инструмент, используемый для создания бесплатных опросов и онлайн-опросов. Однако это еще не все. С помощью этого руководства вы можете создать контактную форму, которая может быть встроена непосредственно в ваш сайт.

Создать контактную форму в Google Forms очень просто. У Google даже есть шаблон, уже созданный для вас, что значительно облегчает вашу работу. Все, что вам нужно сделать, это загрузить шаблон – настроить его, если хотите, – а затем вставить форму прямо на ваш сайт. Это все, что нужно сделать. Давайте начнем.

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

Чтобы начать, перейдите к Google Forms домашней страницы и поместите курсор на разноцветный знак плюс (+) в правом нижнем углу.

Поместите курсор на разноцветный знак плюс (+).

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

Нажмите на фиолетовый значок страницы.

После того, как откроется окно, выберите шаблон «Контактная информация».

Нажмите на шаблон под названием

Настройка контактной формы

Шаблон по умолчанию содержит записи для имени, электронной почты, адреса, номера телефона и комментариев. Если есть что-то, что вы хотите добавить в форму, щелкните знак плюс (+) для дополнительных полей или вопросов.

Нажмите знак плюс (+), чтобы добавить больше полей

По умолчанию для отправки формы необходимо указать имя, адрес электронной почты и адрес. Чтобы включить / отключить, является ли раздел обязательным или нет, щелкните нужное поле, а затем включите или выключите переключатель «Обязательно».

Нажмите на поле, а затем включите или выключите

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

Настройте тему в соответствии со своим веб-сайтом с помощью значка палитры.

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

Нажмите «Настройки».

Первая вкладка имеет несколько настроек, которые вы можете включить. Отсюда вы можете собирать адреса электронной почты, отправлять копии своих ответов по электронной почте и ограничивать каждого человека одной отправкой. Вы также можете выбрать, смогут ли респонденты редактировать свои ответы после их отправки или просмотреть сводную таблицу в конце опроса.

Вкладка «Общие» в настройках.

Note: Если вы включите «Ограничить до 1 ответа», респондент должен войти в свою учетную запись Google, чтобы получить доступ к вашей форме. Любой, у кого нет аккаунта Google, не сможет отправить ответы на ваши формы. Если вы не уверены, что у всех есть учетная запись Google, оставьте эту опцию отключенной.

Вкладка «Презентация» имеет здесь несколько настроек, но единственное, о чем мы заботимся – это подтверждающее сообщение, которое респонденты видят после отправки формы. Это сообщение будет отображаться для просмотра после отправки контактной формы.

Вкладка «Презентация» в настройках.

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

Встраивание контактной формы

После того, как вы ввели все в контактную форму, нажмите кнопку «Отправить» в верхней части страницы.

Нажмите «Отправить».

Нажмите на угловые скобки (< >), а затем нажмите «Копировать», чтобы скопировать HTML-код для вставки в буфер обмена.

<img class = "alignnone wp-image-435727 size-full" src = "https://www.howtogeek.com/wp-content/uploads/2019/08/x2019-08-01_18h30_10.png.pagespeed.gp+ jp + jw + pj + ws + js + rj + rp + rw + ri + cp + md.ic.nkDnuxrf1b.png "alt =" Нажмите на угловые скобки (< >), а затем нажмите «Копировать». «width =» 650 »height =" 445 "src =" http://www.howtogeek.com/pagespeed_static/1.JiBnMqyl6S.gif "onload =" pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon ( this); "onerror =" this.onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this); "/>

Если вам нужно изменить размеры формы и то, как она отображается на вашем веб-сайте, измените ширину и высоту под HTML-кодом, прежде чем нажать «Копировать».

Чтобы изменить размеры на своем веб-сайте, измените числа под кодом HTML.

Теперь все, что вам нужно сделать, это вставить код в редактор HTML на странице WordPress или непосредственно в файл .html вашего веб-сайта, где вы хотите, чтобы форма появилась.

Если размер не выглядит правильным с первого раза, не волнуйтесь. Просто вернитесь и поиграйтесь с числами ширины и высоты и повторно скопируйте код, пока все на вашем сайте не будет выглядеть идеально.

Сбор ответов в Google Sheets

Одна из лучших функций в Google Forms – все собранные ответы можно отправлять непосредственно в электронную таблицу Google Sheets. Отсюда вы можете использовать формулы и диаграммы Sheet, просматривать ответы в режиме реального времени и устанавливать дополнения для дальнейшего анализа, фильтрации и манипулирования данными.

Чтобы настроить электронную таблицу для ответов, выберите вкладку «Ответы», а затем щелкните зеленый значок «Листы».

Чтобы настроить электронную таблицу со всеми ответами, щелкните

Затем нажмите «Создать», чтобы создать новую электронную таблицу для хранения всех ваших ответов.

Нажмите Создать

В качестве альтернативы, если у вас уже есть электронная таблица, в которую нужно добавить ответы, нажмите «Выбрать существующую электронную таблицу» и следуйте инструкциям. Электронная таблица сохранена в вашем Привод и доступен через Домашняя страница листов также.


Это оно. Каждая электронная таблица содержит все ответы, а также отметку времени завершения опроса, что позволяет легко связаться с вашими клиентами.