Como Fazer um FORMULÁRIO DE BRIEFING dentro do seu site [Briefing de criação de sites]

Neste vídeo eu vou te ensinar como criar briefing para criação de sites usando o Google forms fala pessoal tudo bem Aqui é a Micaela do descomplica no sites e antes de partir pro Tutorial quero te pedir para deixar aquele like que ajuda demais o canal a crescer e para você se inscrever no canal bom pessoal briefing é um documento com perguntas que a gente envia pro nosso cliente com objetivo de entender as características que ele quer no site captar essas informações para com base nelas criarmos o site do jeito que ele quer eu já fiz dois vídeos aqui no canal ensinando vocês a criar briefing primeiro eu fiz com o documento do Google o outro eu fiz com o formulário do elementor pro que foi esse daqui ó usamos um formulário de passos e agora eu vou te ensinar a fazer com o formulário do Google né com Google forms que é gratuito então se você não tiver o elementor pro uma alternativo legal é usar o formulário do Google que tem várias funções legais é gratuito e fica bem dinâmico aqui pro cliente preencher tá E aí você pode enviar pro seu cliente de duas maneiras depois que você cria o formulário Você pode enviar o link dele assim mesmo do Google ou se você quiser você pode colocar no seu site como eu estou mostrando nesse exemplo aqui eu vou usar como exemplo este site de agência que eu também ensinei vocês a criar aqui no canal tem vídeo tutorial ensinando a criar aqui passo a passo vou deixar o link no cai na descrição se você quiser conferir e para quem não sabe eu também estou vendo vendendo os templates então se você gostou desse projeto e não quer criar do zero a gente tem a nossa loja de templates ó todos os projetos que eu ensino criar aqui no canal e alguns outros eu disponibilizei à venda e aí você pode comprar e instalar lá no seu WordPress E aí você vai só editando mudando os textos mudando as fotos Ó tem vários filtros aqui que dá para você pesquisar se você quiser pesquisar aqui pela lupa também ó digita portfólio que você vai encontrar Nós temos dois modelos aqui feitos com elementor pro e um modelo feito com elementor free é a mesma versão desse só que ele foi adaptado para o elemento free Ok então é isso pessoal vamos lá para acessar aqui o Google forms você vai vir aqui em uma aba do Google vai clicar aqui nesses pontinhos da lateral e vai descer até formulários que é esse ícone aqui aí você vai clicar ele já vai te levar para cá você vai clicar em formulário em branco para criar um novo aqui em cima você vai colocar o título do seu formulário eu vou colocar aqui briefing para criação de sites aí quando você clica fora Ele já muda o título aqui aí se você quiser você pode colocar uma descrição que vai ficar como um subtítulo tá E aqui embaixo ele já dá a primeira opção de pergunta que você pode fazer aí aqui em cima você coloca o título eu vou disponibilizar para vocês o link desse briefing que eu deixei aqui e aí se você quiser você pode ir copiando cada uma das perguntas que eu fiz e só ir colando aqui tá vendo aí fica mais fácil para você E aí se você quiser colocar uma descrição por exemplo aqui eu coloquei o título E aí eu posso colocar uma descrição igual está aqui tá vendo um exemplo para poder ajudar a pessoa na pergunta então você vem clica aqui nesses três pontinhos clica em descrição e cola aqui ele vai ficar assim aqui você seleciona o tipo de de Campo que vai ser essa essa resposta do cliente então tem resposta curta para quando é poucas palavras parágrafo quando é para bastante texto mú pra escolha múltipla escolha Você pode colocar várias opções aqui ó paraa pessoa pra pessoa marcar Ó tem caixa de seleção também lista suspensa que aí faz uma listinha aqui ó você faz uma lista E aí fica a seleção aqui paraa pessoa conseguir selecionar upload de arquivos se você quiser que a pessoa envie arquivos por aqui mesmo mas aí neste caso ele permite que a gente envie poucos arquivos só 10 arquivos por exemplo você vai ver que vai ter um campo que eu vou pedir paraa pessoa colocar imagens Mas eu não deixo esse de upload porque geralmente a gente precisa de bastante fotos né para criar um site e aqui a gente pode colocar Só até 10 arquivos e aí não fica legal mas só a pessoa enviar por um link mesmo um drive já com tudo né classificação grade de múltipla escolha então tem várias opções de resposta data horário o que a gente vai praticamente usar aqui em todos é ou resposta curta ou parágrafo né então vamos fazer assim você você escolhe aqui o tipo da resposta clica fora eí você pode clicar aqui em mais ou então se você quiser você clica aqui para duplicar que você já pega alguma informação que você tenha colocado ali em cima para já adiantar né então você vai fazendo isso vai pegando todos os títulos ó cola o título aqui cola o subtítulo ou então a descrição aqui embaixo aí você ou clica em mais lembrando que se clicar em mais aí você tem que configurar de novo né coloca aqui o título clica aqui clica em descrição para você colocar a descrição aqui embaixo e aqui você escolhe o tipo que vai ser a resposta depois que você fizer isso né Aí você vai determinar quais as perguntas você quer que sejam como obrigatórias Por exemplo essa aqui do nome é muito importante então você deixa aqui marcado que senão a pessoa preenche você não sabe né quem é que foi que mandou então é muito importante que você deixe marcado as que você acha que tem que ser obrigatórios tá depois de fazer isso você pode ajustar você pode clicar aqui ó em personalização do tema aqui você consegue ajustar o cabeçalho que é esse título aqui então Ó aqui ele já tem uma fonte específica eu vou mudar por exemplo para mon serr eh Extra que vai ficar com essa fonte aqui bem grossa e aí você consegue modificar a o tamanho também por aqui o dos títulos também você pode mudar ol eu vou colocar Monte serrar é chatinho mesmo de achar aqui ó ó tem que vir pro lado colocar e o tamanho vou deixar 13 e aqui já no Roboto eu vou deixar essa lexend normal aliás normal não vou colocar Clara e o tamanho vou deixar 11 mesmo e aí aqui no cabeçalho ó se você quiser você pode colocar uma imagem aqui mesmo eles já dão aqui alguns modelos de imagem que você pode usar você pode upar também uma imagem para cá ou se você quiser você escolhe uma dessas imagens aqui clique em inserir que aí ele vai colocar aqui em cima do cabeçalho Ok se você quiser excluir é só clicar aqui eu vou deixar 100 mesmo tá E aí aqui você escolhe a cor ó Conforme a cor que você vai escolhendo ele vai criando uma paleta aqui embaixo então aqui vermelho ó se por exemplo o plano de fundo ele te dá variações desse vermelho para combinar eu vou deixar um roxinho mesmo e vou deixar um roxinho um pouco mais escuro para ficar aqui na parte do fundo OK é OK depois de fazer isso você vai clicar aqui em publicar vai deixar configurado aqui né para qualquer pessoa com link poder visualizar Aí você clica aqui em publicar pronto aí se você quiser enviar o link pra pessoa você clica aqui ele gera um link grande se você quiser encar você clica aqui em URL curto clica em copiar Eu vou acessar uma guia anônima aqui para você ver como que fica olha só Aí vai ficar desse jeito vou acessar esse outro meu aqui que já tá completo para mostrar para vocês olha ele fica assim desse jeito e já fica adaptado aqui também pro mobile então você não precisa se preocupar com isso o Google mesmo já se adapta bem bonitinho OK agora se você quiser colocar ele no seu site incorporar como eu fiz aí você vai vir aqui dentro do WordPress vai vir em páginas adicionar nova página mas pro final do vídeo eu vou te mostrar onde você ver as respostas tá Guarda aí um pouquinho vou colocar o nome da página aqui de briefing Espero que eu esteja escrevendo certo porque toda vez eu escrevo o nome nome de briefing errado coloca um n onde não devo enfim publicar clica aqui em editar com elementor E aí aqui você Ajusta a página nessa página aqui em específico vou precisar fazer alguns ajustes por exemplo vou vir aqui na engrenagem vou vir em layout da página vou deixar Element largura total para assumir esses títulos que estão aqui esse meu menu ele é transparente fica transparente em cima do Banner então eu vou precisar fazer uma base para ele aqui primeiro vou clicar vou clicar em flexbox vou vir com a setinha para baixo vou vir em avançado vou colocar 50 de preenchimento desin cular e no inferior vou colocar 80 e vou clicar em publicar eu vou clicar aqui no olhinho para eu poder ver a página ó tá vendo aí eu não consigo mais pegar esse contêiner porque ele está em cima do meu Menu quando isso acontece a gente tem que clicar aqui em Estrutura clicar em contêiner para conseguir clicar no contêiner aí eu vou vir aqui em estilo plano de fundo vou pegar a cor roxa e vou clicar em publicar Pronto agora sim não tá com aquela lista branca Lembrando que só precisa fazer isso aqui como no meu caso porque o menu é transparente no seu caso não tem problema tá você pode começar essa próxima sessão aqui direto então eu vou vir né vou pegar um contêiner com a seta para baixo vou vir em avançado vou colocar 50 de pad vou vir na biblioteca vou arrastar um um idit de título para cá aí eu vou colocar assim nos Conte mais sobre o seu projeto vou clicar com o botão direito duplicar e aqui no subtítulo eu vou colocar preench o briefing abaixo para que possamos entender suas necessidades aí vou clicar aqui no contêiner vou vir em layout vou deixar aqui alinhado ao centro esse título aqui eu vou alinhar oo centro também aí nesse título eu vou clicar aqui em tipografia e vou deixar o Realce que é para fazer esse subtítulo né Aí você vai clicar aqui no ícone de mais ou vai vir aqui na sua biblioteca e vai pesquisar por HTML e vai arrastar o edit de html para cá é assim que a gente vai conseguir colocar aquele formulário aqui dentro da sua página tá para você conseguir esse HTML Você vai clicar aqui em cima nesses três pontinhos vai clicar em incorporar HTML por aqui você você consegue configurar a largura eu vou deixar 1000 de largura de altura eu vou deixar assim para poder mostrar para você você clica aqui em copiar e clica aqui em colar ó aí ele vai mostrar aqui para você aí aqui você consegue editar a largura e a altura tá então aqui tá 1000 Então você consegue vir aqui e trocar esse número só que ele já ele era para estar maior do que está acho que o que tá acontecendo é que eu coloquei aqui alinhado ao centro isso mesmo vou tirar esse alinhado ao centro e vou alinhar o título individualmente pronto que aí agora ele tá no tamanho real ó e aí se você quiser você consegue vir e aumentar a largura tá e a altura também perceba que ele tá fazendo essa Barrinha aqui essa barrinha de scroll então ele tá com altura de 984 então você pode ir aumentando a essa altura de acordo com o tamanho que tá o seu formulário aqui se eu colocar por por exemplo nesse aqui né 10000 ele já vai sair essa Barrinha só que se for esse formulário aqui o completo que ele é bem grande não seria suficiente então ó o que que eu vou fazer vou colocar o formulário completo aqui para você ver olha tá vendo ele tá com a altura aqui de 3154 e ainda está com essa Barrinha então você pode ir aumentando ó vou pô 4. 000 para ver ainda tá com a barra vou pôr 4500 sumiu a barra mas vamos ver se não tem espaço sobrando ó tem um espaço em branco sobrando então Vamos diminuir um pouco vamos colocar 4200 Pronto agora sumiu a barra e não tem nenhum espaço des necessário em branco sobrando tá então beleza depois de ajustar aqui os tamanhos colocar aqui vou deixar em 1000 tá de largura e vou clicar em publicar Pronto agora você já tem o seu formulário do Google quando a pessoa responder já vai cair lá para você vou responder aqui e mostrar para você como que vai ficar lembrando pessoal que quando a gente faz essa página aqui do no elementor tá esse aqui não é o link da página não isso aqui é o link da visualização porque a gente clica no olhinho o link da página é tudo que vem antes dessa interrogação ou se você apagar a interrogação fica só o link da página até briefing que é o link Então se você for compartilhar com seu é essa página aqui que você vai mandar tá ó vou até acessar na guia anônimo aqui pr pra gente ver Vou preencher aqui alguns dados colocar qualquer coisa só para mostrar para vocês ó preenchi aqui alguns Campos aí vou clicar aqui em enviar Pronto foi enviado aí você né que é o dono do formulário para você vai aparecer assim ó aqui em respostas no seu formulário vão aparecer as respostas que as pessoas responderam para você aí tem uma coisa muito legal que ele faz você pode clicar aqui em ver no app de planilhas né que é as planilhas aqui do próprio Google que ele vai fazendo uma planilha para você com todas as respostas que as pessoas fizeram eu já tinha preenchido aqui uma vez ó então ficou essa primeira vez minha aqui preenchida e essa segunda vez também tá como se fosse duas pessoas tivessem preenchidos de maneira separada então ele destaca tudo aqui pra gente e a gente consegue ver tudo e também fica aqui né só que aí Vai acumulando tá vendo ó aqui Qual o seu nome por exemplo aí tem dois porque eu respondi duas vezes então pensa se você tiver muitos clientes aí vai ficar inviável você ficar olhando uma por uma das perguntas aqui aí fica mais fácil você vir e olhar aqui pela planilha né então você consegue acessar por aqui lembrando para você chegar lá no formulário de novo vem no Google clica aqui pesquisa aqui por formulários aí aqui embaixo vai ter todos os que você criou você clica aqui e aí você consegue clicar aqui em respostas para poder ver todas as respostas Ok vou deixar essa página aqui disponível para você vir aqui e copiando cada uma das perguntas se você quiser então é só você acessar criative m agencia. com.

br barbing tá lembrando que se você quiser aprender a criar este site aqui que é um site de agência eu vou deixar aqui no canal para você o tutorial passo a passo e se você quiser comprar o template deste site também está disponível na nossa loja templates pdcom andos sites. com.