Se você estiver com dificuldades para obter um formulário em seu site, poderá instalar um plug-in^{(install a plugin)} para funcionalidade básica, mas isso pode tornar seu site ainda mais lento^{(slow down your site)} se você já tiver muitos plug-ins.

Com o Google Forms^{(Google Forms)} , você não apenas adiciona um formulário ao seu site mais rapidamente, mas também obtém mais recursos. Por exemplo, você pode inserir arquivos de mídia, importar perguntas, integrar facilmente com WordPress e e-mail, compartilhar em mais plataformas e aproveitar o armazenamento adicional no Google Drive^{(additional storage in Google Drive)} .

Além disso, o Google Forms^{(Google Forms)} permite que você colabore com seus colegas de equipe e acompanhe todos os resultados de seus formulários de diferentes canais, não apenas do seu site.

Veja como você pode incorporar rapidamente o Google Forms^{(Google Forms)} em seu site em apenas algumas etapas simples.

Como incorporar formulários do Google em seu site^{(How to Embed Google Forms on Your Website)}

Para começar, você precisará de um Formulário do Google^{(Google Form)} e seu código de incorporação, que você adicionará à página ou postagem em que deseja que o formulário apareça em seu site.

Criar um formulário do Google^{(Create a Google Form)}

1. Para criar um Formulário do Google^{(Google Form)} , verifique se você está conectado à sua conta do Google e selecione o ícone do Formulários^{(Google Forms)} do Google no menu do Google Apps . Como alternativa, acesse forms.google.com .

1. Selecione o bloco em branco na barra de ferramentas para criar seu formulário do zero ou ^(Blank)selecione um modelo^{(select a template)} entre as opções disponíveis.

1. Adicione um título e uma descrição^{(title and description)} ao seu formulário.

1. Em seguida, use a barra de ferramentas à direita para adicionar perguntas, importar perguntas de um formulário diferente, fazer upload de vídeos e imagens ou adicionar uma seção. 

1. Se você quiser escolher o tipo de resposta, selecione a seta ao lado da seção de tipo de resposta.

1. Nas opções, você pode optar por permitir que os usuários deixem uma resposta curta ou um parágrafo, escolha múltipla, marque caixas de seleção ou selecione opções em um menu suspenso.

1. Para personalizar ou alterar o tema do formulário, use o ícone da paleta^(palette) no canto superior direito da tela.

1. Você também pode visualizar o design final usando o ícone de olho antes de salvá-lo e incorporá-lo ao seu site.

1. Se você deseja coletar endereços de e-mail, limitar os usuários a uma resposta cada ou permitir que eles editem suas respostas após enviar o formulário, selecione as Configurações Avançadas^{(Advanced Settings)} (ícone de engrenagem).

1. Selecione o ícone de três pontos^{(three-dot icon)} para obter mais opções, como adicionar colaboradores, desfazer ações, adicionar preferências ou complementos do Google Workspace Marketplace .

Observação^(Note) : selecionar Adicionar colaboradores^{(Add Collaborators)} especificamente permite que você convide membros de sua equipe para trabalhar^{(invite members of your team to work)} no formulário. Você pode enviar convites usando a opção de compartilhamento de link ou digitar seus endereços de e-mail e eles receberão uma notificação por e-mail com o convite.

Incorpore seu formulário do Google em seu site^{(Embed Your Google Form on Your Website)}

Agora que você tem seu Formulário Google^{(Google Form)} pronto, a próxima etapa é adicioná-lo ao seu site. Para fazer isso, você precisa obter o código de incorporação do formulário, que é um snippet de código exclusivo que você adicionará à página ou postagem onde deseja que o formulário apareça.

1. Para obter o código de incorporação do formulário, selecione Enviar^(Send) no canto superior direito da janela do editor de formulários.

1. No formulário Enviar^{(Send form)} , você verá várias opções que pode usar para compartilhar o formulário, por exemplo, por meio de um link, e-mail, mídia social ou HTML . Você pode escolher se deseja compartilhar o formulário no Facebook ou no Twitter ou enviá-lo para sua lista de assinantes de e-mail.

1. Para incorporar o formulário em seu site, você precisa usar a opção HTML . Selecione a guia <>

1. No campo Incorporar HTML^{(Embed HTML)} , você verá um snippet de código, bem como as caixas de largura^(width) e altura^(height) onde você pode alterar as dimensões de tamanho do seu formulário incorporado.

1. Selecione Copiar^(Copy) para copiar o código de incorporação e acessar o painel do seu site.

Adicione o código de incorporação do seu formulário do Google ao seu site^{(Add Your Google Form’s Embed Code to Your Website)}

Agora que você tem seu código de incorporação, faça login no painel de administração do seu site e vá para a página ou postagem em que deseja incorporar o formulário.

Nota^(Note) : As instruções neste guia se aplicam ao WordPress usando o Editor Gutenberg/Block .

1. A primeira etapa é adicionar um bloco HTML personalizado^{(custom HTML block)} . Para fazer isso, abra o editor de blocos selecionando Páginas^(Pages) ou Postagens^(Posts) no painel de administração e encontre a página ou postagem que deseja editar.

1. Selecione o ícone Add block (+) no canto superior esquerdo do editor de blocos ao lado do logotipo do WordPress.z^(WordPress)

1. Vá para a seção Formatação^(Formatting) e role para baixo para localizar e selecionar HTML personalizado^{(Custom HTML)} .

1. Cole o snippet de código HTML que^{(HTML code snippet)} você copiou anteriormente no campo fornecido.

1. Na barra de ferramentas do bloco HTML personalizado , selecione a guia ^{(Custom HTML)}Visualizar^(Preview) para ver como seu formulário aparecerá em seu site.

1. Seu Formulário do Google^{(Google Form)} aparecerá em sua página ou postagem.

1. Certifique^(Make) -se de atualizar sua postagem ou página após a edição para que as alterações sejam salvas.

Crie o formulário perfeito para o seu site^{(Craft the Perfect Form for Your Site)}

Se você deseja adicionar uma pesquisa ao seu site, um formulário de pedido à sua loja online, registro de evento ou formulário de contato, o Formulários Google^{(Google Forms)} pode ajudá-lo a criar os formulários perfeitos para o seu site. 

Confira nossos guias sobre como incorporar o Google Agenda em seu site^{( how to embed Google Calendar on your website)} e como criar seu próprio pop-up de cupom no WordPress^{( how to create your own coupon popup in WordPress)} para obter mais funcionalidades e uma melhor experiência do usuário.

Você^(Were) conseguiu criar e incorporar o Google Forms^{(Google Forms)} em seu site usando este guia? Compartilhe conosco nos comentários.

How to Embed Google Forms on Your Website

If yoυ’re struggling to get a form on yоur 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

• Como incorporar o Google Calendar em seu site

• Métodos de pesquisa de usuários do Google Analytics para aumentar o tráfego do site

• Adicione as direções de condução do Google Maps ao seu site

• Como usar Google Sheets Drop Down Lists

• 9 Hidden Recursos em Google Maps Você deve verificar

• Como Backup Google Chrome History

• O que é aprimorado Protection em Google Chrome and How para ativá-lo

• O que é um erro Google “Traffic Unusual” e como corrigi-lo

• Você pode apagar todos os e-mails de Gmail de uma vez?

• Como enviar Private Emails em Gmail

• O que é Google Exposure Notifications para COVID Protection?

• Como Unsend um Email em Gmail

• Não ficando Gmail Notifications? 10 Ways para corrigir

• Por que Does Chrome Have So muitos processos correndo?

• O que é um Metric and Dimension em Google Analytics?

• Como para Fix SSL Security Certificate Erros em Chrome

• Google Search Bar Widget Missing? Como restaurá-lo em Android

• Como fazer um Line Graph em Google Sheets

• Como adicionar Shapes em Google Docs

• Como Filter em folhas Google