Como criar um Formulário de Briefing para criação de sites no WordPress

e nesse vídeo eu vou te ensinar a criar um formulário de briefing lá no seu site Wordpress [Música] e fala pessoal tudo bem Aqui é a Micaela dos complicando sai e nesse vídeo vou te ensinar a criar um formulário de briefing para você captar dados do seu cliente para que esses dados te ajudem a criar o layout do site eu já fiz um vídeo de bruxinha aqui no canal só que eu entrei a usar o Docs do Google e a sentiment eu tenho testado Essa maneira de captar os dados é como formulário e tem sido

bem bacana os clientes têm aceitado o melhor e tem respondido mais rápido o briefing quando eu mando o formulário diretamente para ele tá então a Silva por aquela do meu computador para te ensinar isso eu vou te pedir para deixar aquele like no vídeo e se inscrevendo no canal alô para isso vamos para a tela do meu computador agora fala pessoal antes de começar o conteúdo eu vou só dar um recadinho para vocês dia oito terça-feira a próxima terça-feira agora às 8:30 da noite eu vou fazer uma live de abertura da sexta turma do curso

aqui do canal e a gente vai o papo né sobre criação de site eu vou falar várias coisas para vocês vou contar um pouco da minha história eu vou falar qual que é a jornada do Sucesso do webdesign que que você precisa para começar a trabalhar qual que é a curva de aprendizagem Quanto dá pra ganhar por mês e vou mostrar todo o conteúdo do curso para quem não sabe toda vez que eu faço uma live abertura durante a Live eu abro as inscrições e os cinco primeiros que comprarem ganha um bônus dobrado então não

perde tá tô te esperando lá para você concorrer esse bônus você for entrar espero que você seja um dos cinco primeiros a comprar mesmo que você não seja um dos cinco primeiros Vai ser um prazer te receber na nossa turma do eu fico esperando terça-feira o dia oito às 8:30 da noite Beleza Ative o Sininho para não esquecer então vamos lá pessoal você vai entrar aqui no seu site né dentro do seu WordPress vai vir aqui em páginas adicionar uma nova página depois você vai vir aqui e vai colocar o título né da página que

eu vou colocar briefing mesmo aqui em modelo vou mudar para a largura Total vou clicar aqui nem publicar duas vezes depois eu vou clicar aqui em editar com elemento como eu uso aqui um banner Zinho de uma cor só roxo eu vou pegar a cor que eu uso aqui no banner só para fazer um banner vizinho aqui para página então vou clicar aqui vou pegar uma sessão de uma coluna só ouvirem estilo tipo de fundo vou colocar a cor roxa pronto ouvirem avançado pede vou colocar 50 de pede vou vir aqui na biblioteca do arrastar

um título para cá aí eu vou escrever aqui né vou colocar para centralizar a estilizar aqui vou deixar mais ou menos no tamanho tamanho 35 aqui e o peso 76 então pesca assim é depois eu vou arrastar um outro título para cá e vou escrever assim preencha o formulário abaixo com informações para criarmos o seu projeto vou centralizar colocar aqui na cor branca né Depois eu vou vir aqui vou mudar a espessura da tipografia para 400 e o tamanho eu vou deixar vindos Ok ele vai ficar assim beleza aí agora eu vou criar aqui em

baixo nós vamos lá vou pegar uma sessão com uma coluna só vou vir aqui em avançado Vou colocar aqui 80 de pede vou vir aqui na bio eu vou pegar um bilhete de formulário e arrastar para cá E aí aqui eu vou criar todos os pontos aqui que eu quero vou excluir Vou deixar só um tá aí nesse primeiro que no rótulo eu vou pegar que a primeira pergunta que eu separei aqui a gente vai criar todos esses tópicos depois a gente vai separar em passos para facilitar e deixar um formar imaginam passou o primeiro

é o qual é o seu nome o nome da sua empresa aí aqui dentro do placeholder né eu vou colocar exemplo Micaela com quando saires dá para pessoa entender a pergunta que não sabe legal se eu colocar o exemplo aqui dentro do placeholder aí depois eu vou duplicar e aqui embaixo eu vou colocar produto ou serviço que sua empresa vende ou mudar para produtos ou serviços que a sua empresa vende E aí aqui em baixo vou colocar exemplo roupas Consultoria Olá pessoal entender aqui embaixo eu vou colocar textos instrutivos relacionados as categorias dos serviços ou

tipos dos serviços a eu coloquei um exemplo aqui aí nesse daqui como é um texto grande eu vou vir aqui no tipo né e vou mudar para text área que isso aqui é uma área de texto tá vendo e aí o aumentar aqui para 6 horas para poder ficar um espaço maior Zinho aí eu vou duplicar vou pegar a outra pergunta que a descrição da empresa e aqui vou colocar o exemplo aqui embaixo aí a próxima vai ser slogan ou chamada para o banner aí vou duplicar aqui também e aí aqui embaixo eu vou colocar

o exemplo E aí nesse eu vou deixar três assim para ficar menorzinho tá políticas de privacidade eu vou duplicar esse da descrição aqui que ele já tá Hunter eu vou colar aqui colar um exemplo eu tinha colocado o exemplo duplicado aqui eu vou acessar as minhas políticas de privacidade deixa eu pegar um exemplo porque o nível por uma reticências passa para pessoa entender que até empresas que têm sua própria política e privacidade tudo mais tá Quantas e quais páginas o site terá um E aí vou copiar o exemplo e vou colar aqui E aí esse

de contas e Quais páginas eu vou mudar para texto três sites que vocês tenham gostado e que ele se inspirar ó e aqui o exemplo aí é esse Eu vou deixar a caixa de texto mesmo e vai diminuir para três para ser uma caixa menor Depois tem fotos e material usado e será usado é esse vou copiar isso aqui de cima que é uma caixa de texto puro e a menor e vou colar o exemplo aí eu coloquei assim pessoal aqui nesses que precisa mandar arquivo pode colar aqui o link de um drive contendo todas

as fotos ou me enviar por e-mail Tá eu vou até aumentar esse daqui um Colocar assim drive, Dropbox, withrow ser contendo todas as fotos ou E aí nesse último colocar ou e transferir contém todas as fotos que tem gente que conhece o drive que a gente conhece o Dropbox me transferir né eu vou mudar aqui também dry o drive do Google que a pessoa entende melhor então vai ficar pode colocar aqui um link de um drive do Google Dropbox ou e transferir contendo todas as fotos ou me enviar por e-mail tá não deixa aqui um

cão para pessoa enviar os arquivos para você porque pode pesar muito site ou então pode tirar a qualidade das fotos que tem cliente manda a foto com qualidade boa e as fotos também pesadas Então não é legal é deixar que a pessoa envio para você não tá melhor deixar um link aqui telefone para contato é porque um exemplo aqui ou duplicasse aqui o do WhatsApp para contato vou mudar Só pergunta para o exemplo é o mesmo aqui e-mail para contato aqui coloquei um exemplo do e-mail os links de redes sociais muito importante para você já

deixar cadastrado bonitinho lá como você pesquisar isso empresa no Google isso é bem legal de ter porque pode ajudar você na COP e na hora de cadastrar o plugin de ansioso que você vai ter lá o material para poder criar Tá então vamos colocar aqui a pergunta ó e aqui eu coloquei em breve exemplo E aí eu vou mudar esse tipo para a área de texto tá vou deixar grandinho assim mesmo aí a próxima é Você registrou o nome de domínio para o seu site E aí ficou aqui é pergunta e aqui o exemplo Se

sim me mande alguém sem para acessá-lo é E aí E aí é a mesma coisa que o hospedagem e como se você tem servidor de hospedagem se sim mas alguém sempre assim sabe já tem ali né eu vou precisar aí esses dois a gente muda para 3 tá tanto ICI do domínio quanto o dos pedágios Vamos mudar ele para três é você tem padrões existentes como Logos e cores que devem ser incorporados e vamos duplicar aqui e o qualquer pergunta o exemplo né que é nesse caso que é um aviso se sim Mande o link

na verdade eu vou pegar isso aqui de cima que a gente já tinha mudado né fase material que pode ser pen drives e tal você pode colocar aqui aí eu vou só escrever esse na frente se sim você pode colocar aqui o link do drive Dropbox e tudo mais e aqui embaixo Existe alguma outra informação não estado que você gostaria de nos informar o terror e na Oi e aí embaixo você coloca Digite a e nesse daqui de cima do link eu vou mudar para texto comum e nesse de baixo aqui eu vou aumentar nesse

último Existe alguma informação eu vou aumentar para sexta para cá grande também tá aí beleza aí agora a gente vai criar os steps né que é aqueles pontinhos para a gente dividiu o formulário ele não ficar tão grande Tá então quê que eu vou fazer bom então primeiro eu vou vir até aqui em baixo vou clicar aqui né adicionar item vou vir aqui no tipo vou escolher aqui etapa tá vou duplicar essa etapa aqui quatro três vezes porque nós vamos fazer três aqui tá vendo dá para ficar quatro e aí a gente vai arrastar esse

daqui e vamos colocar onde a gente achar que for necessário Tá eu vou colocar depois de quatro e diz aqui que eu acho que vai ficar um espaço legal tá vendo quatro itens aí depois eu vou depois eu vou arrastar mais um vou contar mais um dois três quatro cinco aqui a e nesse daqui vou contar mais um dois três quatro 15 Pronto quem ficou assim estava nesse primeiro aqui a gente tem que Observar se ele tá marcado com obrigatório porque ele tem ser obrigatório pelo menos o nome a pessoa tem que preencher porque você

tem que saber como que é o nome da pessoa e a empresa senão fica difícil para você que organizar né então tem que marcar isso aqui como obrigatório tá aí agora a gente vai fazer algumas configurações Vamos descer aqui em botões e por padrão e geralmente ele vem escrito em inglês né E aí ele vem e se tem inglês aqui mas você traduz o de enviar vai ficar enviar mesmo o próximo eu vou deixar próximo e esse anterior vou deixar voltar E aí vai ficar assim tá é o alinhamento eu vou deixar ele alinhado é

direito para eu ficar mais pequena assim e vou vir aqui nesse estilo botões vou vir aqui na cor do fundo do botão enviar vou colocar esse roxo que é o rosto que eu tô usando aqui e nesse do botão voltar eu vou deixar um rosa aqui que é um rosa do projeto mãozinha mais claro sim tá E aí quando a pessoa a digitar que o nome é avançar ao vai ficar os dois botões tá vendo voltar e próximo só tem certeza que você pegou a cor certa porque por exemplo eu não peguei Rosa certo venha

Rosa serve para colar no botão e pronto tá vendo você quiser você pode vir aqui né e estilizar com a tipografia certo o meu já está configurado que eu já tinha deixado Então vou configurar só o estilo aqui dos Campos então eu vou vir aqui espaçamento entre as linhas e vou aumentar para não ficar tão embolado vou ver aqui em espaçamento do rótulo vou aumentar um pouquinho eu vou vir aqui em rótulo né no título E aí só o peso eu vou mudar para 500 para ele ficar um pouco mais grosso assim para ficar em

destaque não ficar muito apagado né vou vir aqui em campo e arredondamento vou deixar 30 que a minha estética aqui do site todo arredondado vou vir aqui em etapas vou vir aqui em cor primária e vou pegar esse rugi aqui que é o que a gente tá usando vou vir em ativo e também vou colocar o roxo e incomplete também vou colocar o rosto ele ficou assim aí conforme a gente vai preenchendo ó tá vendo ele vai ficando coloridinho aqui tá eu vou aumentar para também ficar com usabilidade melhor então vou vir aqui na tipografia

eu vou colocar tamanho 25 aqui e o pede eu vou aumentar aqui também eu vou vir aqui na espessura dele vou deixar 600 também para dar uma encorpada Ok ninguém vai ficar assim e aí beleza aí agora eu vou colocar aqui no mobile para poder ver como é que tá né esse espaçamento que eu coloquei vou vir aqui nessa primeira sessão vou deixar 20 aqui de pede o Rodrigo aos valores de pet e aqui no superior eu vou deixar 80 né porque eu tenho menuzinho no mobikey vai ficar aqui em cima senão ele vai tampar

o nome aqui e aqui nessa sessão vou vir aqui e vou deixar 20 de pede também ok e vai ficar assim o nosso formulário vizinhos ou clicar aqui na atualizar nem olha só O legal é que se a gente vier aqui e preencher ele vai ficar tanto que dentro do site quando chegar por e-mail pra gente então vou preencher aqui rapidinho algumas informações de teste para mostrar para vocês como é que fica lá dentro do site pronto outra coisa que a gente pode configurar também tá vendo quando eu enviei mensagem apareceu a mensagem foi enviada

você pode mudar essa mensagem e você vem aqui em Campos do formulário mais opções aí você vem que me mensagens personalizadas E aí você pode mudar para presente obrigada e recebemos Surf suas informações foram enviados com sucesso e em breve entraremos em contato para dar a andamento ao seu projeto E aí pronto E aí se a gente enviar de novo aqui colocar só uma aqui para ver aí vai aparecer a mensagem Obrigado pelas informações foram enviadas com sucesso em breve E aí você pode configurar essa mensagem aqui ó de mensagens tá vendo vou mudar só

o peso dela aqui para 600 deixar aqui 20 e vou mudar a cor dela para um verde assim que é cor de coisa concluída né eu só vou fazer preencher um campo aqui colocar para enviar para que vocês vejo tá vendo Obrigada suas informações foram preenchidas com sucessos em breve Olá aí deixa eu mostrar para vocês como é que chega aqui dentro do site e bota aqui em elemento envios e aqui nesse primeiro aqui ó você clica aqui ver aí está aqui todas as informações esse primeiro eu não tinha colocado nada nesse terceiro aqui deixa

eu ver aí tá vendo E aí em todas as informações Aqui foram preenchidas uma coisa nós podemos ver aqui no conteúdo em Campos né e onde a gente pediu para colocar e-mail a gente vem aqui e muda de texto para e-mail para ele ficar o campo certinho e para ficar listado aqui também direitinho quando a gente receber então colocar aqui aí por exemplo que eu posso colocar algumas coisas de texto Quando chegar no campo de e-mail que esse daqui e ele vai ser enviado para gente Oi e aí aqui vai aparecer o e-mail da pessoa

dá não o e-mail Zinho aqui que ela colocou então fica mais fácil para você achar E aí tá vendo cada item que você colocou lá tem que as informações legal né pessoal então esse tipo de Beauty facilita bastante eu tenho sentido muita resistência a dos clientes em responder laubing pelo toque do Google que nem eu fazia antes Às vezes a gente colocava uma pergunta lá e ele só respondia com o senhor não então aqui tendo um exemplo certinho e sendo uma coisa mais dinâmica e te mandando o link para ele aí eu acredito que vai

ficar bem mais fácil tá mais fácil para mim só acredito que vai ficar mais fácil para você também Beleza então é isso Pessoal espero que vocês tenham gostado se você curtiu deixe um like no vídeo se inscreve no canal me segue nas minhas redes sociais eu tô te esperando amanhã terça-feira às 8:30 da noite na Live aqui do YouTube Tá bom então é isso um abraço até a próxima