Criando uma página de vendas - Passo a Passo
Oi e aí pessoal tudo bem Aqui é o Eduardo da escola de sites e hoje eu vim mostrar para vocês como que a gente faz uma página de vendas completa passo a passo que nem é essa aí E aí E aí O que é essa página que vocês acabaram de ver ela é muito bacana Tanto para quem está planejando o trem nesse site então por exemplo uma página dessa aqui internamente na escola sites a gente costuma cobrar pelo menos 2.500 para uma única página que nem é essa que vocês estão vendo uma além de peixe
então é muito bacana o valor muito bom e a gente consegue fazer ela muito rápido também e também para quem tá precisando fazer uma página de vendas aí para o seu produto na hotmart ou alguma dessas outras plataformas é muito bacana é muito fácil da gente colocar a mão na massa fazer um projeto completinha aqui em poucas horas e para aula de hoje é o separei que em alguns tópicos Então a gente vai ter tudo isso daqui abordado nesse vídeo como que a gente vai contratar hospedagem O que que é uma
hospedagem de fato um domínio a gente também vai conhecer meu pai nem o da hostgator faz a instalação do WordPress em estavam os poluentes essenciais faz e essa parte da criação do site e muito mais aqui nesse e aqui no finalzinho eu também vou mostrar para vocês como que a gente faz a integração pela hotmart para gente conseguir vender o nosso produto caso esse seja seu caso também então esse vídeo que tá super completo e para começar Então a gente vai precisar contratar a nossa hospedagem e o
nosso domínio para gente fazer isso aí pode acessar que o site aí coloque site. Com.br/hostgator que a gente vai ter um mega desconto aqui de 45 porcento então é muito bacana vocês acessarem poder esse link e também ele vai estar aqui na descrição do vídeo para facilitar para você para quem não sabe o que que é um hospedagem a gente costuma Comparar as hospedagens com as operadoras de celular então seria ali como por exemplo latinha Claro e a gente tem várias hospedagens no caso das operadoras
de celulares a gente só tem quatro que no Brasil e além da hospedagem para a gente fazer a construção aqui do nosso e a gente vai precisar contratar um domínio também Então nesse caso aqui que eu tô mostrando para vocês a gente tem esses três planos e a gente fazendo a contratação de um ano a gente leva um mega desconto e ainda ganha que o nosso domínio grátis o domínio ele é basicamente o nosso número de celular seguindo essa mesma linha do exempl o então ele é muito bacana a gente pensar no Bom
domínio para a gente colocar no nosso site porque é como as pessoas vão conseguir acessar ele depois se você já acessou um site utilizando ou RL dele Pode exemplo o google.com facebook.com você já utilizou um domínio na sua vida então é muito bacana que você pensa em um domínio que seja fácil de lembrar porque seus clientes possam acessar também Então nesse nosso caso aqui a gente vai contratar um dominio.com.br que é o nosso padrão Aqu i no Brasil é muito utilizado Então esse é o domínio que a
gente vai escolher e aqui a gente tá vendo que tem esses três planos aqui mas a gente vai e somente nesses dois primeiros que seria um plano p e o plano e me a diferença entre eles é bem simples é somente a quantidade de domínios que a gente pode ter em cada um basicamente aqui no plano pé a gente pode ter apenas um domínio e aqui no plano e me a gente pode ter domínios ilimitados a gente só vai precisar de ter domínios ilim itados caso a gente necessite dessa função a que como nesse vídeo a
gente vai fazer apenas a construção de um site a gente vai contratar um plano P para mostrar para vocês no caso de vocês vocês podem avaliar Qual que é o melhor plano Caso vocês queiram construir outros sites vocês podem deixar o plano e me que ele é uma boa solução também mas eu recomendo utilizar o plano P para quem está começando aqui e pretende até o seu site caso precisa Futuramente vocês podem entrar em con tato e fazer um upgrade por plano m ou até mesmo algum outro plano de mais interesse
de vocês vamos clicar aqui em começar agora aqui no plano p e age os seus opções aqui entre contratar três anos 1 ano 6 meses e 1 mês a diferença entre esses planos é a nossa porcentagem de desconto e a partir de um ano de contratação a gente vai receber o domínio grátis então eu não recomendo que vocês contratem o plano mensal porque vai sair um valor muito mais alto e o plano de seis meses apesar do desconto vocês não vão receber o domínio grátis então o ideal é que vocês contratem pelo menos
aqui um ano que é um valor muito bacana mais barato do que um aluguel qualquer então é muito bacana a gente vai pagar que somente 139 com 57 Pode ser que esse valor de uma alterada conforme a época que você tá assistindo essa aula Porém esse valor ele vai continuar sempre sendo esse valor mais reduzido e para quem quiser contratar aqui três anos de uma única vez também tem essa opção é mui to bacana também para essa aula a gente vai contratar aqui esse de um ano que já é mais do que o suficiente
Então vamos clicar quem continuar o e logo em seguida ele já vai carregar essa página aqui para a gente concluir a nossa compra ele tá perguntando aqui para gente se a gente quer registrar um novo domínio ou usar um que a gente já tem como a gente tem o direito aqui de um ano grátis de domínio a gente vai utilizar e vamos registrar um novo domínio voltará que o ponto compra.com .br que é o nosso padrão Aqui no Brasil é o que a gente mais costumo utilizar e agora a gente pode pesquisar um domínio
válido se a gente colocar aqui um domínio que já existe por exemplo Eduardo m é o meu domínio que utiliza aqui no meu site a gente vai ver que ele tá falando aqui que não tá disponível mas tem algumas outras opções aqui eu aconselho que a gente sempre contrate o.com.br ter mais fácil da gente decorar e aqui a gente vai pesquisar então um nome para o nosso site nesse caso Vou pesquisar aqui LP de vendas e vamos ver se tá disponível como ele é um nome genérico provavelmente ele não vai estar
disponível como a gente pode ver bom então a gente pode colocar aqui por exemplo LP de vendas do zero e a gente explica aqui em buscar e a gente viu aqui que já tá liberado esse domínio então a gente pode contratar e receber esse um ano grátis e aquele tá pedindo para gente informar o nosso CPF ou CNPJ aqui nesse caso eu vou colocar o meu CPF para a gent e poder validar Eu amo clicar aqui em validar e ele já informou aqui para gente para o nosso documento tá validado E que esse domínio tá
liberado para nossa contratação tão muito bacana esse processo Ele é bem fácil Lembrando que eu aconselho que vocês utilize um domínio que seja Passo das pessoas lembrarem por exemplo LP de vendas do zero então é o nome bem fácil da gente conseguir comunicar é bem fácil nossos clientes conseguir lembrar também e vamos continuar descendo aqui o site a gente tem que a opção de adicionar uma proteção extra no nosso site eu não vejo necessidade dessa proteção Extra a gente consegue prevenir esses
ataques a gente consegue detectar vírus Oi hoje coisa pelo próprio WordPress que é o sistema que a gente vai usar então a gente não precisa de sistema aqui nesse começo e aqui ele tá pedindo para gente criar uma conta também então é que a gente pode informar o nosso e-mail por exemplo que eu vou colocar contato@a escola de sites.c om.br que seria o nosso e-mail ele tá pedindo para gente confirmar o e-mail Então vamos continuar confirmando aqui e como vocês puderam ver ele tá dando um aviso aqui
que o nosso e-mail já foi cadastrado no sistema isso daqui é uma mensagem normal porque a gente já tem uma conta criada que mas no caso de vocês caso não tenho nenhuma conta não vai aparecer esse ai que vocês vão Criar senha de vocês aí que eu vou colocar uma senha bem forte para a gente não tem nenhum problema descend o aqui a gente tem a nossa opção você PF novamente ou CNPJ é que o nosso nome completo Então o que a gente pode continuar colocar nossas informações a nossa data de nascimento e
por aí vai nosso número do celular então a gente vai preenchendo aqui e aqui embaixo ele tá pedindo o nosso CEP também então a gente vai preencher essas informações aqui eu vou colocar as minhas informações corretas e a gente já segue para o próximo passo Prontinho eu já fiz aqui o meu login porque eu já ti nha uma conta e agora que ele tá pedindo a nossa forma de pagamento e aquele tem três opções que seriam o cartão de crédito boleto e PayPal ou o que aconselha para vocês é que a gente utiliza
o cartão de crédito ou então PayPal que também é uma forma de pagamento pelo cartão de crédito são as formas que a gente mais recomenda para você ter uma melhor experiência até uma liberação bem mais rápida para você começar a construir o seu site conseguir seguir o tutorial aqui caso você escol her um boleto não tem nenhum problema porém pode demorar até 72 horas para ser identificado no sistema então vocês vão ter que esperar dois ou até três dias para poder liberar o site de vocês para seguir
o tutorial Então não é uma experiência muito bacana eu aconselho fortemente que vocês utilizem o cartão de crédito que vai ter liberação instantânea assim como a gente vai fazer a contratação aqui nesse vídeo e eu vou colocar que meus dados bancários seguindo esse padrão aqui e digo uma compra como qualquer outro site e aqui embaixo a gente só precisa selecionar essa primeira caixinha aqui dele concordo com os termos de renovação automática para a gente poder continuar renovando que o o caso
vocês não querem essa renovação automática vocês podem desativar isso depois e aqui na nossa lateral a gente tem os detalhes da compra informando aqui para gente tudo que inclui aqui no nosso plano e também Tá informando aqui o nosso domínio então é bacana a gente conferi r se foi escrito corretamente não tem nenhum erro de digitação aqui em baixo tá mostrando nosso cupom de desconto de 45 porcento e o nosso valor do pedido aqui tá falando que o valor normal seria de 316 reais mas aqui tá saindo
por menos de 140 então é uma economia que disse 177 reais vale muito a pena a gente contratar esse plano aqui nesse primeiro ano sai muito barato pra gente então vou fazer aqui a contratação e eu já volto com vocês na próxima tela Prontinho a gente já finalizo u que a compra ele já deu um ok aqui para gente aqui no nosso e-mail que a gente faz a compra a gente já recebeu todas as informações aqui do nosso plano e os nossos dados de acesso por exemplo aquele já informa o várias informações que são
um pouco mais técnicas por exemplo DNS FTP contas de e-mail que ele transforma tudo que a gente precisa saber a gente não precisa se preocupar com esses dados que a gente vai e aqui no nosso e-mail que a gente vai fazer tudo aqui pelo portal do cli ente então vamos clicar aqui em acessar o Portal e ele vai tá carregando aqui essa página ele tá perguntando para a gente O que que a gente prefere fazer a gente já poderia vir aqui direto em WordPress Porém para facilitar que o tutorial caso não
aparece essa tela aqui para vocês a gente vai clicar aqui no x que eu vou apresentar esse painel para vocês então o caso não aparece aquela página não tem problema a gente vai fazer aqui pelo sistema normal que é o mais utilizado quando a gente precisa fazer uma instalação aqui no nosso painel e esse daqui é o painel de clientes da hostgator então se você chegou até aqui e o seu plano já tá ativo então você conseguiu fazer a linha contratação do domínio corretamente do seu plano e hospedagem
corretamente e você chegou nessa etapa aqui nessa lateral a gente tem um menu que mostra que os e-mails os domínios os produtos e algumas ferramentas nesse caso aqui a gente pode vir os produtos e a gente vai procurar aqui o nosso plano Então nesse caso aqui é o plano PLP de vendas do zero e a gente vai explicar que não opção de se separam que é o painel que a gente vai utilizar aqui para fazer a instalação do nosso WordPress voltando um passinho para trás aqui no nosso portal do cliente
um detalhe que eu lembrei de comentar porque eu acho muito importante a gente comentar Caso vocês tenham algum problema com as hospedagens vocês podem entrar em suporte clicando aqui em cima do ladinho do nome de vocês vai ter que a opção de suporte aí que isso tem a opção de abrir um chamado Caso vocês precisem ir aqui no cantinho a gente tem opção do chat então clicando aqui vai abrir essa outra tela para vocês conseguirem entrar no suporte tanto técnico como financeiro Então vocês só vão
selecionar que a categoria E podem selecionar aqui a opção de entrar no chat que vai ter um atendente real que vai estar conversando aqui com vocês para identificar o problema e resolver ele também po rém a gente já pode e para nossa opção de produtos aqui em centennial que nem eu tinha comentado e vocês vão chegar nesta tela que tem bastante informação mais a gente não precisa se preocupar a gente vai clicando aqui nesse menos a gente Minimizar que essas células que a gente não vai precisar de
tudo isso daqui não precisa se apavorar que vai ser bem tranquilo esse processo que a gente vai fazer agora a gente precisa fazer a instalação do nosso depressa Então a gente vai vir aqui na opção de ferramenta vamos clicar aqui no maizinho para poder mostrar mais opções e vamos selecionar esse instalador automático do soft tacos vamos clicar aqui nele ele vai carregar essa outra tela aqui pra gente com a opção de instalar o WordPress aqui em primeira Então vamos selecionar aqui clicar na
primeira opção de instalar e aqui a gente vai começar a preencher alguns dados aqui a gente vai primeiramente alterar a que o a rede de instalação colocando aqui em http: Babá e nesse caso eu não aconselho vocês utilizar a www porque as pessoas já estão começando a não utilizar mas esse padrão então aconselho deixar aqui somente no http://quando alguém precisar acessar o site de vocês a pessoa vai somente escreva Ele o domínio e já vai funcionar sem precisar colocar o ww w antes então eu
aconselho deixar desse mesmo jeitinho que eu tô configurando aqui aqui embaixo em nome do site vocês vão colocar o nome do projeto de vocês nesse caso que eu vou co locar LP de vendas do zero que é o projeto que a gente está fazendo e aqui Uma Breve descrição Então como fazer uma Lenzi a Landing Page do zero e a gente não sabe ele tá essa caixinha vamos continuar descendo aqui aqui em usuário de administrador é um seu usuário de acesso ao site eu é que vou adicionar esse usuário que é o
usuário que eu gosto de utilizar aqui e agora a gente pode colocar nossa senha de administrador também vou colocar minha sem aqui e o e-mail do administ rador é o nosso e-mail para casa a gente precisa resgatar nossa senha ou fazer algum outro procedimento Então vou colocar aqui o meu e-mail também aqui selecionar idioma é muito importante a gente fazer essa alteração tá como português porém a gente vai alterar aqui para português traço BR que é o nosso português do Brasil caso você prefira o
idioma de Portugal é só deixar ali em português mas aqui nesse caso a gente vai usar o português-br mesmo continuando descendo aqui a gente não precisa fazer mais nenhuma alteração não precisa selecionar nenhum desses poluentes nem selecionado em um tema a gente só clica quem instalar que já vai começar a fazer a instalação é essa instalação costuma ser bem rápida então eles não precisa se preocupar com isso e rapidinho ele já vai fazer aqui para gente ir vai fornecer esses dois links aqui para
a gente poder acessar o nosso site esse primeiro link aqui é o link que as pessoas vão visualizar o nosso site e esse segundo li nk é o link que a gente vai utilizar para administrar o nosso site clicando nesse segundo link a gente já vai entrar aqui no painel do WordPress porém caso não funcione no caso de vocês ou tem um povoado essa tela tem a outra forma de acessar o site também então deixou sai aqui desse usuário que é basicamente o nosso domínio a gente vai colocar aqui no finalzinho dele
nesse caso aqui LP de vendas do zero. Com.br/WP trás admin colocando esse link que ele vai dar essa opção da gente f azer o login no nosso site então aquele tá perguntando o nosso nome de usuário ou o nosso endereço de e-mail O que foi aquele que a gente acabou de a instalação Vou colocar aqui o meu nome de usuário EA senha que eu configurei também vamos clicar aqui em lembrar e acessar e Prontinho a gente já chegou naquela mesma tela chegando aqui no WordPress Ele parece ter bastante opção mas a
gente não se preocupar que a gente vai aprender a utilizar todo o que for necessário aqui para essa cons trução Então primeiramente eu vou clicar aqui em dispensar e eu também vou Minimizar essas telas aqui para não ficar esse amontoado de informação aqui que a gente não vai precisar utilizar e o passo da instalação a gente já finalizou se você chegou nessa mesma tela aqui tá tudo certinho então a gente pode seguir o tutorial fazendo aqui as configurações básicas no nosso WordPress
e principalmente que a gente precisa fazer agora é vir aqui em configurações vem aqui na opç ão de links permanentes é que a gente vai fazer uma pequena alteração clicando em nome do post essa alteração aqui para quando a gente criar uma página no nosso site ficar ali o LP de vendas do zero. Com.br/o nome da página que a gente precisar então fica muito mais bacana a gente deixar aqui em nome do post se por acaso a gente deixa aqui o dia em nome ele vai colocar ali a data exata de quando foi
publicado e adicionarem do nome da página que a gente deseja então a gente confi gura aqui só nome do posto quer um recomendado vamos clicar aqui em salvar alterações e assim que salvar suas alterações a gente pode vir aqui em geral e a gente vai fazer uma pequena alteração aqui também vindo aqui embaixo alterando o formato da data eu vou colocar aqui em Doze de maio de dois mil e 21 que é o formato que a gente utiliza aqui no Brasil e o formato da hora eu vou colocar aqui também em 15 2.48
que ao formato que a gente utiliza aqui também a semana começa na se gunda-feira a gente pode editar Caso vocês tem alguma preferência então vou deixar que a semana começando a segunda-feira eu vou clicar aqui em salvar alterações a. As configurações básicas aqui no WordPress a gente já fez agora a gente precisa começar a instalação dos plug-ins que serão necessários utilizar aqui para essa página que para quem não sabe o que é plugin é basicamente como se fosse um aplicativo do celular
então olho depressa aqui seria por exemplo o seu Android ou então seu aí O S E aqui os aplicativos vão seus plugins que são aqui as ferramentas que vão da vida ao nosso projeto Então vamos virar que incluem Adicionar novo e a gente vai precisar instalar apenas dois plug-ins o primeiro dele é o elemento que é onde a gente vai fazer a construção do nosso projeto que o segundo o plugin que a gente vai precisar baixar é um em vácuo então vamos pesquisar porém basta aqui e ele vai mostrar aqui também
aqui tá em segundo da lista em baixo ela é m uito fotos elementor templates então é esse segundo aqui da lista a gente vai clicar em instalar agora em logo em seguida a gente já pode vir aqui e clicar em plugins instalados a equipe já tá mostrando o quarto para o link esse Hello Dodge a gente pode remover que a gente não vai utilizar e esse outro as que mexe a gente também pode remover que a gente não vai precisar dele e já apareceu que na lista o elemento o impacto que a gente acabou de fazer a
instalação Então vamos clicar aq ui em ativar e ativar também o elemento para a gente ter os dois pulinhos já funcionando aqui no nosso site e agora a gente precisa fazer a instalação do nosso tema que a gente vai utilizar também então a gente vai vir aqui em aparência na opção temas e a gente também vai fazer a instalação de um novo tema tão Adicionar novo e a gente vai pesquisar aqui pelo tema Hello que o recomendado aqui que ele é um tema em branco então a gente vai fazer aqui a nossa página
do zero sem utilizar o modelo pronto feito pelo tema Então vamos clicar aqui em ativar e Prontinho ele já foi ativo aqui agora a gente pode começar a construção da nossa primeira página vindo aqui na opção de paz o e adicionar nova essa primeira página que que a gente vai que eu vou colocar o nome dela de home que a página que a gente vai utilizar como principal futuramente Então vamos clicar aqui na página aqui em cima na opção superior a gente vai clicar em publicar e logo em seguida a gente
pode vir aqui na opção editar com elemento para a gente começar a fazer nossos alterações e chegando nessa tela a gente pode começar a fazer a importação nosso tema a gente vai vir aqui nessa opção verdinha que apareceu aqui para Evaristo alarmes clicar aqui nela e vim aqui na opção de frequentes e a gente vai pesquisar online tutorial é basicamente esse template aqui que a gente vai utilizar vamos clicar aqui na opção de instalar quente ele já vai fazer a instalação é bem rapidinho vamos clicar
aqui na opção de visualizar o kit e ele tem várias opções aqui para a gente utilizar no nosso site o que eu vou utilizar aqui nesse vídeo essa primeira opção aqui chamada aqui de home 1 o aplicativo seria template ele vai começar a fazer a importação tanto nas imagens como nos textos então ele vai importar completinha que essa página para gente e a gente vai começar a personalizar essa página Essa é a forma que eu recomendo ser feito para quem está começando o que é muito mais fácil do que a
gente precisar pensar do zero ali um site completo então fazendo importação de um template vai economizar muito tempo pra gente e também vai ficar um resultado muito profissional então a gente vai aguardar e importação do tema EA gente já volta prontinho já importou a que eu tema como vocês podem ver mais ainda tá mostrando aqui essas informações que a gente não queria que mostrasse e para remover essa informação a gente vai vir aqui na opção de configurações aqui no canto inferi or esquerdo e a
gente vai vir aqui na opção de esconder o título Então vai desaparecer ele o nome home e aqui no layout da página a gente vai alterar para elemento Canvas e a gente vai ficar sem o nosso menu sem o nosso rodapé mostrando que somente conteúdo que a gente precisa no nosso site como vocês podem ver ele tá um pouquinho diferente aqui dessa página que eu tinha mostrado no começo porque a gente vai fazer algumas personalizações para deixar aqui do nosso jeito e agora se voc ê chegou aqui nessa tela a
gente pode seguindo nossas etapas e começar a personalizar o nosso site então para gente conversar eu vou fazer aqui uma breve apresentação de como que a gente utiliza o elemento porque esse construtor de páginas que a gente está utilizando a gente pode vir aqui na opção de adicionar uma seção e a gente vai ver aqui que a gente consegue clicar no botão demais e adicionar algumas estruturas nesse caso que serão sessões então vou clicar aqui nessa seção prin cipal por exemplo e uma sessão principal
é basicamente composta de uma coluna apenas preenchi adicionar aqui por exemplo uma sessão com duas colunas e Etec duas colunas e a gente pode editar E individualmente então isso é muito bacana nesse caso aqui que a gente está utilizando vocês podem reparar deixa eu excluir aqui clicando no x vocês podem reparar que a gente tem uma sessão grandona e aqui tem duas colunas dividindo esse projeto a gente vai remover que eu mando essas colunas clic ando aqui com o botão direito nesse símbolo da
coluna tenho na opção de excluir e agora a gente ficou com esse visual aqui mas a gente vai fazer essas alterações aqui em seguida a gente pode vir aqui na nossa sessão clica aqui nesse quadradinho do meio e a gente vai vir aqui na opção de estilo e a gente vai vir aqui na opção de sobreposição de fundo e a gente pode remover esta imagem que tá configurado aqui então vamos clicar aqui na lixeirinha anti implicando na lixeirinha a ge nte já percebeu que já tá começando a ficar um pouco mais
parecido com esse nosso projeto aqui tem algumas alterações que a gente fez aqui então a gente vai primeiramente adicionar que esse vídeo o acidente subtítulo que a gente tem aqui tem a gente vai clicar aqui em cima do lado de editar sessão tem esse quadradinho aqui a gente clica no quadradinho e tem a opção de adicionar vários elementos aqui na nossa página simplesmente arrastando aqui esse a opção de vídeo arrastando a qui a gente pode selecionar onde quer que ele fique tão vou arrastar aqui
embaixo ele já adiciona esse quadradão de vídeo aqui e a gente vai poder personalizar ele tranquilamente e a gente já vai chegar nesse passo um breve a gente precisa fazer algumas alterações por exemplo aqui embaixo a gente pode ver que a gente tem apenas um botão aqui tem dois e o que eu vou fazer aqui é simplesmente arrastar esse botão roxo então a gente coloca ele aqui em baixo do vídeo e a gente pode remo ver essa seção interna que a gente não vai utilizar basicamente a gente tem essa Mega
sessão que você já conhece minha a gente tem essa opção de seleção interna a seção interna é uma sessão dentro de uma sessão Então se a gente puxar Boa tarde aqui a gente consegue adicionar duas colunas dentro dessa seção principal se a gente por exemplo tiver uma sessão aqui com duas colunas a gente ainda se pode adicionar uma seção interna dentro de uma dessas colunas sem nenhum problema então a seção interna é muito bacana EA gente vai utilizar lá mais para frente também nesse caso aqui a
gente só fez a remoção dela e a gente pode começar a personalizar que adicionando nossos textos e o nosso vídeo também aqui eu vou colocar esse mesmo texto que eu configurei Então vou vir aqui eu vou colocar no título esse texto que a gente tinha colocado para dar uma personalidade um pouco maior eu vou adicionar aqui essa opção de texto o arrastar que prometo e eu vou personalizar ess e título a partir desse texto para a gente ter um pouco mais de liberdade com ele então eu vou colar esse texto
aqui e como vocês podem ver ele já tá marcando aqui como a gente pode simplesmente fazer esse texto do zero sem nenhum problema tão Vou até escrever aqui para mostrar eu sei como fazer uma página de vendas usaro aqui é basicamente o editor de texto como se fosse L Word ou algum desses outros aplicativos de texto que a gente tem e aqui a gente pode por exemplo vim aqui e ape rtar o botão de espaço para gente pular uma linha a gente pode selecionar aqui a palavra que a gente quer e clicar aqui
em Itálico sublinhado fazer o que a gente desejar Então a gente tem essa liberdade a mais do que um título comum aqui um elemento tão voltando aqui nessa edição desse texto a gente pode vir aqui em cima a gente tem sábado de estilo então clicando aqui a gente pode alterar esse alinhamento vindo aqui em centralizar para deixar esse título aqui no meio da nossa te la aqui em conta o texto a gente pode colocar para branco que a cor que mais combina que em tipografia a gente pode fazer algumas
alterações por exemplo aqui em tamanho não posso colocar em 42 para ficar um título mas e tem 50 colocar aqui o tamanho para gente preferir para nossa página olhando aqui essa página que a gente fez eu acredito que esse tamanho 50 fique Bacana aqui e aqui em família de fonte eu vou colocar a fonte Pops que é uma fonte que eu conheço eu acho que vai f icar muito bacana aqui também pra gente pode fazer algumas outras alterações aqui por exemplo peso transformação alguns estilos Mas a gente não
precisa mexer em altura da Linha eu vou configurar aqui para ficar com espaçamento de 1 então ele vai ficar um pouquinho mais junto aqui eu acho que fica muito bacana também e eu vou remover este tipo aqui em cima porque a gente não vai mais precisar utilizar ele e como vocês podem ver já tá começando a ter um pouquinho mais personalidade nosso projeto e esse texto que a gente tem aqui a única alteração que eu vou fazer nele é vir aqui no estilo e eu vou configurar ele Centralizado para
ele ocupar esse espaço do meio aqui da nossa tela e eu também vou copiar esse outro texto que eu tinha que só para poder alterar que deixar um pouco mais e com aquele projeto aqui na seção principal agente vai vir na opção de layout a gente vai quem largura do conteúdo pode alterar para 900 para a gente ficar conteúdo um pouco mais Centralizado e também diminuir um pouco o tamanho desse vídeo aqui no nosso botão aí a gente pode ir centralizar ele também pro nosso botão ficar aqui no meio da tela
que eu acho que vai ficar mais bacana o também a gente tem um elemento de espaçamento aqui em cima do nosso título que ele tá escondido que ele é um elemento transparente porém ele existe ele tá logo aqui em cima a gente pode clicar aqui nele e vim na opção de espaçamento e colocar ele na menor a opção aqui que no caso seria 10 então a gente pode deixar essa configuração feita também E vocês podem ver que já tá ficando aqui com uma personalidade muito bacana para uma página de vendas
quando nosso cliente entrar ele já vai ter um megatitulo dando essa chamada de atenção e um vídeo para que ele possa assistir eu vou configurar que uma tambineio nesse vídeo eu vou clicar aqui no e editar ele a gente tem a opção de colocar um link aqui eu vou pegar um vídeo aqui da escola de sites Então vou vir aqui no YouTube vou pegar esse primeiro vídeo que eu tenho que copiar o endereço dele e vou vir aqui na opção de link e vou colar e vocês podem ver que já tá mostrando aqui a tambineio
no vídeo e e o vídeo em si também a gente pode fazer algumas outras configurações aqui eu não vou ter aí nada que eu acho que as configurações padrões de ação muito boas e aqui na sobreposição de imagem a gente vai clicar e habilitar essa sobreposição aqui a gente vai personalizar essa image m eu já deixei uma imagem separada então eu vou arrastar esta imagem para cá e assim tava terminar de carregar aqui a gente vai clicar na opção de inserir mídia Então vamos clicar aqui na opção e já mostrou
que essa terminei personalizada que a gente acabou de importar aqui então fica muito bacana essa parte aqui da Camila e o personalizada e a nossa chamada de atenção já tá ficando muito bacana uma e jamais que a gente pode dar aqui no projeto é editando aqui a nossa sessão aqui na opção de estilo a gente pode começar aqui colocar as cores que vão combinar e com seu projeto não necessariamente o seu projeto vai ter uma identidade visual roxa que nem a gente está fazendo aqui então a gente pode por
exemplo ao terá que ser para qualquer outra cor por exemplo um azul por exemplo aqui um verde em poderia alterar também então vou colocar aqui na cor descemos verde mais claro um acordo em baixo aqui um vez de um pouco mais escuro e a nossa identidade vai combinando t ambém a gente pode personalizar nossa cor de texto A gente pode fazer tudo que precisar aqui eu vou pegar aqui um outro exemplo que eu sei que fica Bacana também é uma laranja pouco mais escuro lá daí um pouco mais claro em cima
também fica bacana só que a nossa página Ainda tá um pouquinho sem personalidade a gente pode melhorar um pouquinho ela vindo aqui nessa opção de fundo sobreposição de fundo e adicionar aqui uma imagem que com é mais com nosso projeto por exemplo aqui se a gente tiver um projeto de música A gente poderia colocar essa parte aqui da pessoa tocando um violão por exemplo e já fica aqui de fundo tá aqui como vocês podem ver tá muito Claras imagem tá mostrando demais e o ideal é que ela fique mais
escondida Então a gente tem essa opção aqui deu para a cidade a gente pode reduzir essa opacidade vou colocar que por exemplo em 15 para ficar bem escondido porém que a gente ainda consegue perceber que tem alguém tocando um violão de fundo dá um efeito um pouquinho diferente e eu acho que ficamos muito bacana esse feito então se a gente vir aqui em fundo e Altera a cor por exemplo para o verde que a gente tava testando já vai começar a combinar um pouco mais aqui com a nossa identidade se a
gente quiser colocar aqui um rosa por exemplo fica muito bacana também então a gente pode alterar essa imagem para algo que combine mais com o nosso projeto deixando ele muito mais personalizado que só deixa alterar aqui novamente p ara gente voltar para cor padrão do nosso site o link na sobreposição de fundo e eu vou adicionar uma imagem que eu acho que vai combinar aqui com nosso projeto nesse caso aqui eu tenho essa imagem que separado aqui já no meu computador então vou arrastar lá para cá
Inclusive eu até deixar essa outra imagem aqui para gente testar lá também para vocês verem como por exemplo como se fosse um lixo aqui na área ela beleza que a gente poderia colocar aqui um outro background também eu de i exemplo aqui do violão mas eu vou mostrar esse do cabelo que eu acho que também fica muito bacana aqui no nosso site então só vou esperar terminar de carregar aqui essa imagem e a gente hoje ela vai clicar na opção de inserir mídia novamente Prontinho a gente já inseriu a mídia
e vocês podem ver que a imagem está aqui totalmente aparecendo que nem gente tinha feito da última vez a gente vai vir aqui em opacidade e vou morrer dos esse eu pa cidade Vou colocar aqui em 0.1 por exemplo só para mostrar aqui a silhueta e a gente pode ver que essa página e já começa a combinar aqui com esse tiro mais de Beleza então fica muito bacana é uma página bem chave para a gente utilizar em vários projetos então vou deixar o tempo que eu já tinha escolhido que ela não imagem que mostra
que como se fosse a construção de uma página de vendas por exemplo várias pessoas ali mexendo no computador várias é muito bacana a gente consegue utilizar essa imagem aqui causa a gente queira al terar que a posição a gente pode colocar por exemplo aqui Centralizado colocar um pouco mais para baixo um pouco mais para direita para esquerda extensa opção aqui na posição em anexo a gente pode colocar aqui tanto rolagem como fixo o fixo ele dá esse efeito parallax quando a gente vai descendo a
imagem não acompanha tão imagem fica fixa de fundo e esse efeito ele é muito bacana e tem opção aqui de rolagem também que a imagem vai acompanhando com a gente nesse caso aqui eu vou colocar esse anexo como fixo que eu acho que vai ficar bacana para dar uma diferenciada aqui nos projetos a gente vai ter ser feito para Lax quer quando a gente tá descendo minha imagem fica fixa de fogo eu acho que vai ficar muito bacana aqui nesse projeto mas é opcional você deixar ou não eu vou inclusive a fazer
um pouquinho mais é só para a cidade para deixar um pouco mais escondido vou deixar aqui 10.05 tão bem escondido aqui de fundo mesmo e aqui a gente pode inclusive personali zar o tamanho também com a gente quer colocar um conter ou então colocar aqui um empreendimento completo e Isso é opcional e aqui em repetir eu aconselho vocês deixarem não repetir para casa pega uma tela grande a imagem não fique se repetindo várias vezes e agora que a gente já alterou aqui a maior parte só faltou a gente
alterar que o nosso botão Então a gente vai vir aqui no nosso botão vamos clicar nele a gente pode alterar que esse texto nesse caso aqui eu coloquei em desejo assinar Então vou colocar esse mesmo texto desejo assinar mais Caso vocês queiram colocar algum outro tipo de texto eu vou até alterar aqui para mostrar pode ser por se inscreva algo nesse sentido ou então somente se inscreva ou algo do tipo eu vou deixar que sua mãe que se inscreva Então acho que já vai ficar batendo aqui já é o
suficiente e podem inclusive remover o ícone aqui nessa opção de ícone clicar aqui nenhum e assim como ele vai ser removidos ou então vocês podem aq ui na biblioteca de ícones em adicionar algum ícone personalizado aqui como ele com projeto de vocês Caso seja em um botão que você queira que a pessoa receba notificações por exemplo colocar aqui um Sininho para mostrar-lhe o sino ou Então nesse caso eu vou colocar aqui uma certa que está apontando para nossa esquerda e eu vou colocar essa seta que
então acho que ela fica muito bacana Então vou ver aqui nem que seria e eu vou fazer alteração aqui na posição no e quando ele está conf igurado para aparecer antes eu quero que ele apareça depois não achei que essa certa Ficou muito bacana Então a gente tem a liberdade de fazer algumas alterações por exemplo vim aqui na biblioteca novamente procurar alguma outra certa eu vou colocar essa outra festa aqui vou clicar aqui em Série A gente pode ver que já ficou um pouco mais bacana Então você tem
essa liberdade de fazer os teste eu precisava isso faz então caso você queira testar aqui uma cor diferente de Botão testar que um tamanho diferente na fonte no botão isso é totalmente opcional você tenha só liberdade para fazer o projeto conforme preferir Lembrando que eu aconselho que vocês Sigam o passo a passo aqui que eu tô mostrando fazer nesse mesmo site depois vocês vão personalizando o para que vocês têm um controle e evitar cometer alguns erros básicos Então vamos Seguindo aqui para a
próxima sessão a gente aqui não tem muita alteração para fazer olhando aqui essa outra página alteração que eu f iz aqui foi mudar esses ícones que a gente tem e também eu coloquei aqui uma descrição diferente para cada uma dela e aqui eu vou copiar por exemplo aqui módulo 1 2 e 3 Para cada uma delas então eu vou seguindo aqui a ordem a gente pode inclusive alterar que o nome Caso vocês queiram nesse caso que eu recomendo que vocês coloquem uso módulos o curso que estão tendo mais Caso vocês
queiram adaptar essa ou para algum outro tipo de informação como eu já disse é totalmente opcional E ntão vou colocar que módulo um dois e três tinha que o último o módulo 4 também e eu voltar aqui essa descrição coloca nesse textinho lá em opção aqui que é Um textinho padrão que a gente gera eu vou adicionar esse texto aqui nesse outro módulo também nesse outro também e nesse último aqui também e agora a única coisa que faltou é a gente fazer alteração do nosso ícone clicando aqui a gente vai
ver que é uma imagem comum então a gente pode adicionar qualquer outra imagem di quando a gente que vai funcionar perfeitamente Se eu colocar uma imagem aleatória aqui de uma pessoa por exemplo vai funcionar Mas vai ficar um pouco estranho então eu aconselho que vocês baixem o ícone que combine com o módulo de vocês e eu recomendo esse site aqui chamado Flash aikon.com que ele é um site muito bacana Lembrando que que vocês precisam fazer a pesquisa em inglês para que funcione perfeitamente Então
vou como por exemplo a palavra Cash CD dinheiro em inglês então a gente vai ver que que tem várias opções Inclusive a que a gente pode clicar em filtros e vim aqui na opção free para gente mostrar somente as imagens que são gratuitas e como eu quero que eu não sei fica ele todo na mesma intensidade que eu não vou utilizar esses ícones com cores Então vou filtrar aqui também cruzei Com inscrição blackpilled então basicamente que são os ícones que são totalmente pretos então a gente pode
escolher qualquer uma dessas opções eu vou inclusive escolher al guns ícones que são um pouquinho diferente desses só para a gente poder personalizar ali mostrar para vocês como é que funciona clicando aqui nesse ícone a gente já tem a opção de fazer o download pode nesse caso o ícone vai vir Preto e a gente precisa aqui nesse nosso exemplo de um ícone branco então a gente pode vir aqui na opção de editar e ícone e aqui ele vai pedir para a gente fazer o registro ou então fazer o login como eu já
tenho uma conta eu vou fazer o login aqui nesse e pr ontinho já fiz aqui o meu nome ele tá carregando aqui a página a gente vai vir aqui nessa opção de editar o ícone clicando aqui ele vai vir nessa outra tela e a gente pode personalizar que a cor do nosso ícone nesse caso vou colocar em branco e aqui eu vou virar a opção de download aqui em cima vou baixar aqui em png nesse tamanho de 512 que já é um tamanho muito bacana vamos ver aqui na opção de salvar e agora que no nosso site quando a gente
vinha editar essa imagem a gente só arra sta esse ícone que a gente acabou de baixar e a gente clica aqui em Serem mídia que ele já vai funcionar aqui personalizado exatamente como a gente baixou aqui no site então como vocês puderam ver muito fácil eu vou baixar que os outros aí que eu já volto Prontinho pessoal já baixei que os outros três em coisas que estavam faltando Então vou personalizar eles aqui junto com vocês então só tô arrastando aqui os ícones eu coloquei ícones diferentes dessa vez
Então eu baixei aqui por exe mplo esse lápis e aqui no item 3 eu vou colocar por exemplo esse chapeuzinho aqui que a gente inclusive já tinha no outro site tem que ir nesse último eu vou colocar esse troféu aqui que também é diferente do outro site então é muito bacana é muito passo da gente personalizar e deixar essa sensação que muito bonita Então é bem tranquilo de vocês fazerem e vocês tem essa liberdade é mais com esse Flash ai com ele vai facilitar demais aqui o trabalho de vocês e a gente
pode continuar d escendo aqui a sessão e aqui a gente tem opção que eu coloquei para a gente falar sobre os bônus que a gente dá no nosso curso geralmente quando a gente está fazendo uma página de vendas a gente costuma ter o nosso produto principal e também a gente costuma dar alguns bônus então aqui é muito bacana a gente pode explicar um pouco melhor o que cada bônus são então seguindo esse mesmo padrão que eu tinha feito aqui eu vou copiar esses testes vou vir aqui eu vou colar O mesmo texto
como vocês podem ver a gente não precisa nem personalizar nada mais aqui quem será que já veio pronto para gente e nesse caso que eu não vou ter essas imagens porque é somente um demonstrativo que eu tô fazendo para vocês mas a gente poderia vir aqui editar coluna por exemplo aqui na opção de estilo a gente tem a nossa imagem aqui então é muito facilmente poderia por exemplo colocar que a opção do cabelo ou então colocar alguma outra imagem não deixou até mostrar aqui para vocês é que a imagem
vai sempre se encaixado o melhor jeito possível então a gente não tem muita dor de cabeça que vocês podem colocar a imagem que preferir eu vou deixar aqui essas imagens nesse padrões que eu já acho que tá bacana é que a gente pode colocar o título do nosso bônus Então vou colocar aqui bônus um por exemplo aqui o bônus dois então aqui você vai colocar um nome que você prefere combinando aí com seu projeto da sua página de vendas que você tiver criando aqui a gente pode colocar uma descriç ão aqui
tá como treinador por exemplo a gente pode alterar aqui para 20 horas é de aula extra ou algo nesse sentido em pode personalizar do jeito que a gente achar melhor deixa até remover esse na igreja aqui selecionando tudo clicando aqui no Então até remover eu e eu vou deixar aqui com o padrão que já tava que eu já acho que é o suficiente a gente pode alterar como preferir do que eu acho bacana é a gente alterar esse botão que fica aqui em baixo então a gente pode ver que aqui te m uma subseção que
nem eu tinha conversado com você sobre a seção interna vou fazer a mesma coisa as tanto esse botão aqui para cima e apagando essa sessão que a gente não vai precisar nosso botão acabou ainda aqui para cima da imagem tão boa arrastar ele aqui para baixo de novo e aqui a gente vai centralizar o nosso botão aqui na opção de tamanho a gente pode colocar ele como um botão média Eu acho que já é o suficiente é que não alinhamento a gente pode colocar ele como justificad o então ele já ficou um botão
bem mais alongado aqui tem um tamanho mais interessante e pode alterar que o texto para por exemplo se inscreva ou então receba seu bônus e aqui na opção de estilo a gente pode personalizar que conforme a gente preferir inclusive que eu posso aumentar esse pezinho e aqui no final para deixar o nosso botão um pouco mais grosso então aqui no predinho superior eu vou aumentar para 8 e aqui no inferior eu vou aumentar de seis para oito também Ai que a gent e pode vir na tipografia alterar que
o tamanho do nosso texto Vou colocar aqui em 12 para dar uma aumentada se vocês quiserem colocar um botão maior ainda aqui em 13 14 é opcional também vou colocar aqui em 12 que eu já acho que é o suficiente para não ficar um botão muito chamativo também e caso vocês queiram alterar a cor é só clicar aqui na opção de cor também colocar que por exemplo um amarelo colocar alguma outra coisa que vocês prefiram um verde colocar aqui um azul é to talmente opcional vocês escolhem cor que
vocês preferirem e esse efeito de quando passa em cima o mouse ele Altera a cor a gente altere aqui na opção Rover tão sempre a gente passa o mouse em cima ele vai fazer esse efeito Hover aquele tem opção da cor da gente poderia por exemplo quando a gente passa o mouse em cima ele e tem um passou Mouse em cima ele fica azul ou então por exemplo quando a gente passa o mouse em cima ele Altera a cor da borda para vermelho só para ficar bem chamativo aqui então vocês podem ver ali que a banda ficou
vermelho Então isso é opcional vocês podem alterar como preferir nesse caso aqui eu vou deixar esse padrão e eu vou adicionar um efeito de quando a gente passar o mouse em cima aqui em animação a gente vai colocar o efeito grow para quando a gente passa o mouse em cima o botão ficar maior que nem vocês estão vendo aqui e para a gente não precisar fazer essa configuração novamente que nos outros botões a gente pode já remover essa seção interna que a gente tem criada vim aqui nesse botão clicar
com o botão direito na opção copiar e aqui na lateral a gente pode simplesmente vem aqui com o botão direito e clicar em colar que o nosso botão já vai ser copiado e colado aqui na nossa lateral também então esse daqui vai conomizar muito tempo a gente não precisa repetir você passa passa aqui em casa botão é só copiar e colar a economizar esse tempo aqui para gente e mais uma sessão que a gente já conseg uiu deixar totalmente pronta aqui essa próxima opção a gente tem que as categorias populares
e o vou remover essa seção aqui que eu não vejo necessidade dessas categorias aqui que a gente tem e eu não vejo utilidade nela porque a gente vai ter a nossa opção do responsivo futuramente E essas bolinhas aqui não vão ficar muito bacana então como eu já sei disso eu vou remover essa seção interna e aqui nesse título a gente vai fazer uma alteração para perguntas frequentes que é o que eu ac hei que ficou mais bacana que logo depois a gente comentado os bônus a gente responder às perguntas
frequentes isso daqui vai tirar a dúvida do seu cliente e Vai facilitar que a sua conversão para vendas tão perguntas frequentes é o título que a gente vai deixar aqui e a gente vai fazer esse facto que a gente tem que quando clica nesse botão ele abre aqui a resposta da pergunta então esse daqui é muito bacana para facilitar a nossa criar Oi gente vai vir aqui nessa opção de adici onar uma sessão Vão ouvir aqui nessa pasta que tem e aqui a gente vai vir nessa categoria aqui na opção de blocos a
gente vai colocar a quinta aqui a gente tem alguns modelos aqui eu escolhi esse modelo aqui esse terceiro modelo aqui da lista então vou clicar aqui na opção de inserir ele vai pedir aqui para a gente conectar uma conta no nosso alimenta tão vou clicar aqui em começar ele vai abrir aqui a página do elemento para a gente fazer login vamos clicar aqui em Connect e ele já vai fazer o login aqui na nossa conta e já vai liberar a gente utilizar essa sessão e como vocês podem ver já apareceu aqui o
nosso aqui a gente pode vir aqui arrastar esse elemento Aqui para baixo de perguntas frequentes estão vou arrastar ele para cá Oi e a gente já tem o nosso parte aqui a gente pode remover essa sessão que tem gente adiciona que acabou sobrando Então vamos remover e agora a gente pode fazer uma personalização aqui dos nossos textos e também aqui na nossa estéti ca eu vou por exemplo colocar esse texto Lauren que a gente tem que só presente verificar para vocês como é fácil adicionar clicando aqui a
gente tem essa opção do acordeão Então a gente tem todas as perguntas a gente pode inclusive remover perguntas ou então adicionar um novo item nesse caso vou adicionar esse novo e tem vou copiar inclusive esse comecinho aqui para adicionar um título e aqui como vocês podem ver a gente já tem esse título vou duplicar ele mais vezes aqui para a gen te ter se exemplo e eu vou fazer algumas personalizações aqui que eu acho que fica muito bacana também aqui em estilo a gente vai diminuir um
pouquinho essa sombra do bloco que a gente tem eu vou clicar aqui na cor e eu vou reduzir um pouquinho mais aqui pouquinho é coisa só para diminuir um pouco esse efeito de sombra é tipo a gente vai alterar curativa para colocar esse rosto para a gente estava utilizando aqui em cima para facilitar a gente pegar essa cor eu vou clicar a qui no botão por exemplo vou vir aqui na cor e eu vou copiar esse código que tem aqui então eu vou vir aqui em baixo novamente aqui no título e eu vou colar essa
mesma cor aqui nessa opção decorativa para agente facilitar esse processo Então sempre que a gente tiver uma dessas Abas abertas que seriam a curativa ele vai ficar com esse rosto para gente configurou quando a água estiver fechada ele tá configurado aqui para ficar preto eu vou alterar aqui para ficar um preto um pouquinh o mais claro então acho que fica Bacana esse preto um pouquinho mais claro que a gente pode alterar também que tipografia colocar como Roboto acho que fica bacana Fala aí tem
um pouquinho mais encolhida e aqui empresa vou colocar em 400 para ficar com um pouco menos de destaque também quando a gente abrir uma dessas Abas ele vai alterar aqui a cor ficando do jeitinho que a gente precisa aí que na opção do ícone aí a alterar curativa também que ele tá configurado ainda como Verde ent ão vou deixar em Roxo para ele combinar aqui eu vou deixar inclusive esse preto mais escuro aqui para pessoa visualizar que tem a opção de abaixar também aqui na alinhamento a gente pode
deixar tanto no final como no início e eu prefiro aqui que fique no início caixa um pouco mais fácil da pessoa se identificar Mas se você quiser deixar no final Isso é opcional também e aqui no texto a gente pode vir em conteúdo e alterar que a cor do texto para deixar um pouquinho mais escura para facilitar um pouco a leitura que a gente também quer que o nosso cliente consiga ler esse texto Então eu posso clicar aqui para reduzir a saba e em já viu que ficou muito bacana que nossas perguntas
frequentes caso você queira diminuir um pouquinho que o inclusive recomendo a gente pode vir aqui na nossa sessão principal em largura do conteúdo eu vou ter aqui para mim para deixar esse conteúdo um pouco mais justo acho que fica muito melhor quando esse conteúdo tá um pouquinho menor se quiser diminuir um pouco mais ainda dependendo da quantidade de texto que você tiver é opcional por dentro colocar aqui em 800 ou algo do tipo eu vou deixar aqui em meu é que eu tenho bastante texto aqui
explicando cada pergunta então sempre que o cliente vir aqui passar por cada uma dessas perguntas ele vai ter ser feito querer a gente acabou de configurar teu isso é muito bacana também tem ainda que a ordem no nosso site a gente pode ver que tem uma diferença aqui nessa pág ina que foi importada porque quando a gente desce aqui tá mostrando a opção dos preços e nesse caso aqui da gente não tá com a gente tá pulando essa sessão linda Que indireta o depoimento do aluno a gente pode adicionar o
preço logo em seguida porém a gente vai continuar seguindo a alteração que da página quando a gente finalizar aqui a gente adiciona essa opção aqui do preço que eu acho que vai ser mais fácil para a gente Então vamos continuar editando aqui e depois a gente volta para essa opção do texto aqui a gente vai copiar esse texto aqui de nossos alunos mudando de vida é um vamo Coelho aqui o que a gente vai deixar esse mesmo texto aqui a gente vai colar esse título Zinho aqui embaixo também então acho
que fica bacana Essa ordem aqui é um texto aqui só exemplo então fica bacana de vocês entenderem inclusive aqui a gente tem um divisor que a gente vai remover esse divisor aquele tá invisível não vou ficar aqui com o botão direito exclui e a gente já r emoveu ele como vocês puderam perceber esse texto ficou bem grudadinho e eu acho que essa não é a intenção aqui então vou vir aqui no nosso título e eu vou personalizar tipografia colocando uma altura de nem um pouco maior para a gente ter
esse espaçamento aqui entre o título eo texto e eu acho que fica bacana a gente aumentar um pouquinho mais também o nosso título para que ele fique retinho aqui com a nossa descrição Então acho que começa a ter um efeito bacana eu vou alter ar essa imagem aqui eu vou inclusive mostrar para vocês como que a gente pode remover o fundo de uma imagem que uma forma muito simples também então eu vou separar que uma imagem eu já volto com vocês prontinho já a imagem aqui e lembrando ainda aqui
era colocar a foto do cliente de vocês mais Caso vocês prefiram fazer uma sessão falando sobre você Isso é opcional e também é permitido Então é só vocês verem aqui como vocês preferem que também é muito bacana vocês terem uma a ba falando sobre vocês nesse caso aqui eu tô simulando como se fosse um cliente falando então é bacana a gente fazer isso daqui também aqui inclusive voto era essa descrição pra gente conseguir entender um pouco melhor aquecer a profissão do cliente então vou colocar aqui
e aqui o título seria a que o nome do cliente tão seria mais fácil da gente identificar aqui mas caso vocês queiram alterar esse daqui para colocar um nome de vocês a sua profissão e aqui Um textinho falando um pouco sobre você com a sua imagem também é muito bacana isso vai ficar opção do que você prefere se é colocar um testemunho você colocar aqui uma água falando sobre você pessoalmente eu prefiro já está mostrando as informações sobre o criador do conteúdo e isso inclusive Acredito eu que
vai aumentar só conversão mas caso você não queira se expor pode colocar aqui um cliente que também se encaixa nessas e são muito bacana e para a gente remover o fundo da imagem inclusive o até mostrar pa ra vocês eu separei uma imagem aqui só que quando a gente colocar essa imagem que vai ficar muito estranho não vai combinar nada aqui com nosso site e para gente remover aqui esse fundo desta imagem é muito simples a gente pode utilizar que um site chamado remove.bg ele é um site que ele tem a
função paga mas ele também libera para gente que a remoção do Fundo de forma gratuita Então a gente vai arrastar a imagem aqui e ele vai começar a fazer a remoção do nosso fundo para um senhor ele já removeu aqui ele tem as duas opções que é a opção de 500 por 500 que a versão gratuita e a versão aqui HD que seria 1080 por 1080 a gente vai baixar essa versão gratuita presente não pra o pagamento dessa ferramenta Tão vamos clicar aqui em download vamos baixar essa imagem vim aqui no nosso site
e vamos arrastar esta imagem aqui para dentro na nossa galeria novamente encerei a imagem e como vocês puderam ver a remoção foi feita e o tamanho que já é suficiente para nossa se ssão a gente não só se preocupar em pagar aquela ferramenta porque aqui já é muito bacana e eu vou remover esse botão aqui embaixo que eu não vejo necessidade dele inclusive a gente tem um espaçamento que que eu possa remover ele também que ele não tem necessidade Então como vocês puderam ver foi bem fácil para
dessa seção por causa vocês queiram personalizar aqui a imagem aumentando um pouco o tamanho dela é possível também ou reduzindo um pouco tamanho Então é só vir aqui cl ica na imagem a água de estiro aqui em largura vocês podem aumentar um pouco diminuir um pouco ver como é que fica melhor conforme a imagem que vocês vão Enviar no site eu vou deixar aqui em 75 por cento que eu acho que é um tamanho que já fica muito bacana e como é que o rodapé do nosso site vai ser essa seção aqui que tá E tem
isso pode vir aqui e vamos colocar que o nosso texto personalizado eu vou colocar aqui em venha fazer parte dessa grande turma para quando a pessoa chegar a qui no final do site ela tem essa grande chamada de atenção para ela fazer que a compra do nosso curso se inscrever fazer parte da turma realmente Então vou vir aqui em estilo eu vou diminuir um pouquinho tamanho desse texto para deixar aqui tudo em uma linha só eu vou deixar esse texto aqui bem grandão mesmo para chamar bastante atenção
aqui embaixo eu vou deixar esse texto ordem mesmo que só exemplo a gente pode personalizar que um pouquinho esse botão eu vou continuar deixando esse botão aqui em amarelo para realmente chamar bastante atenção e eu vou colocar aqui fazer parte da turma a gente tem essa grande chamada de atenção aqui para pessoas realmente parar que prestar atenção e fazer a compra do seu cu outra personalização que eu recomendo muito que vocês passam é adicionar essa sessão entre planos Eu já havia comentado e
para fazer isso daqui tem duas formas a gente pode fazer tanta lá no manual construindo ela que nos deram Ou então pegando aqui um m odelo já para criado dela e é o que a gente vai fazer aqui que é o que eu mais recomendo para vocês que Vai facilitar muito e ainda vai economizar bastante tempo também então eu vou vir aqui nessa página do elemento a gente vai vir aqui clica na opção de atualizar para a gente Salvar esse daqui para a gente não perder esse Progresso e aqui no finalzinho na página a
gente vai vir aqui novamente No Impacto nessa opção verde que a gente tem e a gente vai ver aqui nos kits instalados que a gente já tinha instalado anteriormente instante já ficou salvo aqui a gente vai vir nessa opção tutorial um dia essa opção que vai adicionar o preço aqui para gente tomar um clicar aqui em ser e tempo lente de adicionou aqui o template que a gente tinha clicado só que aqui tem várias informações que a gente não vai precisar utilizar Então a gente vai vindo aqui e vamos
removendo essas sessões que não vão ser Oi e a gente vai deixar que somente a sessão do preço que a sessão q ue a gente precisa que no caso é essa seção aqui então vamos nessa sessão vamos continuar removendo aqui e antes de remover essa sessão clica que uma sugestão para vocês também pra vocês precisa adicionar mais informações no seu site É só vocês poder nesse mesmo procedimento que a gente tá vendo aqui tem bastante sessão bacana por exemplo que você colocar equipe que ele trabalha com você e
outras informações do tipo então é muito bacana daí que utilizar esses template prontos tão incl usive aqui no exato a gente tem outras opções então a gente utilizou que somente arrume um e a tutorial os dois mas aqui também tem a Roma e dois disponível a tutorial três a tutorial séries autor tutorial então ele tem bastante página para a gente utilizar com vários modelinhos que são muito bacana muito fáceis da gente adaptar e aqui agora a gente vai simplesmente arrastar essa Mega sessão aqui aqui
para cima embaixo as perguntas frequentes em cima aqui na nossa foto então adicionan do aqui Já tá combinando um pouco mais aqui com esse projeto para a gente tá vou fazendo e eu vou copiar esses mesmos textos eu vou colar aqui e eu já continua aqui com você já colei os textos aqui e agora a gente pode ver que que seriam três planos diferentes nesse caso aqui a gente pode utilizar os três planos inclusive aqui nós pode sair a gente tá fazendo esse teste e é muito bacana que está outras opções
para nossos clientes além de um único plano no curso principal aqui no s eu caso você pode ter apenas um plano então vou fazer a página pensando que você tem apenas um plano mais caso você faça que nem a gente tenha mais de um plano você também tem essa opção aqui já pré-configurada para você e eu vou vir aqui eu vou alterar esse título principal Vou colocar aqui como curso completo por exemplo e aqui eu vou remover essas duas seções que estão aqui do lado porque a gente não vai o momento Então
vou vir aqui nessa sessão vou excluir lá e nessa outra colun a eu vou clicar aqui também eu vou excluir ela também vocês perceberam que ficou aqui uma mega sessão roxa e a gente vai reduzir esse tamanho clicando aqui nessa seção interna vindo aqui na opção de largura do conteúdo eu vou configurar aqui para 800 por exemplo eu acho que ainda ficou grande volta era aqui para por exemplo pouquinho esses que eu já acho que é um tamanho que fica muito bacana aqui ficou por volta Nesse tamanho também
então acho que já tá um tamanho recomendado para deixar para vocês é um tamanho que ainda tá grande se vocês quiserem colocar aqui 400 também é a opção ela usa vou deixar aqui 400 que eu até curti um pouco mais o resultado aqui embaixo vocês podem colocar a informação que vocês acharem melhor eu vou colocar aqui um curso por pessoa por quê que é apenas um exemplo mais caso você queira colocar uma promoção diferente como já comentei é totalmente opcional aqui em valor eu vou botar o valor de 790
nesse Oi Roberta, zero zero eu vou a dicionar aqui a opção de reais eu vou dar um espaçamento aqui E esse texto aqui já ficou bem grande bem Está caso aqui com o preço acho que fica muito bacana também e aqui embaixo a gente pode colocar algum outro texto também por exemplo aqui eu vou colocar pagamento anual aqui para pessoa saber que ela vai renovar esse plano nesse caso e eu vou adicionar também como a gente tem aqui um botão de clique aqui para pessoa poder clicar e fazer a compra do
curso dela a gente vai a dicionar um botão a gente tem duas opções fora cé importa se não botamos 10 arrastando ele aqui a gente personaliza com deixando ele Centralizado alterando aqui a cor para por exemplo amarelo é uma cor que fica Bacana aqui porém eu vou remover esse botão aqui eu vou vir aqui embaixo a gente tem a opção de fazer a turma a gente vai copiar esse botão e vamos colar ele aqui embaixo Porque a gente já tem esse modelo pré-pronto a única alteração que vou fazer aqui é o
tamanho dele ouvir e como botão médio e eu vou diminuir um pouco esse texto também que ele ficou muito grande aqui para essa sessão Vou colocar aqui um texto tudo 14 por exemplo ainda ficar um botão aqui que chame bastante atenção da pessoa fez caso aqui eu inclusive achei que a sessão tá começando a ficar apertada vou voltar e quebrou clientes que eu tinha comentado primeiramente e aqui já tem um pouco mais de espaço e um pouco mais de destaque ela aqui na tela da pessoa e aqui a gente pode
perceber também que a gente tem uma borda Branca em volta desse conteúdo roxo eu vou vir aqui eu vou editar essa coluna vou vir aqui na opção de borda e eu vou remover essa borda trocando aqui de sólido para mim um porque eu acho que fica Bacana esse conteúdo aqui sem essa borda e a gente já disse não essa opção aqui quando a gente passa o mouse que ele faz esse efeito Hover que nem a gente tinha comentado lá embaixo e ele pode alterar aqui inclusive esse texto para colocar um texto que come um
pouco mais com a sessão ou será que para ser inscreva e Prontinho aí e tem aqui essa sessão personalizada que a gente acabou de adicionar aqui no nosso projeto tão acho que fica muito bacana deixa eu mostrar que eu site para vocês como que ele já ficou em menos de duas horas de aula a gente já conseguiu chegar nesse resultado muito bacana então é muito bom mesmo a gente fazer esse projeto tanto para gente como vender esse projeto Como já havia comentado para vocês estão meus parabéns se você
chegou até aqui você conseguiu terminar o seu site completo agora a gente só precisa fazer algumas alterações aqui para o modo responsivo tanto para o nosso seu ar como pro tablet e também a gente vai começar a personalizar que os nossos botões fazendo com nossos botões estejam integrados tanto com a hotmart como qualquer outra plataforma de vendas que você tenha esse processo é bem simples A gente já vai chegar nele mas agora a gente vai terminar de fazer a alteração aqu i no nosso site
ajeitando ele aqui tanto para o modo responsivo do tablet como no nosso celular também então aí a opção aqui no nosso alimentam aqui embaixo pertinho do botão de atualizar a opção do modo responsivo Então vamos clicar aqui nela e aqui já tá mostrando a visualização de como seria nossa página em um celular vocês podem ver que ela tá um pouquinho de formada quê Porque a gente fez algumas alterações mas a gente vai começar alterando aqui pelo modo tablet que é o modo mais parecido com um computador
então aqui a gente pode começar outra Nossa coluna vamos clicar aqui em editar coluna eu vou colocar que essa coluna deve ocupar 100% aquele espaço Então já ficou muito mais bacana olhando essa alteração eu vou inclusive diminuir um pouquinho o tamanho desse texto aqui para ele tá bem uma linha só então um pouquinho só Já alterei aqui já ficou muito bacana vamos continuar descendo aqui eu acho que já tá bacana essa sessão a gente não se altera mais nada aqui o nosso botão ele ficou muito grudado
aqui na sessão então eu vou vir aqui eu vou personalizar esse botão vim aqui em avançado aqui na margem eu vou aumentar um eu vou colocar aqui na margem 10 por exemplo eu vou copiar essa configuração aqui para os outros botões vou copiar aqui então copiei o botão clicando aqui com o botão direito nos outros botões eu vou em colar ele estilo mesma coisa para esse último botão Prontinho a gente já alterou aqui os botões vamos continuar de scendo aqui eu vou alterar um pouquinho essa perguntas
frequentes aqui em título eu vou em tipografia e eu diminui aqui um pouquinho texto deixando aqui no tamanho 15 para ele mostrar somente em uma linha e eu vou continuar descendo aqui para a próxima sessão aqui nessa seção dos planos ficou bem estranho como a gente pode ver porque ele tá entendendo ainda que a gente tem as três colunas e é que eu vou só alterar o tamanho da coluna falando aqui no layout que ela vai ocupar sem por cento do espaço fazendo aqui já ficou bem melhor e eu vou alterar
aqui também esse pagamento anual que a gente tinha colocado eu vou aumentar aqui o tamanho do texto para que ele fica um pouco mais visível e eu acho que assim já tá bacana essa sessão vamos e aqui já tá bacana essa outra sessão vamos aqui para o nosso rodapé e que eu vou diminuir um pouco esse texto que ele ficou muito grande então vou deixar nesse tamanho aqui 34 que eu já acho que ficou bacana tem um conforme os textos que você for colocando você vai ter que fazer algumas alterações colocando
às vezes um pouco maior um pouco menor e fazendo algumas adaptações mais como vocês puderam ver é bem simples fazer essas alterações aqui um aviso para vocês que forem fazer essas alterações por conta própria Quando vocês tiverem alterando algum item vocês sempre tem que cuidar para não alterar o item que não tem esse símbolo Zinho do mobile então cada um desses textos aqui a gente tem opção por exemp lo aqui do alinhamento que tem o símbolo Zinho aqui no tablet Então se a gente ao terá
uma dessas opções vai alterar somente no tablet aqui na cor do texto por exemplo se a gente alterar aqui para vermelho no nosso tablet quando a gente veio aqui para o computador ele vai continuar vermelho Então a gente tem que tá e para não alterar a opção errada então aqui na tipografia por exemplo aí tem opção da família da fonte que não tem o símbolo Zinho Então se a gente alterar a fon te vai alterarmos outros modos também porém opção de tamanho a gente pode ver que que tem esse ícone aqui do
tablet Então se a gente alterar que o tamanho a gente pode colocar aqui gigantesco mais quando a gente vem aqui no nosso léxico da ele vai estar normal Tu é muito bacana a gente sempre tomar cuidado Então deixa eu voltar aqui o tamanho da fonte para funcionar normal e vou colocar aqui em 56 mesma e aqui o peso da fonte por exemplo não tenho símbolo mas aqui na altura da Linha j á tem então é só seguir esse mesmo padrão para as outras opções aqui em avançar na margem o pedem também podem ser
alterados a que o conteúdo geralmente não pode ser alterado Então tem que tomar um pouquinho de cuidado aqui então é só vocês ver os que tem um símbolo e continuar e fazendo as suas edições agora vou meditar que o nosso modo do celular tem um reduzir o texto aqui que ele tá bem grande Vou deixar um texto aqui há 36 eu vou inclusive fazer uma personalização um pouqui nho diferente aqui do que a gente faz um tablet ou vim aqui editar essa seção principal aqui em avançado eu vou diminuir esse
perdem colocando ele em cinco tem aqui na nossa coluna eu vou vir aqui em avançado ou clicar aqui em pede para limpar ele já ficou bem mais grudado nos cantos Inclusive eu voltar aqui na sessão eu vou aumentar aqui de cinco Vou colocar aqui dez para ver como é que fica acho que já desencostou um pouquinho acho que já fica melhor esse tamanho aqui do text o eu vou a reduzir inclusive um pouquinho Pode deixar ele aqui em duas linhas plástico aqui no tamanho 25 já o suficiente a gente não precisa
deixar a maior do que isso acho que já um tamanho que tá muito bacana aqui para nossa leitura que a gente vai colocar Kim com uma Marie negativa nesse texto aqui debaixo ouvirem avançado aqui eu vou diminuir essa margem e como vocês poderão ver quando a gente foi alterando essa mais ele alterou os outros números também e deixa eu remover aqui a gente vai clicar nessa opção de vincular valores clicando aqui a gente desvinculou então a gente pode alterar somente aqui o nosso tamanho do Superior eu
vou colocar aqui uma mais negativa só pra grudar um pouquinho mais de menos dez um pouquinho mais próximo Aí o nosso vídeo continua aqui no meio então tá bacana E o nosso botão aqui ficou muito grande eu vou reduzir um pouquinho o tamanho dele adicionando aqui um pezinho de tamanho 20 para eu acho que já dá uma distância um pouco maior que um tamanho um pouco mais aceitável aqui já ficou muito mais bacana a gente pode continuar descendo aqui modo um tá correto modo dois três e quatro já tava já
tá configurado no nosso responsivo o que a gente pode alterar aqui também que eu acho que pode ficar bacana a gente vim aqui nessa sessão de baixo vim aqui na nossa coluna eu vim aqui na opção avançado e reduzir esse pede eu vou inclusive colocar que o prédio um 10 aqui só para dar uma distância eu vou inclusive copiar informação dessa coluna eu vou colar aqui nessas outras Então vou colar esse estilo e vou colar esse estilo e nessa última vou colar o estilo também e já fica para o texto um
pouquinho lá e se espalhado acho que já fica Bacana Então já fica essa alteração aqui também continuando descendo aqui vou reduzir o tamanho desse título que ficou muito grande o diminuir ele aqui vou deixar ele em duas linhas vou diminuir esse título aqui de cima também esse subtítulo na metade né então vo u colar ali aqui com o tamanho 14 na verdade deixar de dizer tamanho 14 Eu acho que já tá bacana é que a gente não precisa alterar mais nada nessa parte no bônus um dois e três a gente já não
saltar mais nada Vamos continuando você aqui nas perguntas frequentes eu achei que ficou muito apagado Então vou aumentar um e para dar um pouco mais de destaque ou Continuar descendo aqui a gente tem essa opção aqui as perguntas frequentes a gente pode vir aqui em conteúdo e diminuir um pouco p erde em colocando ele aqui em 15 por exemplo nem a tipografia eu vou inclusive reduzir um pouco para que ficou muito grande vou deixar aqui no tamanho 13 para ficar um pouco mais comprimido aqui no título
Deixa eu fazer um teste inclusive aqui com vocês eu vou deixar aqui o tamanho do texto no 14 para não ficar muito grande também então quando a gente visualizar aqui no celular vai ficar muito mais bacana do que tava vamos continuar descendo aqui e aqui eu vou fazer essa mesma configu ração que a gente já fez editando a sessão avançado aqui em pede eu vou reduzir eu vou reduzir aqui para 0 0 para a direita e na esquerda porque a gente já tem uma outra margem aqui em volta me conheça nossos planos
no-poo reduzir um pouco tamanho também vou deixar aqui em duas linhas não tamanho 32 eu já acho que fica bacana como é e eu vou reduzir também então aqui essa parte da alteração do mobile é bem jogo rápido a gente não precisa perder muito tempo é só deixar o site realment e combinando com que ele realmente é aqui o tamanho do preço ficou muito grande então vou reduzir ele aqui vou deixar um tamanho grande ainda mas não tanto né vou deixar aqui na fonte de 58 por exemplo já um tamanho fica muito
bacana e eu vou fazer uma personalização aqui editando a coluna Aqui pede eu vou adicionar um pouco de pedem tanto superior como inferior então vou deixar 44 e aqui na coluna principal eu vou inclusive diminuir esse pede que a gente tem tão para ele ficar um p ouquinho maior que para o seu lado acho que assim já ficou muito mais bacana vamos continuar descendo aqui nos nossos alunos mudam de vida já ficou muito grande então vamos reduzir um pouco e aqui na altura de mim eu vou configurar Em Um tá
linha ficar um pouquinho mais junta aqui nesse Lauren que a gente tem eu vou reduzir a margem aqui em estilo eu vou de e aqui o tamanho o tamanho 14 acho que fica bacana eu vou inclusive aumentar aqui a margem superior que a gente tem para deixar u m pouquinho mais distante aqui a gente tem o nosso testemunho eu vou inclusive aumentar um pouquinho letra aqui para 14 para ficar um pouquinho mais legível e a nossa imagem já tá aqui embaixo posso deixar como ela tá E para finalizar ficou somente
aqui o nosso rodapé então eu vou diminuir um pouquinho texto aqui que ficou muito grande vou deixar ele aqui em três linhas mesmo e eu vou deixar esse botão grandão aqui para gente só vou diminuir um pouquinho que eu achei ficou muito g rande aqui como ele tá então vou deixar aqui em 20 e eu vou alterar que o texto para que ele caiba melhora que vem aqui no prédio aqui não vou alterar aqui para o mobile fica um pouco melhor e é uma diminuir um pouquinho aqui o tamanho textual teria que eu perdi e
já ficou muito mais bacana o botão e agora sim oficialmente a gente terminou a nossa página a gente pode visualizar que nos outros modos também inclusive aqui no desktop que é o modo principal do nosso site eu vou clicar aqu i na opção de atualizar para essa página inteira ser publicada para a gente conseguir visualizar o acessando é que o nosso site Porém quando a gente abrir que o nosso site a gente ainda vai estar nessa página antiga até a página padrão o tema para alterar esse daqui é bem
simples A gente vai vir aqui na opção personalizar E aqui nessa opção personalizar a gente tem a configurações da página inicial mas que a gente vai selecionar a opção uma página estática página inicial que a gen te vai definir como a home foi aquela página que a gente tava criando até esse momento ou clicar aqui em publicar e quando a gente acessar que o nosso site ele já vai carregar na página principal que a gente definiu então aqui a gente já a nossa página só falta a gente fazer a ultrassom
do link do nosso botão fazendo a integração com a hotmart é o que a gente vai fazer nesse momento agora então deixa eu abrir que eu site da hotmart prontinho já abri eu queria que é um produto de exem plo só para mostrar para vocês como que funciona essa integração e aqui a gente vai nessa opção de rote links que é onde a gente vai pegar o link do produto aqui na hotmart e aqui tem opção do check-out Então vou copiar esse link do check-out e a gente vai fazer a ultrassom aqui na nossa página de
vendas Então deixa eu vir aqui em editar com alimentos novamente e a gente vai entrar em todos os botões que a gente quer que a pessoa seja mandada puxa caught e configurar aqui corretamen te então aqui nessa primeira opção aqui carregando o nosso site tem a opção de se inscreva eu quero que a pessoa seja enviada por nosso link do check-out vamos continuar descendo que o nosso site a gente tem esses outros botões que receba o seu bônus eu quero que a pessoa também seja Oi para o link da hotmart
caso ela clica aqui então significa que ela quer se inscrever no curso e recebeu o bônus Então eu quero que ela seja enviada lá para o check-out Tira hotmart aqui nesse botão d o curso completo A gente pode adicionar também aqui embaixo a gente tem o fazer a parte da turma eu vou adicionar também inclusive até ficou o texto errado aqui que deixou outra fazer parte da turma prontinho já o também é que o nosso link e já está configurado e agora quando a gente clica um desses botões aqui no site por
exemplo esse primeiro a gente clica aqui e aí enviado pela página da hotmart para a gente comprar o produto nesse caso esse produto Ele ainda não está disponível pa ra mim então esse botão não vai estar funcionando mas como vocês viram ele já tá enviando para página da hotmart e a integração que a gente precisa configurar aqui na hotmart também aí vem aqui na página do produto aqui na página externa a gente vai colar o link do nosso site e clicar aqui em salvar página externa e Prontinho a gente
já configurou uma a palavra quando a gente lá são produtos da hotmart a nossa página principal Já vais essa daqui caso você tenha utilizando alguma outr a plataforma é só fazer esse mesmo processo copiando o link com a sua plataforma fornece por exemplo reduza a monetizze ou uma dessas outras plataformas ou até mesmo se você estiver utilizando um sistema próprio de pagamento MercadoPago PagSeguro ou algum outro tipo de pagamento você também vai fazer esse mesmo procedimento colocando o link de
pagamento aqui nesses portões e aqui para complementar o nosso site já que a gente está utilizando a plataforma da hotmart Nada mais justo d o que a gente colocar as formas de pagamento que essa plataforma aceita no caso de você estiver utilizando outra plataforma você precisa colocar os formas de pagamento que a sua plataforma está aceitando nesse caso aqui da hotmart eu vou pesquisar no Google por as formas de pagamento hotmart e a gente vai vir aqui nessa opção de imagem forma aqui em cima a
gente já tem algumas imagens que a gente pode utilizar aqui dessas formas de pagamento Então vou Inclusive abrir esse mais aqui numa nova guia para a gente poder baixar ela essa outra imagem que eu vou abrir ela também essa outra imagem eu vou abrir ela também e a gente pode testando algumas imagens para ver qual que combina mais com nosso site então vou baixar essa primeira imagem essa segunda imagem e essa terceira imagem também vou vir aqui no nosso site e aqui a gente vai fazer uma alteração
bem simples adicionando aqui uma imagem embaixo dessa seção tão aqui em escolher imagem eu vou enviar essas imagens que a gente acabou de baixar e a gente já pode fazer o teste para ver como é que fica o resultado Então vou colocar essa primeira imagem aqui para ver como é que fica já tá mostrando aqui o preço a gente já pode ver o resultado que já tá ficando bacana mas eu quero testar essas outras imagens aqui para ver se fica e essa imagem aqui inclusive tá falando aqui da plataforma da
hotmart tá falando aqui que a compra é segura é muito bacana também mas a imagem que eu gostei mais aqui que eu achei que o resultado melhor põe essa terceira imagem aqui essa última que a gente baixou que tá falando aqui a forma de pagamento pelo PayPal aqui a hotmart e os cartões que essas plataformas aceitam isso é muito bacana aqui em estilo vou personalizar reduzindo um pouco tamanho para não ficar muito grande Vou colocar aqui em quarenta por cento por exemplo aqui em avançado eu vou
reduzir essa margem Então vou colocar aqui um pouquinho mais para cima aqui menos 30 por exe mplo para quando a gente vai visualizando o site não ficar muito grande mas essa informação tá aqui Sempre disponível para o nosso cliente ver as formas de pagamento que ele podem ter E lembrando que sempre foi a gente fizer alguma alteração aqui a gente precisa ver que o nosso modo responsivo também então aqui no nosso modo tablet eu vou inclusive aumentar um pouquinho tamanho aqui um pouco mais visível
deixar aqui de 40 aqui no nosso celular a gente também precisar alterar eu vou t er que diminuir a nossa margem que ela ficou ultrapassando ali para cima aqui na largura o aumentar um pouco deixando aqui por exemplo em 90 porcento pra gente conseguir visualizar aqui também então fazendo essa alteração aí já pode clicar aqui em atualizar deixou visualizar que um desktop como é que fica e o último detalhe que eu lembrei agora que a gente acabou não adicionando é a nossa logotipo aqui na
parte superior do site aqui na página de exemplo que a gente tinha f eito eu tinha adicionado a logotipo aqui em cima nesse caso Inclusive eu fiz somente um título eu escrevi aqui a palavra logotipo mesmo eu centralizei essa imagem coloquei ela aqui na cor branca aqui em tipografia eu fiz algumas alterações colocando ela transformação para ficar todas as letra C maiúscula e aqui eu alterei somente a nossa fonte colocando aqui a fonte a O que é uma fonte que deixa esse estilo mais personalizado
não seria bem simples A gente adicionar essa logotipo as sim outra opção que vocês tem também é adicionar aqui uma imagem então a gente pode simplesmente arrastar que imagem e por exemplo vim aqui na nossa galeria e adicionar a nossa logotipo por exemplo a logotipo da escola site que eu baixei aqui tem um vou clicar aqui em inserir mídia e já adicionou aqui é o logotipo da escola de sites eu vou inclusive reduzir que ela ficou muito grande aqui deixar um pouquinho mais discreto aqui no tamanho 34
a gente visualizar o site ele já tá aqui com a nossa logotipo nosso vídeo nosso sexto já ficou muito bacana Inclusive eu tô achando aqui que tá muito longe do nosso topo então eu vou editar seção principal vou vir aqui na margem eu vou reduzir esse pedem colocando aqui um pezinho de 30 superior apenas então ficou mais grudado aqui em cima ficou muito melhor a gente tem uma visualização melhor da nossa página quando a gente carregar aqui o que precisa ver que o modo Tablet também e aqui o modo do
seu ar também é importante a gen te Verificar como é que ficou o aumentar aqui um pouco a largura deixa eu salvar que eu site agora clicando aqui em atualizar e quando a gente passar esse link para alguém por exemplo a gente acessando aqui do navegador anônimo como se fosse um cliente qualquer a gente acessando aqui já tem essa visualização do nosso site muito bacana mostrando aqui todas as informações diferentes precisa qual logotipo aqui em cima como ficou um site muito bacana aqui para a
gente visualizar e p
0 Comentários