Neste artigo, você aprenderá como personalizar um Formulário do Google para corresponder ao seu tema e como incorporá-lo a qualquer página do seu site.

Nem sempre é fácil publicar formulários preenchíveis em seu site. Existem plugins do WordPress disponíveis para publicar formulários, mas nem sempre são gratuitos. Eles também geralmente exigem um pouco de configuração e um pouco de curva de aprendizado.

A beleza do Google Forms é que você pode criar rapidamente um formulário simples que pode ser incorporado ao seu site. Você também pode personalizar o formulário com cores e um estilo que corresponda ao seu tema geral.

Neste artigo, você aprenderá como personalizar um Formulário do Google para corresponder ao seu tema e como incorporá-lo a qualquer página do seu site.

Personalizando seu formulário do Google

Para este exemplo, começaremos com um site de exemplo e um formulário do Google em branco padrão.

Para começar, crie uma nova página em seu site e observe atentamente o layout e o tema. Especificamente, observe as cores primárias e secundárias.

Neste exemplo, o tema é um fundo branco com faixas pretas. O texto do cabeçalho é preto escuro e negrito, e a fonte do site em si é preta. Nesta página em particular, o plano é incorporar um formulário que permita aos visitantes votar em seu filme favorito entre cinco opções e fornecer seus próprios comentários.

Em seguida, você precisará personalizar seu Formulário do Google para corresponder a esse layout de página.

Ao criar um formulário do Google em branco, você notará que o layout padrão é um plano de fundo roxo com texto preto em negrito e texto simples no formulário. A borda do banner na parte superior é roxa escura.

padrão do formulário do google

Obviamente, isso não funcionará na página em que gostaríamos de incorporar o formulário. Para personalizar o formulário, selecione o ícone da paleta de cores no canto superior direito da janela do editor de formulários. Isso permitirá que você personalize o tema, incluindo o esquema de cores.

personalizar tema

Isso mostrará um menu suspenso de personalização. Se você não vir um esquema de cores que funcione na seção Cor do tema, você pode selecionar o + para ajustar a cor na qual você gostaria de basear seu formulário.

opções de cores do tema

Use a paleta de cores para selecionar a cor exata que você deseja para o seu tema. Nesse caso, a escolha do preto altera automaticamente a cor de fundo para uma cor complementar que deve funcionar com o preto. Você pode alterar esta cor sob o Background Color.

esquema de cores preto

Outras opções nesta página incluem adicionar uma imagem de cabeçalho e também alterar o estilo da fonte do formulário. Depois de personalizar o formulário, há algumas outras opções a serem configuradas antes de você estar pronto para incorporar o Formulário do Google em seu site.

Personalizando as opções de formulários do Google

Antes de incorporar seu Formulário do Google em seu site, você deve configurar algumas coisas para acomodar entradas de formulários baseados na web. Para fazer isso, selecione o ícone de engrenagem no canto superior direito do formulário. Isso abre uma janela Configurações com várias opções de configuração.

A menos que você queira manter os resultados anônimos, você deve habilitar Collect email addressese fornecer Response receipts.

configurações de formulários do google

Os recibos de resposta cuidarão automaticamente de enviar uma mensagem de confirmação por e-mail quando o usuário enviar sua entrada. Dessa forma, você não precisa se preocupar em programar isso do seu próprio site.

Você pode deixar todas as outras opções desmarcadas, a menos que queira limitar as respostas a uma por usuário. Nesse caso, você vai querer habilitar Limit to 1 response.

Selecione os Presentation para ver mais opções.

guia de apresentação

A menos que seu formulário seja muito longo, você provavelmente não precisa habilitar Show progress bar. O Shuffle question A opção de pedido é boa para pesquisas em que você deseja fornecer uma ordem diferente de perguntas para cada visitante. Normalmente, você não habilitará Show link to submit another response já que para a maioria das pesquisas você só vai querer uma resposta por usuário. Isso é aplicado usando seu endereço de e-mail.

Digite uma mensagem de confirmação que você gostaria que o usuário visse no Confirmation message. Selecionar Save na parte inferior do formulário de inscrição quando terminar.

Depois de criar seu formulário e estar pronto para incorporá-lo ao seu site, selecione Send para passar para o próximo passo.

Como incorporar um formulário do Google em seu site

Depois de selecionar Enviar, ele abrirá uma janela com várias opções para compartilhar seu formulário com qualquer usuário. Para incorporar em um site, você precisará selecionar o ícone de incorporação (caracteres de dois quilates).

No Embed HTMLvocê pode ver o código iframe que pode ser usado para incorporar o formulário.

Código embutido

Certifique-se de ajustar o Width e Height do formulário para que ele caiba na sua página da web corretamente. Depois de corrigir essas configurações, selecione e copie todo o código iframe do campo Incorporar HTML.

Se você estiver usando o WordPress, precisará alternar para o modo Editor de código ao editar a página na qual deseja incorporar o formulário. Para fazer isso, edite a página e selecione os três pontos verticais no canto superior direito da janela do editor do WordPress. Selecionar Code editor no Editor.

janela do editor de código

Na janela do editor de código, cole o código de incorporação do iframe na caixa de conteúdo.

colando código de incorporação

Por fim, selecione Save draft e depois selecione Preview para ver a aparência do formulário em sua página.

formulário incorporado no site

Se o formulário não parecer muito correto, volte para a conta do Google Forms e ajuste um pouco mais o design. Em seguida, repita o processo acima para colar novamente o novo código de incorporação. Quando a visualização do formulário estiver correta, você estará pronto para publicar a página e começar a coletar os resultados do formulário!

Coletando resultados de formulário de um site

Todas as entradas de formulário que você receber dos visitantes do site irão para uma planilha do Google Sheets. Você pode ver esses resultados voltando ao formulário criado no Google Forms e selecionando Responses na parte superior da página de design do formulário.

O bom de coletar endereços de e-mail com um formulário como esse é que você também está criando uma lista de e-mail dos visitantes do seu site. Você pode usar isso para enviar e-mails em massa com notícias sobre seu site ou outras atualizações que possam interessar aos seus leitores.

De qualquer forma, o Google Forms é uma ferramenta poderosa para incorporar formulários em seu site sem nenhum conhecimento de programação.

Rate this post
Artigo anteriorComo incorporar dados do Excel no Microsoft OneNote
Próximo artigoAbrace esses novos recursos do Apple Maps no iOS 13