Как встроить формы Google на свой сайт


Если вам сложно разместить форму на своем сайте, вы можете использовать установить плагин для базовой функциональности, но это может привести к дополнительному результату замедлить свой сайт, если у вас уже есть много плагинов.

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

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

Вот как можно быстро встроить Google Формы на свой веб-сайт, выполнив всего несколько простых шагов.

Как встроить формы Google на свой сайт

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

Создать форму Google

  1. Чтобы создать форму Google, убедитесь, что вы вошли в свою учетную запись Google, а затем выберите значок Формы Google в меню Google Apps . Либо перейдите к form.google.com.
    1. Выберите плитку Пустой на панели инструментов, чтобы создать форму с нуля, или выберите шаблон из доступных вариантов.
    2. <рисунок class="aligncenter size-large">
      1. Добавьте в форму заголовок и описание .
        1. Затем используйте панель инструментов справа, чтобы добавить вопросы, импортировать вопросы из другой формы, загрузить видео и изображения или добавить раздел.
          1. Если вы хотите выбрать тип ответа, щелкните стрелку рядом с разделом типа ответа.
            1. Из опций вы можете разрешить пользователям оставлять короткий ответ или абзац, множественный выбор, отмечать флажки или выбирать варианты из раскрывающегося меню.
              1. Чтобы настроить или изменить тему формы, используйте значок палитры в правом верхнем углу экрана.
              2. .
                1. Вы также можете просмотреть окончательный дизайн, используя значок глаза, прежде чем сохранить и встроить его на свой веб-сайт.
                  1. Если вы хотите собирать адреса электронной почты, ограничить пользователей одним ответом или разрешить им редактировать свои ответы после отправки формы, выберите Дополнительные настройки (значок шестеренки).
                    1. Нажмите значок из трех точек , чтобы просмотреть дополнительные параметры, такие как добавление соавторов, отмена действий, добавление настроек или надстроек из Google Workspace Marketplace.
                    2. Примечание . Если выбрать Добавить соавторов , вы сможете поставить приглашайте членов вашей команды на работу в форме. Вы можете отправить приглашения, используя функцию обмена ссылками, или ввести их адреса электронной почты, и они получат уведомление по электронной почте с приглашением.

                      Встройте форму Google на свой сайт

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

                      1. Чтобы получить код для внедрения формы, выберите Отправить в правом верхнем углу окна редактора формы.
                        1. В Форме отправки вы увидите различные варианты, с помощью которых можно поделиться формой, например с помощью ссылки, электронной почты, социальных сетей или HTML. Вы можете выбрать, опубликовать ли форму в Facebook или Twitter или отправить ее своим подписчикам по электронной почте.
                          1. Чтобы встроить форму на свой веб-сайт, вам необходимо использовать опцию HTML . Откройте вкладку <> .
                            1. В поле Встроить HTML вы увидите фрагмент кода, а также поля ширина и высота , в которых можно изменить размеры встроенной формы.
                            2. .
                              1. Выберите Копировать , чтобы скопировать код внедрения и перейти на панель управления вашего веб-сайта.
                              2. Добавьте код для внедрения формы Google на свой веб-сайт

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

                                Примечание . Инструкции в этом руководстве применимы к WordPress с использованием Гутенберг/Редактор блоков.

                                1. Первый шаг — добавить пользовательский блок HTML . Для этого откройте редактор блоков, выбрав Страницы или Сообщения в панели администратора, и найдите страницу или сообщение, которое хотите отредактировать.
                                  1. Выберите значок Добавить блок (+) в левом верхнем углу редактора блоков рядом с логотипом WordPress.z
                                    1. Перейдите в раздел Форматирование и прокрутите вниз, чтобы найти и выбрать Пользовательский HTML .
                                      1. Вставьте фрагмент HTML-кода , который вы скопировали ранее, в предоставленное поле.
                                        1. На панели инструментов пользовательского блока HTML выберите вкладку Просмотр , чтобы предварительно просмотреть, как ваша форма будет выглядеть на вашем веб-сайте.
                                          1. Ваша форма Google появится на вашей странице или в публикации.
                                            1. Обязательно обновите сообщение или страницу после редактирования, чтобы изменения сохранились.
                                            2. Создайте идеальную форму для своего сайта

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

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

                                              Смогли ли вы создать и встроить формы Google на свой веб-сайт с помощью этого руководства? Поделитесь с нами в комментариях.

                                              .

                                              Похожие сообщения:


                                              27.11.2020