Esse vídeo é praticamente um curso gratuito aqui no YouTube hoje eu vou te ensinar como criar uma Landing page incrível em apenas uma hora partindo do absoluto zero eu vou praticamente pegar na sua mão e te mostrar todo o passo a passo necessário para você criar qualquer tipo de Landing page hoje mesmo de forma totalmente profissional e sem usar nada de programação só utilizando ferramentas fáceis de configurar como o WordPress e o elemento fala pessoal tudo bem Rodrigo aqui do canal aprendendo sites e pessoal essa aula aqui Demorou vários dias para ficar pronta teve todo
um trabalho de edição de um trabalhão para postar Enfim então eu peço que você não esqueça de deixar o like nesse vídeo agora já no início do vídeo e também se inscreve no canal se você tem interesse em aprender tudo sobre criação de sites beleza sem Muita enrolação vamos lá pro nosso passo a [Música] passo Beleza então pessoal vamos lá olha só eu separei aqui algumas observações importantes que eu quero apresentar para você e também eu separei aqui qual é que vai ser o nosso passo a passo tá eu peço então em primeiro lugar que
em hipótese alguma você pule essa parte aqui das observações e do passo a passo porque é de extrema importância você entender exatamente o que que eu vou te ensinar nessa aula como que eu vou te ensinar o que você vai aprender Então veja com atenção que essa parte tá que eu tenho certeza aí que enfim 90% das suas dúvidas vão ser tiradas aqui nesses minutinhos aqui que eu vou fazer essas observações tá sem Muita enrolação vamos começar aqui pelas observações então deix aumentar um pouquinho aqui primeira observação então é que você não precisa ter experiência
para seguir este tutorial então se for necessário Veja a aula mais de uma vez Veja uma vez para você se familiarizar com as ferramentas e veja a segunda vez para você de fato aí enfim criar a Landing page tá a gente não vai utilizar nada de programação é tudo bem tranquilo a gente não vai utilizar nenhuma linguagem complexa então se você é aquele tipo de pessoa assim que nossa Eu nunca Criei um site antes eu nunca criei uma Landing page antes fica tranquilo que através desse tutorial você vai conseguir criar tudo do zero e de
uma forma bem fácil enfim bem intuitiva Beleza segunda observação aqui então é que essa Landing page ela pode ser adaptada para qualquer nicho tá então o que que acontece aqui nesse caso eu vou criar uma page aí com o tema de astronauta Enfim pode ser algo mais puxado aí para uma agência Enfim pode se adaptar a vários nichos tá então independendo se você quer criar uma Landing page por exemplo para academia para dentista para advogado se você quer sei lá criar uma Landing Page para você vender um livro vender um e-book vender algum tipo de
produto enfim você vai conseguir adaptar a Land Page para qualquer nicho tá a ideia dessa aula não é que você crie uma land page exatamente como eu vou mostrar aqui mas a ideia dessa aula é que no final da aula você já sai daqui sabendo criar qualquer tipo de Landing Page do jeito que você quiser tá porque a gente vai utilizar o WordPress e o elementor que são ferramentas aí enfim bem tranquilas de usar né E você vai ver que é tudo bem fácil de fazer não tem muito mistério é só mesmo a questão da
enfim da atenção né e ter um pouquinho de paciência aí para est aprendendo Tá mas não é nenhum Bicho de Sete Cabeças e você pode tá a qualquer nicho essa Landing page beleza terceira observação aqui é que todo o conteúdo da Landing page Ele É fictício tá pessoal então os textos aqui ó eu vou retirar desse site aqui Loren Y tá para quem não conhece Loren Y é um estilo de texto aqui que enfim os designers usam aí para preencher espaços aí na enfim em sites ou em artes tá E é tudo fictício tá pessoal
conteúdo da landpage as imagens eu peguei aqui nesse site ó aliás eu gerei aqui n nesse site no lexica que esse aqui ele é um site aí de Inteligência Artificial então eu gerei aqui as imagens e também se você quiser você pode vir aqui no freepik.com né que aqui você consegue pesquisar aí as imagens e estar fazendo download e utilizando aí enfim nos seus sites nas suas Landing pages tá inclusive aqui no meu computador ó eu deixei separado aqui uma pastinha com as imagens ó Então vou pegar todas as imagens daqui eu vou mostrar para
você também qual o tamanho correto das imagens enfim como remover o fundo das imagens dimensionar Então vai ser uma aula bem completa tá pessoal o próximo passo aqui então é siga o passo a passo exatamente como eu mostro tá pessoal porque o que que acontece muito acontece de eu mostrar o passo a passo de um jeito e a pessoa assiste e ela faz de outro jeito completamente diferente tá E daí às vezes as pessoas vem comentar aqui que não tá dando certo ou que tá dando diferente Ou que tá dando erro mas eles não segem
segu o passo a passo exatamente como eu mostro tá Então siga o passo a passo exatamente como eu mostro do início ao fim que você provavelmente aí vai conseguir fazer a sua Landing page beleza Minha quinta observação importante aqui é que essa Landing page ela já está disponível no meu pack de templates tá então eu vou est deixando na descrição do vídeo esse link aqui E esse aqui é o link do meu pack de templates então aqui é um é um pacote né com mais de 40 Land pages prontas que é o mesmo desenvolvi e
você pode estar adquirindo todas essas Landing pages daí como que funciona você vai importar essas Landing pages lá no seu elementor né você vai fazer as edições e você vai publicar essas Landing pages aí Enfim tudo do seu jeito tá adquirindo pack aí você vai ter todo o passo a passo necessário para você fazer isso você tem direito a suporte online atualizações e o acesso é vitalício Beleza então eu sempre dou essa opção aqui porque tem gente que às vezes não tem tempo de estudar e de aprender e criar tudo do zero então aqui é
uma solução bem rápida para você fazer tudo aí com poucos cliques Beleza o link do pack Então vai est na descrição do vídeo ok bom essas aqui seriam as observações né uma coisa acho que eu esqueci de de falar né ã a as cores também eu separei aqui no meu bloco de notas ó as cores que eu vou utilizar que é um Tonzinho de de azul e um Tonzinho de rosa e a Fonte aqui que eu vou utilizar né E daí você faz aí com as suas cores com enfim as suas fontes a estrutura da
Land page pessoal eu quero deixar bem claro que ela é sempre meio parecida né as estruturas da das Land pages Então você só vai mudar as fotos você vai mudar os textos as cores né mas a estrutura a lógica vai ser igualzinho eu vou fazer aqui beleza então acho que seria isso aqui de observações se tiver alguma dúvida também pode estar deixando aí nos comentários beleza e agora vamos falar um pouquinho aqui do passo a passo então a gente tá nas obs obervações aqui já na sequência então primeira coisa que eu vou fazer é a
contratação de domínio e hospedagem tá só para você entender então o domínio ele vai ser o seu endereço online por exemplo o meu domínio é aprendendos sites.com e você vai ter aí também o seu domínio né o seu nome P com ou com.br ou sei lá o nome da sua empresa.com ou do seu projeto enfim você vai ter o seu domínio e esse domínio ele tem que estar conectado a uma hospedagem a hospedagem nada mais é aí que o servidor né né vai ser o local na internet onde vão ficar os arquivos do seu site
onde vai ficar armazenado o seu site né então Toda vez que você acessa um site por exemplo esse meu aqui do do pack de templates ó aprendendos sites.com btemplates esse aqui é o domínio e esse conteúdo aqui ó ele tá armazenado em um servidor tá da mesma forma aí que você vai ter a sua Land page aí enfim ela vai estar armazenada em um servidor tá a contratação de domínio e hospedagem é bem simples de fazer ã vai ter um custo tá pessoal mas eu já adianto aí que é um custo básico é o mínimo
custo possível E também vou dar um cupom de desconto aí para você fazer a contratação e eu creio que é tudo bem tranquilo tá dentro desse domínio e dessa hospedagem a gente vai então instalar WordPress WordPress para quem não conhece é uma plataforma de criação de sites Então dentro do WordPress você consegue criar praticamente qualquer tipo de site e o melhor sem nada de programação tá terceiro passo aqui então dentro do WordPress a gente vai instalar um tema né todo WordPress possui um tema e também a gente vai instalar o elementor o elementor ele é
um page builder e daí sim através do elementor que a gente vai conseguir criar a nossa Landing page e o elementor ele é um um page builder né como eu falei ou seja um construtor de páginas no estilo arrasta e solta né então você vai arrastando e soltando lá os elementos e é tudo bem intuitivo e bem simples de fazer Beleza se você não tem familiaridade aqui enfim com todos ess esses termos que eu falei né domínio hospedagem WordPress tema elementor fica bem tranquilo que eu vou ensinar todo o passo a passo não tem muito
mistério tá é basicamente você só ir clicando em botões tá não vai ter nada de de surpresa nem muito diferente então não precisa você ficar preocupado com isso Beleza nosso quarto passo então tendo o elemento ali instalado né a gente vai criar e personalizar a nossa landpage da maneira que a gente quiser então vou criar minha landpage ali do meu jeito e você vai aprender e você vai criar também a sua Land Page do seu jeito com ali né como eu falei com as suas imagens os seus textos as suas cores enfim da maneira que
você bem entender beleza e o nosso quinto passo Então seria colocar a Land page online né que daí é colocar ela como página inicial ali do domínio que é o último passo tá então acho que seria isso aqui tá pessoal à Não tem muito mistério se tiver alguma dúvida deixa aí nos comentários e vamos partir então aqui pro nosso primeiro passo que é contratação e configuração de domínio e hospedagem Beleza então pessoal Vamos lá paraa gente est fazendo aí a contratação e a configuração de domínio e de hospedagem eu vou est deixando esse link aqui
na descrição do vídeo esse aqui é o link da hostinger e através desse meu link aí você vai garantir um super desconto tá daqui a pouquinho também eu vou te dar mais um cupom de desconto aí para você fazer a contratação de domínio e de hospedagem tá E no caso da hostinger aqui é legal porque eles oferecem tudo junto né domínio hospedagem WordPress Então você tem uma solução completa para você criar o seu site com poucos cliques sem complicação tá no momento da gravação desse vídeo eles estão aqui com uma oferta ã 74% de desconto
se você acessar esse vídeo aqui talvez muito no no futuro né Talvez daqui 1 ano dois anos pode ser que alguma coisinha aqui mude enfim mas você consegue igual fazer essa contratação bem tranquilo tá eu vou vir mais embaixo Aqui ó e você vai acessar aí o link da descrição vai vir mais para baixo aqui basicamente Então vai ter alguns planos de hospedagem aqui basicamente a gente tem o plano Premium o plano Business e esse Cloud Startup qual é que é a lógica que então todos esses planos vão incluir a hospedagem vão incluir domínio vão
incluir o WordPress então através de qualquer um desses planos aqui você consegue criar tranquilamente o seu site tá eu vou vir um pouquinho mais para baixo aqui porque aqui tem um comparativo pessoal Então nesse vídeo aqui eu vou est recomendando para vocês esse plano Business que ele é o mais popular e olha só aqui no na diferença de preço né Ele é só R 5 a mais por mês do que o outro plano aqui o Premium tá então ele tem um desempenho melhor né um desempenho aprimorado aqui em até cinco vezes você pode adicionar nesse
plano de hospedagem até 100 sites Então isso é simplesmente incrível né até para enfim quem trabalha talvez aí como afiliado quem tá sempre fazendo sites e tal Olha só então a quantidade de site que você vai conseguir fazer em uma só hospedagem pagando só uma vez tá ele tem aqui o armazenamento tem backups diários que isso é muito importante também tem SSL ilimitados de graça e aqui tem várias opções ó que você pode estar conferindo tá pessoal eu não vou explicar de uma em uma porque olha só são bastante opções aqui que tem inclusive se
você é iniciante não precisa ficar assustado né não precisa pensar Nossa mas o que que eu faço com esse monte de opção não você pode ficar bem tranquilo tá vou ensinar todo o passo a passo aqui e caso você tiver alguma dúvida você pode estar vindo aqui ó E clicando nesse sinalzinho aqui na interrogação ó que ele dá explicação para cada uma dessas opções Tá mas não precisa você se preocupar com isso então você vai escolher o seu plano se fizer sentido para você também pegar o plano Premium ou até esse outro aqui que tem
mais opções enfim vai da necessidade de cada um vai do bolso de cada um Eu recomendo o plano Business tá pessoal vou clicar aqui em adicionar ao carrinho e agora nessa próxima etapa a gente vai escolher aqui o ciclo de pagamento Tá então você pode pagar todo mês você pode pagar a cada 12 meses a cada 24 meses ou até a cada 48 meses e aqui você vê que é bem Auto explicativo né então quanto mais meses aí você contrata menor o valor e também você ganha o domínio grátis A partir aqui de 12 meses
então por exemplo se você contrata um mês você vai pagar esse valor aqui todo mês e por fora disso ainda você vai ter que contratar um domínio que custa aí 40 para você tá contratando Então vai acabar que vai sair até mais caro fazendo dessa maneira né então recomendo que você escolha aqui talvez 12 meses 24 meses se você tem um projeto mais a longo prazo aí cara bota 48 meses e só vai tá porque o suporte é muito bom hospedagem é muito bom então pode confiar beleza nesse caso aqui vou botar esse aqui de
12 meses que é o mínimo PR a gente conseguir ganhar um ano de domínio grátis Beleza vou baixar aqui agora então na próxima etapa aqui no dois né você vai criar sua conta então você vai colocar aqui um um endereço de e-mail uma senha e vai criar ali a sua conta normal ou até mesmo você po pode estar fazendo login aqui com Google ou com o Facebook e na etapa três aqui então é a hora do pagamento Tá então você pode escolher cartão de crédito pix boleto Eu recomendo cartão de crédito ou pix beleza Ah
e antes que eu me esqueça você vai vir mais embaixo Aqui ó tem um cupom de desconto você vai digitar o meu cupom de desconto aprendendo sites ó o valor que tá ó daria esse valor aqui eu vou aplicar o cupom Olha só diminuiu r$ 0 aqui ó então já é r$ 0 a menos aí utilizando o meu cupom do aprendendo s Tá então não vou preencher essas informações aqui né vou vou ocultar a tela aqui vou já partir pra próxima etapa daqui a pouco mas aí é só você tá preenchendo aqui tudo bonitinho tá
lembrando que se você fizer pelo cartão de crédito esse valor você consegue parcelar aí enfim em várias vezes então acaba que sai muito barato levando em conta aí o custo benefício que você vai ter enfim o seu projeto online cara é extremamente barato esse valor Beleza então você vai preencher tudo bonitinho vai aceitar aqui com os termos de Serv vso e tal e vai clicar aqui em enviar pagamento seguro após isso então você vai estar recebendo um e-mail tá vou clicar aqui em verificar e-mail e aqui eu já fiz login então na conta da hostinger
e basicamente aqui a gente tem algumas opções então tem o início site hospedagem e-mails domínios VPS e faturas tá aqui ó você vai ver que Logo no início vai aparecer então a sua hospedagem ó que você contratou né nesse meu caso aqui o plano Business e aqui aparece também ó Resgate seu domínio grátis a qualquer momento que é o domínio que eu posso tá registrando beleza e primeiramente então eu vou clicar aqui no resgatar domínio e aqui você vai escolher então o domínio que você quer registrar né enfim seja a o seu nome P com
o nome da sua empresa. com do seu projeto nesse caso Vou botar aqui ó canal aprendendo sites tá aí tem as extensões ó P com tem várias extensões aqui deixa eu vir mais para baixo aqui para mim achar o p com.br ó que é enfim bastante usado aí né o pcom.br ou o p com que é a que eu indico tá então você vai clicar aqui em ver disponibilidade e ó nesse caso aqui esse domínio já está em uso porque ele já está registrado tá pessoal então vou colocar aqui um domínio diferente vou colocar aqui
por exemplo ele depois tá então certifica aí de enfim registrar o domínio aí da forma correta porque depois só registrando um novo domínio tá vou clicar aqui então em resgatar domínio e aqui vai aparecer essa telinha então ó finalizar registro de domínio aqui você vai selecionar o seu país né no caso Tod o Brasil aqui se é pessoal ou se é para uma empresa vou deixar empresa vou clicar em próximo e aqui então você vai est colocando aí os seus dados aqui que ele vai pedir tá então ele vai pedir nome sobrenome e-mail empresa ã
dado endereço CEP telefone eu vou preencher tudo rapidinho aqui vou pular o vídeo tá ó já preenchi tudo aqui vou clicar em finalizar registro o domínio está sendo registrado ó temos uma boa notícia seu domínio está sendo preparado prepare-se para ficar online vou clicar em continuar aqui ele vai pedir pra gente contratar um plano de hospedagem só que a gente já tem o nosso plano de hospedagem então vou clicar aqui em pular e beleza ó tá aqui o domínio tá agora vou vir aqui no início mais uma vez ó o domínio aqui ele já tá
configurado olha ficou com essa bolinha verdinha aqui agora vamos configurar hospedagem aqui vou clicar na hospedagem configurar e aqui vai pedir então hã para quem você está criando o site essa etapa ela é opcional tá você pode estar pulando Ou se você quiser você preenche vou deixar selecionado aqui WordPress vamos pular aqui vai perguntar qual o nome do seu site Então você coloca ali o domínio ali né que você acabou de criar de registrar vamos clicar em próximo aqui o público alvo né então se você tá no Brasil seleciona Brasil se você tá nos Estados
Unidos ou enfim qualquer outro desses países aí você seleciona o paí beleza Isso é para garantir aí que o seu site carregue o mais rápido possível aí enfim com os servidores da hostinger tá vou clicar em próximo agora vai fazer uma configuração Zinha rápida aqui vamos aguardar um pouco e beleza agora vai abrir essa tela aqui do painel de controle aqui apareceu Ó status do domínio não está apontado para os nossos name servers tá então o que que acontece o domínio quando a gente registra ele é normal que ele demore algumas horas para ele propagar
na internet tá pessoal isso é normal em qualquer hospedagem de qualquer maneira olha só vou vir aqui em domínios tá aqui o domínio ó vou clicar em gerenciar e aqui ele está apontado então para os servidores da hostinger tá então a gente só tem que enfim aguardar aí o período de propagação desse domínio beleza enquanto isso eu vou vir aqui em sites e aqui vai aparecer então a lista Aí dos Sites que você tem dentro da sua hospedagem Tá eu vou clicar aqui em gerenciar agora você pode ver que já não apareceu aquela mensagenzinha de
erro lá ó vou vir aqui em Auto instalador agora e agora a gente vai instalar então o WordPress ó vou clicar aqui em selecionar Vamos dar um título aqui pro nosso site vou colocar aprendendo sites mesmo assim aqui o e-mail do administrador então aqui eu recomendo que você coloque algum e-mail seu enfim do ook do Gmail enfim algo que você tenha enfim fácil acesso tá aqui o nome de usuário então no caso aqui tá Rodrigo aprendendo sites você pode deixar só o seu nome deixar só o Rodrigo aqui ó que ess que esses dados aqui
pessoal a gente vai utilizar para fazer login lá no painel do WordPress tá E aqui em senha Então você vai est colocando aí uma a senha que você vai lembrar também aqui em avançado não precisa a gente mexer vamos deixar assim mesmo vou clicar em próximo Vamos só mudar o idioma aqui ó tá em inglês vamos achar a opção português do Brasil ou se você quiser deixa em inglês também ou enfim o idioma que você quiser aqui a versão do WordPress é sempre a última versão aqui eu vou deixar padrão e vamos clicar em instalar
vamos aguardar um pouquinho e beleza vai aparecer essa telinha aqui então e agora então a gente já tem um domínio conectado a uma hospedagem e nessa hospedagem a gente já tem o WordPress instalado tá eu vou voltar aqui ó você vem em sites vem em gerenciar vem aqui ó em painel de administrador vai aparecer essa opção e quando você clica Ó você vai ser redirecionado um minutinho aqui ó para o painel do WordPress e aqui então que a gente vai criar aí o nosso projeto beleza outra maneira aqui de você ã enfim acessar o WordPress
é dessa maneira assim ó deixa eu dar um cont CRL C aqui vou vir aqui numa guia anônima vou dar um cont Crol V tá então vai ser o nome do seu site aí P com ou.com.br enfim bar WP tracinho admim ó vou dar um enter aqui ó e daí vai aparecer então a tela de login para você colocar então ali aquele usuário e aquela senha que você escolheu ali agora a pouco para instalar o WordPress beleza aqui eu não vou mexer vou vir aqui no painel inicial do WordPress e vamos partir então pra criação
aí do nosso projeto beleza a primeira coisa que a gente vai fazer aqui no painel do WordPress a gente vai vir aqui em aparência temas e aqui você vai ver que o WordPress ele já vai vir com alguns temas aqui pré-instalados tá pessoal o que que seria o tema o tema seria a aparência do site tá nesse caso como eu falei antes ali a gente vai utilizar o elementor para est criando aí a nossa Landing page tá enfim a nossa página nesse caso aqui eu vou vir Adicionar novo tema e eu vou est instalando esse
tema aqui o tema Hello elementor por quê Porque esse tema aqui ele é 100% compatível com o elementor aí que é o nosso plugin aí o nosso page builder que a gente vai utilizar para Tá criando a Landing page tá então você pode vir aqui ó instalar o tema Hello elementor caso não apareça aqui ó vem aqui em Pesquisar temas e pesquisa por Hello elementor e tá aqui ele então vou clicar em instalar e vou clicar em ativar beleza esses outros temas aqui ó você pode estar excluindo eles porque a gente não vai precisar deles
vou excluir vou excluir e vou excluir tá assim que você instalar o tema relo vai aparecer aqui em cima uma mensagenzinha ó Agradecemos por instalar o tema Hell e de botãozinho para você instalar o elementor que é o plugin tá então você pode estar clicando nesse botãozinho aqui para instalar o elementor ou então vem plugins adicionar plugin caso não apareça esse botãozinho né mas enfim acho que vai aparecer pesquisa aqui ó por elementor e tá aqui então é esse o elementor Website builder que tem mais de 5 milhões de instalações ativas eu vou clicar aqui
em instalar Lembrando que o elementor ele tem a gratuita e ele tem a versão paga tá pessoal nesse caso a gente vai fazer só com a versão gratuita vou clicar aqui em ativar vai abrir essa janelinha aqui eu posso fechar e Beleza então a gente tem o tema Hello e a gente tem aqui o elementor instalado no nosso WordPress agora eu posso vir aqui em páginas todas as páginas e aqui estão Então as páginas aqui né do meu enfim do meu site aqui você consegue adicionar quantas páginas você quiser você consegue criar várias l pages
aqui tá pessoal a hospedagem ali se eu não me engano são 100 GB de de limite que tem né então nesses 100 GB dá para sei lá colocar centenas de ling pages aqui né eu já falo isso porque eu sei que é uma dúvida bem comum que o pessoal tem ã que que eu vou fazer aqui eu vou excluir essas aqui ó que é a página de exemplo e política de privacidade eu vou adicionar aqui uma nova página eu vou dar um nome aqui pra minha página vou colocar Landing page mesmo mas aí você dá
aí enfim nomeia aí como você quiser e eu vou clicar aqui em editar com elementor aqui já abriu então o editor do elementor eu vou fechar aqui vou fechar esse navegador ah primeira configuração importante aqui que a gente vai fazer eu vou vir aqui nessa engrenagenzinha ó configurações layout da página tela do elementor tá isso aqui atualizou recentemente até uns dias atrás era Canvas do elementor né elementor Canvas aliás que chamava agora mudou pra tela do elementor tá então quando você coloca aqui tela do elementor ele fica todo em branco para você criar sua Land
page né E se você deixa por exemplo elementor largura Total ol el vai aparecer aqui ó um um título né aqui Um textinho embaixo então por isso que a gente coloca tela do elementor beleza e agora então a gente pode partir pra criação aqui da nossa Landing page nesse caso aqui ó quem adquiriu o o pack de templates né se você adquir o pack nesse momento aqui ó seria só você vi aqui em modelos ó meu os modelos e você fazer o envio aqui do template né do enfim do seu computador né que você vai
baixar e daí o template ele já importa na hora tá Porém Aqui eu vou criar do zero junto com você beleza ah antes que eu me esqueça também deixa eu vir aqui nas configurações do site cores globais essa aqui são as cores ó que vai vão aparecer aqui na minha Landing page né eu vou clicar adicionar nova cor aqui eu vou pegar esse tom Zinho aqui ó de de azul tá Esso aqui vai ser uma das minhas cores e aqui você faz a mesma coisa tá enfim você adiciona aí as cores da sua identidade visual
as cores aí da do seu logotipo enfim caso você não tiver também nenuma cor definida não precisa fazer esse processo aqui de adicionar as cores tá deixa eu atualizar aqui as fontes também ó a minha fonte primária vai ser a mon Serrat tamanho 40 aliás 60 peso 800 acho que 900 assim então isso aqui vai ser a fonte que eu vou utilizar nos meus títulos e a minha fonte secundária vai ser aqui a Monte Serrat também ó pode ver que tá aparecendo aqui a previazinha tá só que daí vai ser um tamanho 16 assim tá
então por que que eu adicionei essas cores e essas Fontes né porque toda vez que eu arrastar Deixa eu só atualizar aqui toda vez que eu arrastar um título para cá ou que eu arrastar alguma coisa com apenas um clique eu consigo já puxar ali a fonte e a cor Tá agora quando eu começar a desenvolver aqui a Landing page você já vai entender como que isso funciona bem na prática beleza primeira coisa vou clicar aqui nesse maizinho e aqui a gente tem as opções dos contêiners Tá eu vou selecionar esse contêiner aqui com duas
estruturas eu vou clicar sobre ele e a primeira coisa que a gente vai fazer aqui vai ser colocar uma imagem de fundo tá eu vou vir aqui em estilo plano de fundo tipo de fundo vou deixar clássico e aqui eu posso enviar uma imagem do meu computador tá eu vou vir aqui no meu computador e eu separei as imagens aqui então Ó a imagem que eu vou colocar de fundo é essa aqui ó essa imagem aqui tá essa imagem é uma imagem que eu peguei ali naquele site no no lexica né que é uma imagem
enfim gerada aí por Inteligência Artificial aliás também se você quiser gerar as imagens aqui direto no no elementor com inteligência artificial você consegue consegue gerar também você consegue gerar imagens aqui com inteligência artificial e também você consegue gerar textos Ó depois quando você arrastar aqui os textos para cá ó você consegue gerar os textos aqui com inteligência artificial tá eu não vou gerar aqui porque senão vai ficar uma aula enfim extremamente extensa né mas se você tiver qualquer dúvida também quanto a esse assunto você pode vir aqui no meu canal do YouTube Ó e eu
tenho vídeos aqui que eu falo como h eu explico né como gerar textos com inteligência artificial do elementor como gerar imagens com inteligência artificial do elementor e como gerar até códigos aí com inteligência artificial do elementor tá então vou est deixando também os links aí na descrição e você pode estar conferindo aqui no canal tudo que você tiver aí de dúvida beleza Bom enfim então eu vou falar primeiro aqui sobre o tamanho da imagem ó aqui Onde tá meu mouse ó deixa eu só vir aqui em propriedades segurança detalhes aqui ó você pode ver que
as dimensões dessa imagem é 2560 por 1536 tá então esse aqui é o tamanho que eu baixei ela Originalmente né porém pra Landing page o tamanho ideal é esse aqui ó propriedades para fundo né detalhes ó 1920 de largura e de altura Varia muito pode ser 1000 1200 1300 Mas seria esse tamanho ideal PR Landing page tá então o que que eu fiz aqui ó eu abri ela aqui no pint mesmo tá pessoal tô usando o a última versão do Windows aqui eu abri no pint mesmo ó eu vim aqui em em redimensionar ó pixels
eu coloquei aqui ó 190020 dei um ok ó pode ver que a qualidade dela tá muito boa ainda E eu salvei tá então você pode estar fazendo esse mesmo esquema aí né enfim se você utiliza outro sistema operacional você pode est enfim pesquisando qualquer editor de imagens aí para você est dimensionando as imagens aí em um tamanho certo tá outra alternativa também que você pode usar é vir aqui no fotopia ó photopia.com fotopia basicamente é é um Photoshop online Deixa eu ver se eu consigo jogar a imagem aqui você consegue aí enfim tá editando imagens
ó Então tá aqui a imagem Ó você vem aqui em imagem tamanho da imagem e coloca aqui ó 1920 ó e aceita aqui né Depois vem aqui em arquivo exportar como JPEG ou png como é fundo eu recomendo JPEG tá e salva aí no seu computador ó quando clica em salvar aqui já faz o download tá então isso aí é bem tranquilo tá pessoal eu vou vir aqui então Ó aqui eu vou arrastar agora a imagem aqui Deixa eu ver essa aqui ó ó vou arrastar aqui pro meu WordPress ó tá na largura em 1920
vou selecionar ó ela já apareceu aqui de fundo tá deixa eu só vir aqui no layout desse contêiner vou ajustar a altura aqui ó você pode estar fazendo esse mesmo esquema aí então conforme a gente vai mexendo a gente vai aprendendo né vou vir aqui em estilo ã resolução da imagem completo posição você escolhe a posição aqui eu vou deixar centro anexo rar ou fixo fixo é assim eu vou deixar rar mesmo repetir não repetir tamanho cobertura vou vou deixar desse jeito assim e aqui eu posso adicionar uma sobreposição ó posso colocar um preto aqui
e deixar sobreposto no fundo deixa eu ver vou deixar assim mais ou menos tá 76 a opacidade ó então aqui eu já tenho meio que ganhando forma aí né a Landing page agora vou vir aqui ó eu vou adicionar um título para cá deixa eu só vir aqui nesse contêiner vou justificar aqui esse título e agora vou vir aqui no site do do Lauren Y ó e vou pegar aqui textinho pronto mesmo vou copiar Aí você pega aqui nesse momento né E você digita o seu texto né vamos puxar aqui a nossa tipografia ó l
em 60 beleza a cor do texto aqui ó você consegue mudar também as cores que eu tinha escolhido antes nesse caso aqui eu vou deixar uma cor branca porém eu quero dar uma quebra aqui ó essa última palavrinha aqui eu quero deixar em outra cor tá então para isso eu vou utilizar um codigo Zinho aqui que eu até já separei é esse aqui ó esse codigo Zinho vai est na descrição também deixa eu dar um control c aqui vou vir aqui vou dar um ctrl v tá então como é que isso aqui funciona na prática
Vou colocar aqui ó o meu texto primeiro eu subir aqui e aqui a continuação do texto ó a parte do texto que você colocar aqui nessa continuação ele fica da cor diferente tá aí agora eu venho aqui ó no meu bloco de notas pego a cor ali de novo ó dei um CTR C aqui vem aqui e dou um cont control V ó tá aqui a cor Então tá eu sei que eu falei que a gente não iria utilizar códigos tá pessoal nem nada complexo mas isso aqui é só um extra tá se você quiser
fazer de duas cores tá caso você não quiser fazer de duas cores você pode fazer de uma cor normal tá Opa deixa eu ajeitar aqui ó bota o título normal ali e faz de uma cor só e escolhe aqui a cor dele tá pessoal é só um extra mesmo porque eu acho que fica legal deixar assim de duas cores tá deixa só aumentar um pouquinho a altura da Linha aqui aí vou deixar assim aqui embaixo ó posso adicionar mais um pouquinho de texto também aqui ele Já puxou um loring Y automaticamente vou deixar aqui da
cor branca e a tipografia secundária desse jeito assim vou adicionar também um botão aqui né enfim uma chamada para ação né Opa adicionei um vídeo sem querer o Bot botão Cadê o botão aqui ó um botão então a pessoa pode estar clicando nesse botão ela pode estar sei lá indo para para uma página de compra né de checkout ela pode est sendo direcionada pro WhatsApp ela pode est indo para outro lugar enfim a Land page é sua tá você faz da maneira que você achar que faz sentido aí pro seu negócio tá se você quiser
colocar tem um formulário de contato aqui ó eu tenho vídeo aqui no canal Deixa eu só pesquisar aqui aqui ó melhor forma de criar formulário de contato grátis no elementor Tá esse vídeo aqui também vai est na descrição ó videozinho de 10 minutos aí você consegue colocar aqui um formozinho de contato se você quiser tá nesse caso eu vou ensinar só com o botão mesmo beleza aqui você coloca Então o texto do botão Ó você pode estar colando aqui V botar Lor Y mesmo assim aqui no link você coloca o link do botão você quer
por exemplo que a pessoa seja direcionada para zpp você coloca assim ó w pon wa.me tracinho código do país como eu tô no Brasil é 55 código do Estado comoção do R Grande Sul 54 e os nove números ali do celular pessoal vai clicar e ela vai cair lá no WhatsApp tá vou deixar sem nada mesmo aqui aqui a gente escolhe o tamanho desse botão ó deixar tamanho grande aqui você consegue colocar algum iconeinstagram fica legal assim e aqui você regula o espaço do ícone beleza Tá aqui o botão então aqui você regula o alinhamento
vou deixar assim mesmo e agora a gente vem aqui em estilo e configura então a tipografia dele as cores ó puxei minha tipografia secundária Vou colocar aqui um peso maior peso 800 aí vamos colocar aqui ã o plano de de fundo degradê né né Gradiente ó Então posso puxar aqui essa minha cor e aqui eu posso puxar essa outra minha cor e aqui eu posso estar regulando o ângulo desse jeito assim e quando passa o mouse eu posso vir aqui ó e configurar essa cor e depois essa outra cor ó e de usuário passa o
mouse e ele faz esse efeitinho aqui que muda a cor e claro da se você quiser deixar uma cor sólida você deixa só aqui nesse pincel ó que fica só uma cor ou deixa o gradiente ou enfim você configura como você quiser tá aqui ó animação ao passar o mouse Deixa eu só vir aqui de novo ã deixa eu ver aqui ó passar o mouse animação passar o mouse Ó você pode configurar também uma animação ó nesse caso eu vou deixar 100 eu vou deixar só esse efeito Zinho assim que muda a cor beleza a
aqui em tipo de borda você pode configurar uma bordinha nesse caso vou deixar sem aqui em raio da borda Ó você pode configurar também ó uma bordinha ó vou deixar assim ó 30 30 10 30 10 ó posso deixar dessa maneira assim ó fica um um design diferente né ou ao contrário posso deixar aqui ó 10 30 10 30 ou você pode deixar tudo em 30 também ó para ficar redondinho ó enfim vai da sua necessidade do seu gosto nesse caso eu vou deixar assim porque eu achei legal ó achei com um design aqui um
pouquinho diferenciado né então vou deixar assim mesmo tá pessoal aqui em cima ó posso adicionar mais Um textinho também deixa eu pegar esse aqui dar um cont control c aqui vou vir aqui vou dar um control V vou vir em estilo tipografia secundário estilo normal transformação maiúsculas peso 700 espaçamento entre letras ó tudo que eu tô fazendo aqui é enfim só para dar um toquezinho no design né para ir deixando mais bonito e vai da criatividade de cada um também né você ir ajustando Enfim vou vir aqui em imagens ó vamos vir aqui no contêiner
também deixar o conteúdo aqui no meio deixa eu vir aqui no meu computador Olha só eu separei aqui essa imagem desse astronauta ó que eu removi o fundo dela ó essa imagem eu peguei ela Originalmente lá no no gerei ela lá com inteligência artificial né e depois eu removi o fundo né Como que você pode fazer isso também você pode vir aqui nesse site ó removedor de fundos tá aqui a imagem ó vou fazer o envio vamos ver se vai Rem remover igual fiz ontem aqui ó remover o fundo ó é só fazer o download
tá então essa aí é outra dica aí para facilitar a sua vida tá agora eu venho aqui ó pego a imagem envio aqui pro WordPress e tá aqui a imagem Então posso ajustar aqui o tamanho dela assim posso adicionar aqui uma faixa aqui em cima também para dar um toque nesse design assim assim e aqui o ângulo ó tá ficando assim então ã aqui ó você pode estar clicando em publicar ou então salvar rascunho tá lá no final quando a a l page estiver pronta daí Sim a gente vai colocar ela online ali enfim como
ã página inicial mesmo né aqui ó você clica em pré-visualizar alterações ela abre numa nova guia como que ela tá ficando aqui no histórico se você fizer alguma cagada e você consegue voltar então você fez algo errado não precisa se preocupar você vem aqui no histórico e só volta tá aqui tem o navegador ó que você tem acesso a enfim todos os elementos aqui que você tá adicionando e as configurações né como eu mostrei ali no começo e aqui o modo responsivo ó aqui você vai conferindo como que ela fica no tablet no celular claro
que aqui eu não configurei ainda eu já vou configurar junto com você eu vou fazer essa primeira esse primeiro contêiner aqui ã bonitinho né e depois a gente vai configurando ele nos outros dispositivos Beleza vou vir aqui ó vou adicionar mais outro contêiner e nesse aqui eu vou colocar umas redes sociais Deixa eu pesquisar aqui por ícones sociais assim ó deixa eu colocar para cá esse contêiner aqui só vou ter que ajustar uma coisa aqui ó vou vir no principal vou diminuir aqui essa largura e daí nesse outro aqui ó vou vir avançado margem colocar
aqui sem sem superior assim aí ISS aqui eu posso colocar até um pouquinho mais ó 150 e nesse outro aqui também 150 daí você vai fazendo esse mesmo esquema tá Pessoal vocês vem aqui nas margens ó e vão adicionando margens ó vão vão fazendo todo esse esquema aí tá nesse caso aqui eu tô fazendo tudo bem alinhado então se você quiser pode seguir igualzinho eu tô fazendo aqui tá que vai dar bom aqui então você tem as redes ó Facebook Twitter YouTube Ó você quer adicionar uma rede social você vem aqui e pega ó por
exemplo o telegram ó vou inserir daí você vem aqui em link cola o link do telegram aqui ó no YouTube cola o link do YouTube cola o link do Twitter o link do Facebook enfim vai fazendo Essa gestão beleza posso vir também aqui em estilo cor e alterar a cor ó cor secundária eu posso deixar na cor branca a cor primária aqui deixar assim transparente aqui no preenchimento eu posso deixar Zerado no espaçamento eu vou aumentar um pouquinho e aqui você regula também o tamanho ó nesse caso vou deixar assim mesmo e aqui ícone ao
passar o mouse a minha cor secundária eu vou configurar esse Rosa aí fica assim então ó e aqui você pode colocar alguma animação também ó como essa aqui ó ó não sei se dá para ver mas dá uma leve aumentadinha quando o usuário passa o mouse tá ficando assim então Vou salvar aqui agora vamos ver como que tá ficando aqui nos outros dispositivos Tá vou ver primeiro no tablet aqui ó tá assim no tablet vamos deixar ele mais bonito aqui então eu vou vi nesse coner aqui ó você lembra que lá no no desktop ó
eu coloquei 150 de Margem aqui ó tá quando eu mudo pra tablet ele automaticamente Puxa tá então eu posso estar zerando isso aqui ó Cadê o outro outro aqui embaixo ó o outro aqui embaixo também ele puxa automaticamente ó eu vou zerar e que que eu vou fazer aqui então esse aqui ó eu vou vi aqui no layout largura 100% assim e esse outro aqui eu também vou vir aqui e vou colocar 100% agora vou clicar aqui no principal ó e a direção no tablet ó você pode estar mudando eu vou deixar assim então a
direção no tablet daí essa essa imagem aqui eu vou diminuir ela porque ela tá muito grande isso aqui eu vou deixar tudo Centralizado centralizar vou centralizar aqui também e esses ícones também vou centralizar Agora sim vou vir aqui no contêiner principal ó vou colocar aqui um 100 pixels superior inferior eu vou deixar assim mesmo daí eu vou clicar nesse outro aqui ó e colocar uns 100 pixels Opa coloquei errado É nesse aqui ó nesse aqui eu coloco un 100 pixels superior assim e nesse principal aqui também eu posso colocar deixa eu ver como é que
fica sem sem na direita e sem na esquerda ó posso deixar assim ó fica assim no tablet então fica uma uma visualização aí bem agradável ó vamos ver no celular agora ó Aqui tá todo desconfigurado no celular ó a primeira coisa que eu vou fazer é zerar isso aqui ó então Ó esse principal aqui ó essas medidas que eu boto aqui eu puxo pro celular ó zerei tudo você viu ali que já mudou né eu vou pegar essa imagem aqui posso diminuir um pouquinho esse texto aqui celular 36 diminuir altura da Linha também assim esse
outro aqui Dá para diminuir um pouquinho também vamos deixar um 13 Beleza vou clicar aqui nesse contêiner Vamos colocar aqui um 100 de espaçamento superior e aqui ó esse aqui ele já tá puxando 100 superior para ele ficar longe ali do botão tá Então nesse aqui eu não vou mexer ó Então fica assim no celular tá lembrando que aqui a maioria dos celulares aí a configuração a resolução aliás é 40 pixels tá então aqui você regula a resolução Ó mas na maioria é 420 pixels aí para mais tá então vai abrir mais ou menos assim
ó essa visualização na maioria dos celulares ó Então fica assim no celular assim no tablet e assim no desktop tá Vou atualizar aqui para mim não perder o meu processo e agora próxima próximo contêiner aqui eu vou adicionar alguns Box né pode ser Box aqui de de serviços enfim de informações ó vou clicar aqui nesse maisin eu vou clicar deixa eu ver nesse aqui ah uma coisa que eu esqueci de fazer aqui também pessoal eu vou clicar nesse coner principal aqui você regula a largura tá esqueci de mostrar isso aqui ó eu vou deixar em
1200 tá ó recomendo que você deix algo nesse sentido também porque se você coloca muito LGO aqui ele vai abrir feio aí principalmente em notebooks menores tá então 1200 aqui fica perfeito tá aí esse outro aqui ó esse outro contêiner que eu adicionei 1200 também tá eu vou adicionar mais outro contêiner dentro desse ó vou clicar nesse contêiner vou colocar a direção horizontal eu vou adicionar aqui ó mais outro contêiner e vou duplicar e vou duplicar e agora eu tenho três Box aqui que eu consigo configurar Beleza ainda nesse container princip aqui eu vou adicionar
um 100 pixels superior e 100 pixels inferior desse jeito assim primeira coisa que eu vou fazer aqui deixa eu só configurar esse outro aqui ó 1200 também assim primeira coisa que eu vou fazer aqui eu vou adicionar uma imagem aqui de fundo ó deixa eu pegar aqui no meu computador essa outra imagem essa aqui eu já dimensioni ela antes ó Então ela tá no tamanho aqui em detalhe ó 600 por 360 tá ela tá num tamanho menor porque ela não vai de fundo né então ela vai só nesse bozinho aqui então pode ser esse tamanho
tá repetir não repetir anexo rolar posição centro completo cobertura assim vamos adicionar uma sobreposição de fundo também ó deixar assim para ficar padrãozinho 76 aí eu posso pegar aqui por exemplo esse texto ó que ele tá pronto pronto vou copiar vou vir aqui e vou colar centralizar esse texto posso pegar esse outro aqui também ó copiar vi aqui colar vou centralizar nesse caso aqui eu vou botar um número um assim centralizar aumentar ainda mais o tamanho aí deixar aí 1 90 deixar nessa cor aqui deixa eu copiar aqui essa cor para colocar uma sombra nele
ó vou colar a cor ó da ele fic um efeito Zinho neon dessa maneira assim aqui Eu Posso duplicar e daí você começa a perceber né que quando você já tem aí os elementos prontos né fic muito mais fácil você não precisa estar formatando de um em um ó Então você viu aí como eu eu fiz esse esquema né É bem mais simples esse texto aqui deixa eu ajustar ele assim vou clicar aqui no contêiner Vamos colocar aqui uma margem superior uma margem inferior uma na direita e uma na esquerda desse jeito assim ainda aqui
no contêiner eu posso vir em estilo borda e colocar uma borda aqui redondinha ó nesse caso nesse caso eu vou deixar em 10 assim ó só até aumentar mais um pouquinho aqui aí que que eu faço agora eu venho aqui aliás eu vou otimizar primeiro aqui pro pro responsivo tá pro celular deixa eu ajustar esse tamanho aqui assim vou ajustar essas margens aqui também beleza no tablet no tablet eu vou fazer diferente eu vou clicar nesse contêiner aqui direção para baixo nesse outro aqui eu vou manter sem na direita 100 inferior 100 pixels esquerda 100
ó deixa eu zerar aqui agora aqui no celular S vou manter 100 e 100 desse jeito assim que que eu faço agora aqui então eu venho aqui eu excluo esse contêiner eu excluo esse outro eu venho nesse aqui e eu duplico ó e de cada um desses bozin você enfim descreve um serviço ou enfim Isso aqui vai variar muito aí de de negócio para negócio tá se você não quiser colocar esses números aqui você vem aqui ó coloca Talvez um um ícone ó arrasta o iconeinstagram 50 e 50 ó Posso copiar posso vir aqui colar
estilo vir aqui colar estilo ó aí eu achei que ficou bonito assim salvar aqui vamos continuar vou adicionar mais um container aqui com dois lados largura 1200 já vou configurar também aqui ó preenchimento superior 100 inferior 100 e daí você vê que fica tudo padrãozinho né pessoal ele tá todo bem alinhado ó pode ver que aqui onde eu tô com o meu mouse ó esses elementos eles estão alinhados com esses elementos e vão ficar alinhados com os próximos o espaçamento ó o espaçamento entre aqui ó esse ponto que T com meu mouse até esse é
o mesmo entre esse até esse e o mesmo entre esse até esse então fica tudo bem padronizado Beleza eu vou inserir mais uma vez aqui essa imagem de fundo colocar não repetir cobertura po Centro Beleza vou adicionar aqui também sobreposição de fundo vou deixar em 76 para ficar padrão assim agora aqui eu vou adicionar uma imagem eu vou vir aqui no meu computador e vou pegar essa imagem aqui desse foguete ó que eu fiz no mesmo esquema do astronauta tá pessoal então você pode estar fazendo isso aí com a imagem que você quiser ó eu
peguei essa imagem aqui do foguete lá no site Inteligência Artificial fiz o envio aqui para esse site esse site removeu o fundo da imagem então agora vou subir a imagem aqui para o meu WordPress assim vamos ver se ela tá aqui no tamanho máximo Beleza agora eu posso pegar aqui ó esse textinho copiar vim aqui colar esse outro também esse outro também e esse outro também e daí você vê que a Land page ela é sua né você enfim faz ela aí da maneira que você achar melhor né se você quer adicionar enfim vídeo enfim
o que você quiser adicionar você vai ali e adiciona tá deixa eu pegar um pouquinho mais de texto aqui assim esse textinho aqui eu vou aumentar ele um pouco também copiar vou vir aqui e vou colar assim e aqui eu vou diminuir um pouco eu vou deixar no tamanho 42 Vamos diminuir altura da Linha assim ó deixei no tamanho 42 justamente para diferenciar um pouco aqui do título principal tá ó e daí aqui como eu falei né se você quisesse Você poderia colocar um vídeo ã enfim colocar o que você quiser aqui né claro aqui
tem a versão Pro também do elementor então caso você queira adquirir aí a a versão Pro do elementor também posteriormente para você tá enfim colocando aqui alguns desses itens mais avançados eu vou est deixando o link aqui na descrição ó que é esse link aqui da full tá então através da full também você consegue adquirir o elementor pro enfim vários plugins e temas Premium para WordPress Beleza deixa eu só ver aqui eu vou clicar nesse coner e vou justificar o conteúdo assim eu vou clicar nesse aqui também eu vou colocar uma margem aqui ó esquerda
aliás um espaçamento aqui esquerdo para ele ficar não não tão perto aqui do foguete tá ó eu achei legal assim tá vamos ver aqui no tablet vamos tirar aqui esse espaçamento no tablet e vão fazer no mesmo esquema que eu fiz ali no primeiro contêiner ó vou configurar para baixo esse aqui 100% E esse outro contêiner aqui 100% também Vamos diminuir o tamanho desse foguete assim e vamos manter aqui ó 100 100 100 e 100 pixels em tudo ó e você vê que fica uma visualização bonita enfim não fica poluído fica as informações Claras Então
isso é muito importante aí na sua Landing page ó vamos zerar aqui e v manter aqui sem superior e sem inferior só vou botar aqui no no celular um 20 na direita um 20 na esquerda e ó já tá bonitinho aqui ó vamos atualizar vamos fazer mais coner aqui esse próximo contêiner eu vou colocar alguns depoimentos tá clicar aqui no maizinho deixa eu ver até se eu consigo pegar eu posso pegar esse aqui ó que ele tá pronto ó eu vou copiar ele eu vou vir aqui eu vou colar ele deixa eu ver se eu
consigo adicionar um título aqui em cima consigo vamos ajustar ele aqui colocar aqui uma imagenzinha de fundo essa aqui sobreposição de fundo aqui eu vou colocar um branco aliás um rosa assim ó vamos copiar esse item aqui colar subir para cima da que o você digita né depoimento de clientes enfim o que dizem nossos clientes V aqui vou colar vamos puxar aqui cor branca tipografia puxou a primária só que tamanho 40 foi o 40 né que eu coloquei aqui o 42 42 vou puxar aqui 42 também pra gente manter padrões beleza assim assim então e
aqui nesse contêiner posso colocar aqui ó uma cor branca assim ó vou excluir esse aqui esse textinho aqui ele seria o o depoimento do cliente né então vou deixar assim só vou deixar ele num estilo Itálico para ficar mais bonito e esse aqui pode ser o nome do cliente el eu posso vir aqui também pesquisar por classificação ou Star né ó colocar essas estrelinhas e também colocar uma fotinha aqui do cliente né uma imagem vamos pegar aqui ó nesse caso deixei esse aqui mesmo padrãozinho mas aí você pode estar colocando a imagem né ou se
fizer sentido para você colocar sei lá prints de de WhatsApp ou vídeos de depoimento ó dar um R da borda aqui condicionar uma bordinha também assim ó beleza achei legal assim só vou deixar aqui em 50 e aqui em 50 e daí o que que eu faço esses dois aqui eu excluo eu excluo e daí você vem aqui ó e duplica quantas vezes quiser ó você quer duplicar para baixo ó duplica esse contêiner aqui de cima ó aí você faz esse esquema aí quantas vezes você quiser beleza vamos ver se se ele já tá configurado
aqui é nesse caso ele já tá configurado aqui ó porque ele Já puxou né A ali que já tava configurado que eu copiei do outro né Vou colocar aqui cobertura assim vamos ver aqui no celular só diminuir essa fonte aqui de um 36 deixa eu ver que tamanho que eu tô usando aqui no celular é 36 ajustar uma altura da Linha assim um 20 aqui na direita 1 20 na esquerda deixa eu ver se ele tá padrãozinho com o outro aliás um 10 um 10 e um 10 ficar assim então no celular esse outro aqui
eu esqueci de ajustar ele mas eu vou colocar aqui também ó um 10 e um 10 ó para ele ficar mais bonitinho né Fica mais legal assim me salvando aqui o rascunho Beleza agora vou adicionar aqui embaixo umas perguntas frequentes Então como que a gente vai fazer isso deixa eu ver eu vou adicionar aqui container mesmo e vou configurar aqui ó sem superior sem inferior Vamos pegar esse testinho aqui vamos colar Vamos mudar a cor dele assim esse outro também copiar colar Vamos mudar a cor dele assim aqui vou pesquisar por sanfona tá ou pode
estar acordeão Aí dependendo do do idioma tá vou arrastar para cá então copiar alguns textinhos aqui só para ficar melhor preenchido tá pessoal então aqui pode ser perguntas frequentes ou enfim mais informações aí ó posso ir duplicando aqui ó aqui eu escolho o Icone Zinho Então posso deixar deixa eu ver esse aqui acho mais bonito no da ícone ativo esse aqui fica nesse esquema aqui vou vir aqui no título ó ã plano de fundo Vamos colocar assim a cor do título vamos deixar Branco a cor ativa vamos deixar cor de-rosa assim e a tipografia eu
vou deixar minha tipografia secundária só que eu vou ajustar aqui vou aumentar tamanho um pouco assim ó e aqui eu posso ajustar também uma bordinha deixar assim ó vamos ajustar só aqui o ícone também a cor eu vou deixar rosa e a corativo ficar Rosa também assim e aqui o conteúdo tipografia secundário e a cor na cor preto vamos configurar aqui no tablet sem ter aquele mesmo padrãozinho ali né que você já viu assim aqui no celular vamos zerar esse padrãozinho né e manter só sem superior e sem inferior posso colocar aqui também um 10
na direita um 10 na esquerda esse título aqui eu achei que ele ficou muito grande para o celular então eu vou diminuir um pouquinho dessa maneira assim ó aí no tablet E aí no celular vamos salvar e agora vou fazer aqui um último contêiner esse contêiner aqui seria uma uma chamada para ação né Deixa eu ver posso até pegar esse aqui que já tá pronto ó copiar vi aqui e colar vou excluir esse foguete aqui esse aqui vamos tirar esse espaçamento ó e vamos configurar como 100% eu vou pegar aqui eu vou centralizar tudo assim
esse texto aqui como el é um texto mais de chamada pração eu posso colocar um tamanho um pouquinho maior também ó assim e para ficar mais bonito eu posso diminuir essa largura ó eu posso colocar tipo 700 de largura 800 deixa eu ver é 800 acho que fica legal deixa eu ver esse aqui quanto que ficou 1200 se quiser diminuir também ó alguns dá para diminuir tá pessoal não precisa seguir a risca né aquele negócio ali mas que nem alguns contêiners como esse aqui ó se você deixa ele mais achatado ele fica bonito também esse
aqui também ele fica bonito ó se deixa ele largão assim ó ele não fica tão bonito eu vou manter aqui 800 assim ó vamos ver aqui no tablet ó fica assim no tablet fica assim no celular agora aqui no finalzinho ó a gente consegue adicionar também um roda pé né que daí você pode colocar ali ã todos os direitos reservados ã o CNPJ da empresa se você quiser colocar enfim o que fizer sentido para você ó copiar esse textinho aqui vamos colar Vamos só diminuir aqui beleza ó vamos deixar esse textinho aqui eu só vou
diminuir ele mais ainda porque a intenção é ficar bem discreto mesmo aqui ó assim ó Um textinho bem discreto mesmo e beleza Tá pronta a nossa Land page vou clicar em publicar agora olha só eu vou vir aqui no meu site principal né do meu domínio ali que eu registrei ali no começo da aula que é online como que a gente faz isso a gente vem aqui no painel configurações leitura sua página inicial exibe uma página estática página inicial Landing page salvar alterações Agora sim eu vou voltar aqui no meu domínio e tá aqui então
a nossa Landing page beleza Pessoal lembrando que aqui no canal eu tenho Enfim uma infinidade de vídeos aqui como eu falei antes se você quer aprender como colocar um formulário de contato na sua landpage é é só ver esse vídeo aqui eu tenho vários vídeos também que eu ensino a Como deixar a sua Landing page mais rápida Eu tenho vídeo também ensinando aqui como fazer os botões de de direcionamento ó enfim tem várias opções aqui para você tá acompanhando aí e aprendendo mais tá como instalar também o Pixel do Facebook ã enfim a tag do
Google é só você acessar o canal e tá conferindo e também deixa aí nos comentários se deu certo para você qual que foi a sua experiência com esse tutorial porque o seu feedback ele é muito importante para mim beleza então a nossa aula de hoje era isso valeu e até a [Música] próxima