Если вы изо всех сил пытаетесь получить форму на своем сайте, вы можете установить плагин^{(install a plugin)} для основных функций, но это может еще больше замедлить работу вашего сайта^{(slow down your site)} , если у вас уже есть много плагинов.

С Google Forms вы не только быстрее добавляете форму на свой сайт, но и получаете больше возможностей. Например, вы можете вставлять мультимедийные файлы, импортировать вопросы, легко интегрироваться с WordPress и электронной почтой, делиться на других платформах и пользоваться дополнительным хранилищем на Google Диске^{(additional storage in Google Drive)} .

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

Вот как вы можете быстро встроить формы Google^{(Google Forms)} на свой веб-сайт всего за несколько простых шагов.

Как встроить формы Google на свой сайт^{(How to Embed Google Forms on Your Website)}

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

Создать форму Google^{(Create a Google Form)}

1. Чтобы создать форму Google^{(Google Form)} , убедитесь, что вы вошли в свою учетную запись Google , а затем выберите значок Google Forms в меню Google Apps . Или перейдите на страницу forms.google.com^{(forms.google.com)} .

1. Выберите пустую^(Blank) плитку на панели инструментов, чтобы создать форму с нуля, или выберите шаблон^{(select a template)} из доступных вариантов.

1. Добавьте заголовок и описание^{(title and description)} к форме.

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

1. Если вы хотите выбрать тип ответа, щелкните стрелку рядом с разделом типа ответа.

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

1. Чтобы настроить или изменить тему формы, используйте значок палитры^(palette) в верхней правой части экрана.

1. Вы также можете предварительно просмотреть окончательный дизайн с помощью значка глаза, прежде чем сохранить и встроить его на свой веб-сайт.

1. Если вы хотите собирать адреса электронной почты, ограничить пользователей одним ответом или разрешить им редактировать свои ответы после отправки формы, выберите Дополнительные настройки^{(Advanced Settings)} (значок шестеренки).

1. Нажмите значок с тремя точками^{(three-dot icon)} , чтобы открыть дополнительные параметры, такие как добавление соавторов, отмена действий, добавление настроек или дополнений из Google Workspace Marketplace .

Примечание^(Note) . Выбор параметра « Добавить соавторов^{(Add Collaborators)} » позволяет вам пригласить членов вашей команды для работы^{(invite members of your team to work)} над формой. Вы можете отправить приглашения, используя опцию обмена ссылками, или ввести их адреса электронной почты, и они получат уведомление по электронной почте с приглашением.

Вставьте форму Google на свой сайт^{(Embed Your Google Form on Your Website)}

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

1. Чтобы получить код для встраивания формы, выберите Отправить^(Send) в верхней правой части окна редактора формы.

1. В форме отправки^{(Send form)} вы увидите различные параметры, которые можно использовать для отправки формы, например, по ссылке, электронной почте, в социальных сетях или в формате HTML^(HTML) . Вы можете выбрать, поделиться ли формой на Facebook или Twitter или отправить ее по списку подписчиков.

1. Чтобы встроить форму на свой веб-сайт, вам необходимо использовать опцию HTML . Выберите вкладку <> .

1. В поле « Встроить HTML^{(Embed HTML)} » вы увидите фрагмент кода, а также поля ширины^(width) и высоты^(height) , в которых вы можете изменить размеры встроенной формы.

1. Выберите Копировать^(Copy) , чтобы скопировать код для встраивания и перейти на панель управления вашего сайта.

Добавьте код для встраивания формы Google на свой веб-сайт^{(Add Your Google Form’s Embed Code to Your Website)}

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

Примечание^(Note) . Инструкции в этом руководстве относятся к WordPress с использованием редактора Gutenberg/Block Editor .

1. Первым шагом является добавление пользовательского блока HTML^{(custom HTML block)} . Для этого откройте редактор блоков, выбрав Страницы^(Pages) или Записи^(Posts) в панели администратора, и найдите страницу или запись, которую хотите отредактировать.

1. Выберите значок « Add block (+) в верхней левой части редактора блоков рядом с логотипом WordPress.z^(WordPress)

1. Перейдите в раздел « Форматирование^(Formatting) » и прокрутите вниз, чтобы найти и выбрать « Пользовательский HTML^{(Custom HTML)} » .

1. Вставьте скопированный ранее фрагмент HTML-кода^{(HTML code snippet)} в соответствующее поле.

1. На панели инструментов пользовательского блока HTML^{(Custom HTML)} выберите вкладку « Предварительный просмотр^(Preview) », чтобы увидеть, как ваша форма будет отображаться на вашем веб-сайте.

1. Ваша форма Google^{(Google Form)} появится на вашей странице или в публикации.

1. Убедитесь^(Make) , что вы обновили свой пост или страницу после редактирования, чтобы изменения были сохранены.

Создайте идеальную форму для своего сайта^{(Craft the Perfect Form for Your Site)}

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

Ознакомьтесь с нашими руководствами о том, как встроить Календарь Google на свой веб-сайт^{( how to embed Google Calendar on your website)} и как создать собственное всплывающее окно с купоном в WordPress,^{( how to create your own coupon popup in WordPress)} чтобы получить дополнительную функциональность и улучшить взаимодействие с пользователем.

Удалось ли^(Were) вам создать и встроить формы Google Forms^{(Google Forms)} на свой веб-сайт с помощью этого руководства? Поделитесь с нами в комментариях.

How to Embed Google Forms on Your Website

If you’re ѕtruggling to get a form on your site, you could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• Как встроить Календарь Google на свой сайт

• Google Analytics User Research Methods to Boost Website Traffic

• Добавьте маршруты проезда Google Maps на свой сайт

• Как использовать списки Google Sheets Drop Down

• 9 Особенности Hidden в Google Maps Вы должны проверить

• Как использовать Google Family Calendar, чтобы сохранить ваш Family на Time

• Как использовать SUMIF в листах Google

• Как отслеживать Changes в Google Docs

• Что такое Software Reporter Tool в Chrome and How, чтобы отключить его

• Не получить Gmail Notifications? 10 Ways, чтобы исправить

• Как добраться до Inbox Zero в Gmail

• Что такое ошибка Google «необычный трафик» и как это исправить

• Как просмотреть свой Google Maps Search History

• 20 Best Gmail Add-ons and Extensions для пользователей Email Power

• Как вставить подпись в Google Docs

• Почему Does Chrome Have So много процессов работает?

• Как сделать Google Form: Complete Guide

• Что расширено Protection в Google Chrome and How, чтобы включить его

• Как Fix Gmail, когда это не получение сообщений электронной почты

• Как YouTube Algorithm Work?