Neste vídeo eu vou te ensinar a criar uma Loja Virtual usando o WordPress e o Elementor. Fala pessoal, tudo bem? Aqui é a Micaela do Descomplicando Sites. E Antes de Partir lá pro nosso tutorial eu quero pedir para você deixar um like nesse vídeo que ajuda demais o canal a crescer e para você se inscrever no canal. Então é isso, vamos lá pra tela do meu computador agora. Então vamos lá pessoal, antes de começar o nosso projeto eu tenho alguns avisos muito importantes para passar para você, para que você consiga seguir o vídeo com um
bom aproveitamento, tá? Primeiro você deve estar percebendo que esse é um vídeo bastante longo então se você está achando que eu estou falando devagar demais ou rápido demais não tem problema você pode vir aqui no YouTube ó Nessa engrenagem vai ter aqui velocidade de reprodução você pode colocar ou mais rápido ou mais devagar para você conseguir acompanhar da melhor maneira tá outra coisa muita gente gosta de seguir o tutorial igualzinho eu estou fazendo usar as meus mesm as cores fotos Logos e tudo bem né Tem gente que gosta de colocar esses projetos no portfólio e
tudo bem tá liberado para isso eu permito inclusive deixo o conteúdo dessa aula disponível para vocês imagens fotos Logos códigos que eu for usar então tudo que eu for usar eu deixo disponível para vocês e sempre fica aqui na descrição do vídeo Se Você enrolar a tela para baixo vai ter Um textinho aqui e aqui embaixo tem escrito mais você clica e abre toda a descrição do vídeo então aqui eu deixo muita coisa coisa eu deixo indicações de outros vídeos então às vezes eu falo assim Já ensinei tal coisa no canal Já ensinei outra coisa
no canal e deixo os links aqui ó de cada vídeo para vocês deixo aqui também separada em capítulos então se você está voltando do vídeo depois e quer achar uma coisa específica ó sempre vai est separadinho É só você clicar em cima que você vai direto pro ponto do vídeo onde tá falando aqui então todo o material da aula fica aqui E esse material que eu tô te falando de fotos Logos e tudo mais fica aqui ó baixe seu material de apoio Você vai clicar e vai vir aqui pro drive do Google eu já deixo
aqui específico no drive do projeto né esse aqui é o Projeto dessa aula aqui que eu tô mostrando Então você sempre vai clicar e já vai vir direto aqui pro lugar onde você consegue baixar esse material tá bom Outra coisa a gente vai precisar fazer algumas compras aqui para manter o seu projeto no ar como por exemplo aqui no passo um que a gente vai comprar o domínio hospedagem eu já vou explicar para vocês o que que é e para que que serve e sempre que a gente indica alguma coisa a gente deixa o nosso
link de afiliado aqui na descrição também porque né esse conteúdo aqui é gratuito e essa é a forma que você tem de ajudar o canal a trazer mais conteúdos relevantes aqui para você então a Hostinger por exemplo que é a empresa que a gente indica o link dela tá aqui tá vendo Então se você puder comprar com o nosso link você nos ajuda é só clicar aqui você é direcionado para o site da empresa e nós também temos um cupom de desconto da Hostinger que te dá até 10% de desconto Tá bom então lembre-se se
você puder prestigiar a gente e comprar com o nosso link vai nos ajudar demais tá bom é isso vamos pro tutorial agora ó Começando aqui pelo passo um nosso primeiro passo vai ser comprar o domínio hospedagem domínio para quem não sabe é o link do seu site então por exemplo o meu site né É descomplicandosites.com.br este link aqui é o meu domínio para você usar um domínio assim personalizado com o nome da sua empresa ou da sua marca você precisa pagar pelo direito de usar este link não se preocupe que não é caro mas saiba
que é uma coisa que você tem que pagar recorrentemente outra coisa que a gente precisa comprar é hospedagem hospedagem são empresas que tem Mega computadores que hospedam os arquivos que compõem o nosso site e faz com que eles fiquem na internet é assim que a gente consegue acessar qualquer coisa na internet porque ele está hospedado em uma hospedagem e assim como uma hospedagem na vida real a gente precisa pagar para se hospedar nesse local a gente precisa pagar para que os nossos dados fiquem l e eles fiem sendo transmitidos ambos tanto o domínio quanto a
hospedagem são coisas que você tem que pagar recorrente Para Sempre que você quiser que o seu site fique no ar e aí tem várias formas de você pagar você pode pagar mensalmente anualmente de dois em 2 anos três em três anos da forma que você escolher apenas o domínio que você não consegue pagar mensalmente você só paga a partir de um ano dele tá a empresa de hospedagem que a gente indica é a empresa Hostinger é uma empresa multinacional que a gente gosta muito e que nem a gente falou aqui na descrição do vídeo né
então você vai estar aqui no vídeo aqui embaixo vai ter o maizinho tá vendo mais do lado desse texto você clica e abre o restante da descrição E aí aqui na descrição do vídeo A gente sempre deixa o nosso link de afiliado da Hostinger que é esse aqui ó hostinger Hospedagem com desconto. Então você clica aqui no link que aí se você comprar com o nosso link a gente ganha e você ajuda o canal a trazer mais conteúdos relevantes aqui para você e nós temos até esse cupom de desconto aqui que nós vamos usar para
realizar a compra então a Hostinger é uma empresa multinacional Tem suporte e servidor aqui no Brasil também e tem servidor no mundo inteiro em vários países além disso ela tem um custo benefício maravilhoso o serviço é bom a velocidade é boa o armazenamento é bom o suporte é bom é um serviço que compensa demais tem vários vídeos aqui no canal também ensinando vocês a mexerem em vários recursos da hospedagem porque tem várias coisas tá E aí você acessando aqui o site da Hostinger você vai se deparar com alguns planos não tem só esses daqui Se
você quiser você pode vir aqui em hospedagem ir em hospedagem Cloud servidor VPS e olhar outros planos mas o que eu vou comprar aqui com vocês hoje vai ser o business porque aqui ó a rhing indica na primeira página os planos mais comuns que as pessoas mais compram né o plano premum é aquele plano ideal para sites menores sites institucionais né sites assim padrões que vai ter pouco aqui pouco acesso então é um plano que é indicado para sites menores já como a gente vai fazer uma loja eu indico que você compre a partir desse
plano Business aqui ele vai ter mais performance mais recursos que vão deixar a sua loja rodando melhor que é o que a gente quer o que a gente espera quando faz uma loja é que ela receba muito tráfego muito acesso né então a gente precisa de um plano bom de hospedagem para ela funcionar direitinho também vai funcionar nesse plano aqui só que a partir desse daqui né que tem mais recursos vai funcionar mais rápido melhor tá bom então se você não puder por exemplo comprar esse daqui pode começar com esse daqui e depois você pode
fazer o upgrade dos planos Sempre que você quiser pode fazer mudança dos planos aqui dentro da sua plataforma também tá eu vou começar com esse que olha só se você quiser fazer mais sites Você pode você pode colocar até 100 sites aqui no seu plano se você quiser ele tem 200 GB de armazenamento tem backups diários pra loja isso é excelente porque você tá todo dia ali fazendo venda Se der algum problema no seu site que pode acontecer né eles tem backups diários aqui que você pode pegar os backups e restaurar o site se você
quiser SSL ilimitado SSL é um cadeadinho que fica aqui que criptografa os acessos e deixa o site mais seguro tá eh largura de banda ilimitada e-mail institucional grátis Então você consegue fazer e-mail com o nome ali do seu domínio de forma gratuita ó os dois planos tem domínio grátis no primeiro ano então sabe esse link que eu falei para você que você tem que pagar para sempre todo ano você tem que pagar então se você comprar aqui na Hostinger qualquer um desses planos de hospedagem Se você comprar a partir de 12 meses ou seja a
partir de 1 ano você ganha o domínio de graça no primeiro ano aí você só começa a pagar depois tá e ele também tem CDN grátis que eu vou ensinar vocês a configurar depois também que é uma ferramenta que é usada para deixar o site ainda mais rápido tá então aqui ó tem vários outros recursos aqui também que fazem com que o site fique melhor então você pode dar uma olhada aqui para poder ver o restante dos recursos aí você vai escolher o plano que você quer e vai clicar aqui em adicionar ao carrinho aí
aqui você vai escolher qual quantidade de tempo que você quer comprar você pode perceber que quanto mais tempo você comprar mais barato vai ficando cada mês então se você deixar para descontar mês a mês Cada mês vai sair R$ 64,90 Se você comprar a partir de 12 meses cada mês sai a R$ 24,90 24 meses sai a R$ 20,90 e 48 meses sai a 17,99 então quanto mais tempo você compra menos você paga por mês eu vou comprar esse aqui de 12 meses que já é ótimo né Um ano é bastante coisa Você já ganha
aí o domínio grátis também então recomendo que você compre pelo menos a partir de 12 meses tá aí aqui em criar sua conta você vai colocar o seu e-mail um e-mail aí que você usa bastante tem que ser um e-mail que você usa bastante para você conseguir entrar lá e receber aviso se você precisar tá e aqui você vai criar a sua senha tá E aí aqui você vai escolher qual que vai ser o seu método de pagamento aqui para você comprar E aí aqui embaixo ó Onde tiver assim tem um cupom de desconto você
vai copiar esse cupom de desconto que tá aqui na descrição E vai colar ele aqui e você vai clicar em aplicar E aí ó já vai gerar mais um desconto para você ele baixou para 269 aí você vai preencher aqui os seus dados e clicar em enviar para pagamento eu vou preencher aqui os meus e clicar aí quando você envia né ele te traz aqui para você colocar os dados do seu cartão de crédito ou os dados de pagamento Então você vai preencher aqui com os dados do seu cartão e aqui você consegue parcelar se
você quiser tá vendo que é muito mais vantajoso você comprar um ano não faz sentido você comprar mês a mês porque aqui você consegue parcelar ó em 12 vezes então É como se você pagasse mesa mesa só que aí ele compromete o limite do seu cartão né esses 269 tá então você pode parcelar aqui da forma que você quiser vou deixar em uma vez mesmo você vai preencher os seus dados e vai clicar aqui em pague agora eu vou preencher os meus e vou clicar pronto depois que você envia o pagamento ele vai carregar e
vai vir para essa página pode clicar aqui em pular aí aqui ele vai perguntar né qual que vai ser o domínio aqui do seu site aqui eu já tinha alguns domínios cadastrados aqui então ele tá perguntando se eu quero usar um desses domínios não é né eu vou querer registrar um novo então eu vou digitar aqui o domínio que eu quero que é Helena closet.com.br e aí tá vendo ó tá escrito grátis aqui que aí eu consigo clicar e pegar o domínio grátis que é o que está aqui no plano que eu comprei mas antes
de fazer isso pessoal antes de clicar aqui eu recomendo que você venha aqui né volte aqui no site da Hostinger e venha nessa parte aqui de domínios para poder conferir se o seu domínio ele tá disponível né então eu já tinha feito essa pesquisa aqui por isso que eu já digitei lá direto Mas aí você tem que vir aqui né você digita só o nome que você quer Helena closet por exemplo E aí você vê se as extensões que você quer estão disponíveis ó Elena closet.com está disponível para comprar Helen closet.com.br também está disponível é
importante que quando você for fazer a pesquisa do seu domínio você veja se tem disponível o .com e o .BR e se possível Seria legal você comprar os dois como a gente já vai ganhar um de graça na rocha você compra esse né Por exemplo E aí você vem e compra esse .com também e fica usando os dois por Se você comprar só o pc.br por exemplo pode ser que uma pessoa Tenha a ideia de comprar um domínio com nome igualzinho o seu ela vai ver que o pcom.br não tá disponível mas o .com está
E aí ela vai lá e compra um domínio igualzinho o seu só com a extensão diferente tudo que vem depois do ponto a gente chama de extensão então o seu domínio é esse nome aqui e o que vem depois do ponto é a extensão então cada extensão você paga para usar Então olha só se você comprar só o .com por exemplo outra pessoa pode vir pode comprar o pcom.br e o pcom e o com.br são os mais usados na internet aqui do Brasil o .com ele é uma extensão Mundial né então você consegue acessar de
qualquer lugar e o com.br né ou qualquer um que tenha .br no final BR é de Brasil a extensão do nosso país então a maioria dos Sites que são brasileiros eles têm pcom.br no final que nem o meu tá vendo por quê Porque como é extensão do país e o Google ele gosta de mostrar para quem tá pesquisando mais próximo daquilo que ele quer achar ele tenta por exemplo se você tá no Brasil pesquisa alguma coisa em português ele tenta jogar para você sites em português e ele entende que sites que tenha .br tem mais
chances de ter conteúdo em português então é mais fácil de você ser encontrado nas pesquisas se você tiver um domino.com.br Tá bom mas aí tem aquela questão se você comprar s.com.br você fica menc de outra pessoa vir e comprar o outro aí você pode falar Ah mas aí eu Posso processar dinheiro tempo demora até lá a pessoa já concorreu com você já comprou às vezes ve registrou a marca primeiro que você você vai perder nessa muito mais vantagem você pagar R$ 2 aqui e registrar os dois do que correr esse risco mas se que é
seru critério se você quiser Primeiro só registrar um domínio e depois quando tiver dando certo você vai lá e compra o outro também sem problemas Ok é só para poder te direcionar aqui outra coisa se você pesquisou aqui e viu que o nome que você quer não tá disponível tudo bem troca sabe troca aqui a ordem das palavras Então em vez de ser Helena closet você coloca closet Helena ou você coloca uma palavra mais ou helenas ou enfim vai mudando a dinâmica dos nomes aqui o sinônimo dos nomes até você encontrar um que tenha disponível
o nome que você quer Tá ok beleza fez essa pesquisa decidiu o nome certinho vem aqui né colocou já com a extensão que você quer aí no meu caso com.br Pronto vem aqui seleciona né grátis por um ano clica aqui em próximo aí aqui vai aparecer alguns dados seu você vai ver né se vai dar tudo certo vai clicar em finalizar registro aqui você vai escolher né onde que é o público alvo né que tá esse site Então os seus clientes são da onde os meus aqui do Brasil Então você vai escolher aqui se for
de outro país você escolhe outro país tá vou escolher Brasil vou clicar em próximo pronto fizemos aqui a compra da hospedagem e o registro do domínio o domínio pessoal demora um pouquinho para você conseguir acessar ele então se você acessar aqui o seu site agora né o link do seu site vai est aparecendo um erro isso é normal tá porque quando você compra o domínio eles têm um prazo para poder processar no seu nome registrar e passar a aparecer aqui na sua conta então eles pedem até 24 horas esse é o prazo máximo às vezes
em poucos minutos poucas horas já começa a funcionar Tá bom e você vai perceber que tá dando este avisinho vermelho aqui em cima tá vendo significa né né exatamente que eu falei que o domínio ainda está processando quando você entrar aqui na Hostinger não tiver mais esse aviso é porque o domínio já vai ter sido registrado você vai conseguir Criar o seu site normalmente ou então você pode ficar lá pelo seu celular ou pelo computador toda hora você vem aqui recarrega né acessa o link aqui que você escolheu na hora que tiver uma página roxa
da Hostinger significa que o domínio já tá processado você pode começar a fazer o seu site tá então agora você tem que aguardar Fica de olho fica no domínio na hora que começar aparear uma página roxa da Hostinger você volta para cá pra gente continuar o nosso tutorial pronto pessoal é essa página roxa aqui tá vendo ó quando você começar a acessar o domínio ti vai aparecendo essa página pronto tá disponível aqui para a gente poder configurar E aí nós vamos agora para o segundo passo aqui que é configurar o WordPress né instalar WordPress é
a plataforma que a gente vai usar para criar o site então Ó o link É esse aqui que é o domínio a hospedagem é esta a Hostinger onde vai ficar hospedado os nossos arquivos e os arquivos que a gente vai usar vai ser o site que a gente vai criar agora e aí nós vamos usar a plataforma chamada WordPress que é uma plataforma gratuita que você consegue instalar gratuitamente né aqui dentro da sua hospedagem E aí depois que a gente instalar o WordPress você vai passar a configurar as coisas no site só dentro lá do
WordPress vai me ver aqui mais paraa frente tá então se você tiver deslogado né você vai acessar aqui o site da hostinger vai clicar em entrar vai colocar o seu login senha aí você vai cair aqui você pode clicar aqui em cima em sites e o seu domínio vai estar aparecendo aqui o meu tem vários por isso que tá aparecendo aqui mas aí no seu vai ter só um aí você vai clicar aqui em gerenciar tá vendo que sumiu aquele aviso vermelho ali de cima agora A gente vai instalar o nosso WordPress a gente vai
vir aqui em site vai abrir vai clicar ccar aqui no WordPress vai clicar aqui ó tá vendo aqui instalar WordPress Você vai clicar aqui em instalar vai abrir esse popup aí aqui você vai configurar o site aqui a gente vai colocar o título do site tá vendo aqui no meu site que ali em cima no navegador tem escrito descomplicando sites Então esse que é o título do site que você colocar aqui vai ficar ali em cima da página do seu site Então o meu vai se chamar Helena closet né vou colocar o título assim aqui
você vai colocar o seu e-mail de login aqui ele pega o primeiro nome do e-mail Se você quiser mudar que nem o meu aqui a contato né Você pode colocar outro nome de usuário aqui também por exemplo eu puso Micaela aí você vai conseguir logar com e-mail também e com esse nome de usuário tá e aqui você vai criar uma senha essa senha que você vai criar vai ser a senha para logar no site tá você pode pôr a mesma que você criou aqui para hospedagem também se você quiser vou criar aqui não precisa preencher
nada aqui em avançado Você vai clicar em em próximo aí aqui você vai escolher o idioma como aqui estamos falando português eu vou escolher português do Brasil se você tiver em outros país você falar outro idioma escolha outro idioma vou clicar aqui em instalar e pronto se a gente recarregar aqui ó a página da onde que tá o nosso domínio agora já vai estar aparecendo assim tá a gente instalou o WordPress aqui no nosso domínio e o site ele já está no a o seu site é isso daqui ele já está no ar a partir
do momento que a gente instala o WordPress o site ele já fica no a eu falo isso porque tem gente que depois que faz a loja aqui comigo fica perguntando como que faz para pôr o site no ar mas a partir do momento que você instalou WordPress o site já está no ar o que a gente vai fazer agora é configurar o layout dele para ele ficar a loja do jeito que você quer porque por padrão ele vem esse modelo aqui entendeu Aí a gente que vai mexendo vai adaptando para ficar do nosso jeito tá
mas o site já está no ar tem duas formas de você logar aqui no site a partir de agora você pode depois do seu domínio colocar barra WP- admin que aí você vai cair aqui na página de login aí você vai colocar aquele nome de usuário e senha que você acabou de criar aí você clica em acessar ou então se você já tiver logado aqui dentro da Hostinger você pode clicar aqui em painel administrador se você clicar aqui aí ele vai te redirecionar para dentro do site já logado tá aí Aqui você está dentro do
site quando você tiver com essa Barrinha preta aqui em cima significa que você está dentro do site tá vendo Então essas são as duas maneiras que a gente tem de logar ou aqui né na página WP-admin ou então entrando por dentro da rosta eu aconselho que você sempre entre aqui na página WP traço admin tá bom para você não ter o trabalho de entrar dentro da hospedagem para logar só se por acaso você esquecer a senha que aí você consegue logar por lá também sempre que você tiver aqui ó seu domínio /wp-admin você vai estar
dentro do painel Então sempre que você tá configurando ó Tá acessando o site aqui né vamos supor você tá configurando aqui o site configurou aqui o site aí você quer acessar o painel né para você configurar alguma coisa se você colocar wp-admin você vem aqui para dentro do painel tá se você vier aqui também e tiver aparecendo uma barra preta aqui para você que vai aparecer daqui a pouco você também consegue clicar no símbolo do WordPress aí agora nós vamos fazer algumas configurações né primeira coisa que a gente vai fazer vai ser vir aqui em
páginas todas as páginas e o WordPress por padrão ele vem com duas páginas aqui que é a página de exemplo essa de políticas de privacidade essa de exemplo a gente pode clicar aqui em lixeira para excluir e essa de políticas de privacidade a gente pode clicar aqui em edição rápida mudar de rascon para publicado e atualizar que a gente vai precisar dela mais pra frente tá outra coisa que a gente vai configurar agora é vir aqui em aparência temas e vamos deixar apenas o tema que a gente vai usar o WordPress pro padrão traz esses
três temas padrão o tema que determina características que vai ter no site a gente pode clicar e clicar em excluir aqui embaixo e em Ok nesses outros dois que estavam aqui e aí vai sobrar só este a gente não consegue excluir ele se ele tiver ativo e nós não vamos usar ele nós vamos instalar um outro tema Então a gente vai clicar aqui em Adicionar novo tema vai clicar aqui em Hello Elementor e vai clicar em instalar e depois em ativar depois a gente pode clicar em cima desse outro outro que sobrou e excluir ele
porque a gente não precisa deixar outros temas que não estejam ativos aqui senão ele vai só acumulando espaço desnecessário aqui no site já que a gente não vai estar usando ele né Outra coisa que nós vamos fazer é vir aqui em configurações geral e completar algumas configurações então aqui em descrição você vai colocar uma descrição da sua loja aqui no meu site quando você passa o mouse Ó tem o título que é descomplicando sites e depois tem um tracinho escrito aprenda a criar sites com WordPress tudo que depois do tracinho é a descrição então você
pode escrever uma descrição aqui vou colocar moda feminina pode colocar qualquer frase que você quiser o seu bordão Tá mas é legal que você coloque uma descrição para ficar mais completinho o site aí Aqui você não mexe em hipótese alguma aqui a gente vai deixar ativo para qualquer pessoa poder se registrar né é quando ela for comprar ela precisa poder conseguir fazer um cadastro aqui a gente vai deixar como tá se o seu idioma não tiver mudado para português ou para idioma que você tiver usando aqui em idioma você consegue mudar só você escolher qual
que é o idioma aqui você tiver no Brasil coloca português do Brasil porque o português de Portugal tem palavras diferentes tá e aqui você pode mudar o formato da data se você quiser ó vou mudar para esse daqui e aqui o formato da hora também eu vou clicar em salvar alterações agora a gente vai vir aqui em links permanentes isso aqui é muito importante a gente vai mudar aqui para não do post e vai clicar em salvar só isso aí a gente já fez aqui todas as configurações padrões aqui do WordPress no passo um e
agora nós vamos aqui para o passo dois que é criar a estrutura da nossa loja tá então nós vamos começar instalando o plugin WooCommerce O plugin WooCommerce é o plugin que a gente vai usar para criar a estrutura da nossa loja porque o WordPress por padrão ele é uma ferramenta voltada mais para site institucional e para blog ele vem configurado padrão assim então se a gente quer coisas a mais a gente tem que instalar plugins para fazer isso plugins são como se fosse aplicativos imagina o seu o seu WordPress né Essa plataforma aqui como o
seu celular e por exemplo se você quer acessar um banco você não consegue acessar no seu celular a não ser que você instale um aplicativo para isso a mesma coisa aqui você não conseguir fazer uma loja a menos que você instale um plugin que seria o equivalente aplicativo para isso tá E sempre que você precisar de instalar plugins tem essa abinha aqui você vai clicar em adicionar plugin o comerce ele fica aqui em mais populares você pode clicar aqui em populares é este daqui você vai clicar instalar e depois em ativar sempre que você for
colocar um plug no site você tem que instalar e ativar se você só instalar ele não vai funcionar no site ele precisa estar ativo para estar Fun funcionando no site aí ele vai te pedir algumas informações você pode sempre que tiver em inglês você clica com o botão direito clica para traduzir para português que aí você consegue ver o que que eles estão falando direitinho clica aqui em configurar minha loja aí você vai selecionar aqui se você já tá vendendo né já tem uma loja ou se você tá começando agora ou se você tá montando
um cliente eu vou selecionar esse começando agora vou clicar em continuar aí aqui ele pede para você escolher qual que é o setor né de você vai vender vou colocar roupas aqui já tá você vai clicar em continuar aí ele vai perguntar se você quer deixar algumas coisas instaladas a gente vai desinstalar esse aqui o Jetpack o restante a gente pode deixar e vamos clicar em continuar pronto aí você já instalou o plugin quando você instala esse plugin ele cria assim toda a estrutura de loja o que a gente vai fazer depois é só customizar
deixar bonito Mas ele já cria tudo ele já cria se você vier aqui em páginas sempre faça assim ó Clica com o botão direito na onde que você quer acessar abrir uma nova guia que aí você fica com as duas Abas abertas ó se você vier aqui em páginas ele já criou todas as páginas de estrutura a página de carrinho a página de checkout né que é onde a pessoa compra finalizar a compra a página de loja que é onde fica todos os produtos a página de minha conta ele já cria tudo aqui pra gente
então a gente só faz depois customizar tá E ele tem essas abinhas aqui que são as principais que a gente mais vai usar que é a aba de ecommerce que é onde a gente vai configurar todas as configurações da loja pedidos clientes relatórios configurações e tudo e aqui na aba de produtos onde vão estar tudo relacionado aos nossos produtos Então sempre que você quiser cadastrar um produto ou alterar é por aqui alguma configuração da loja que você quiser fazer é por aqui tá bom ele vai te dando um guia aqui para você seguir também mas
você vai seguindo o que eu estou mostrando no vídeo tá agora eu vou te ensinar como cadastrar um produto eu vou te ensinar a cadastrar dois tipos de produto um simples e um variável um produto simples é um produto que ele não tem nenhuma variação ou seja por exemplo no caso de uma roupa um vestido preto tamanho único por exemplo ou só tamanho P ou só tamanho M de um tamanho só que não tenha variações de tamanhos nem variações de cores isso é um produto simples um produto que é o mesmo que a p pess
não precisa escolher nenhuma característica para comprar agora um produto por exemplo que tem ele preto e tem ele Branco ele é um produto variável porque ele tem variações dele até um produto que tem variações de tamanho é um produto variável porque ele vai ter tamanhos diferentes ali Daquele mesmo produto tá então vou te ensinar por exemplo a cadastrar um produto simples para cadastrar o produto que nem eu falei você vai vir aqui em produtos vai clicar aqui em Adicionar novo aqui você vai vai dar um nome pro seu produto eu vou colocar por exemplo vestido
Amanda né as pessoas gostam de colocar nome de mulher nome de estrela essas coisas nos vestidos e fica bem legal vestido Amanda estampa de Leopardo aí aqui nessa aba é para você colocar toda a descrição do produto então aqui você coloca tamanho você coloca tamanho do buso tamanho da cintura descrição de como que é o tecido instrução Lavagem tudo de informação que você precisar colocar você pode colocar aqui eu vou colocar Um textinho qualquer aqui só para só para exemplificar para você ver lá como é que ele vai ficar lá na página tá mas aí
você fica sabendo que você consegue fazer por aqui e você consegue fazer algumas edições Tá vendo você seleciona aqui quer fazer um título seleciona coloca em [ __ ] Tá vendo quer fazer uma listinha seleciona faz uma listinha aqui você consegue Pando Você pode até colocar imagens aqui se você quiser só arrastar a imagem para cá para dentro tá aqui você vai escolher qual queer o tipo de produto né então é aqui que você consegue escolher se é simples se é variável e tudo mais a gente vai escolher o simples aqui você vai colocar o
preço Então vou colocar aqui 250 valor desse produto se você quiser que ele fique em promoção por exemplo se você quer que apareça lá que ele vale 250 Mas você tá vendendo de 200 você vem aqui e coloca o preço promocional aí se você quiser você pode programar por exemplo você programa para ficar essa promoção de hoje até dia 29 e aí automaticamente depois do dia 29 ele volta pro preço normal que é 250 eu não vou programar vou deixar assim mesmo aqui você pode colocar o sku que as pessoas usam muito né para poder
emitir nota fiscal então todos esses dados aqui você consegue fazer se você quiser fazer gestão de estoque aqui ó colocar a quantidade de produtos que tem então por exemplo vou colocar Eu tenho 15 desse vestido aí aqui é para você deixar se você quer que a pessoa consiga encomendar né Na hora que tiver acabado o estoque aqui É para quando que é para falar quando o estoque tá baixo vou colocar dois a vai sobrando só dois produtos já vai aparecer que o estoque tá baixo e aqui se você quer limitar para uma pessoa conseguir comprar
apenas um item de cada vez desse tá aí se você marca Se você quiser eu não vou marcar aqui na entrega isso aqui pessoal é uma das coisas mais importantes do cadastramento do produto você precisa colocar o p peso que vai ficar produto já com a embalagem já com tudo você precisa colocar o peso e a dimensão aqui que vai ficar a embalagem com produto porque é com base nisso daqui que o Correios vai calcular o frete pra pessoa então você vem aqui e coloca eu vou colocar qualquer coisa aqui qualquer peso só para poder
passar lá né mas aí você pesa direitinho coloca certinho tá aqui não precisa mexer produtos relacionados é se tiver mais produtos cadastrados aí você quiser que apareça lá na pgina do carrinho na Página checkout aí você vem e seleciona algum produto eu não vou selecionar Por enquanto aqui algum atributo né se você quer que ele tenha alguma característica para aparecer eu não vou colocar nenhuma aqui por enquanto aqui é avançado também não precisa colocar nada aqui é uma descrição breve que aparece lá na na página do produto eu não vou colocar nada também E aí
aqui nessa abinha aqui ó Nessa abinha direita aqui você vai colocar algumas informações também muito importantes aqui em imagem do produto é onde você vai colocar imagem que vai aparecer nos cards Então você vai clicar aqui vai clicar em selecionar arquivo e vai enviar a imagem do produto para cá você vai procurar aqui né no seu computador Qual que é a imagem que você vai querer que apareça do produto eu vou colocar essa aqui por exemplo vou clicar em abrir e perceba que às vezes a imagem vem com o nome todo esquisito você não pode
deixar assim toda vez você tem que vir aqui em título e mudar se o nome não tiver colocado Legal ou então você pode vir aqui no seu próprio computador e fazer isso então você pode por exemplo clicar com o botão direito na imagem clicar em renomear e já deixar aqui ó aí você pode colocar o mesmo título vestido estampado blá blá blá sabe aí você vem coloca aqui que aí na hora que você for configurar o produto aqui você não precisa mudar esse título tá mas aí se você já subir a imagem que eu tô
subindo com o nome todo esquisito aí você faz isso aqui na hora de escolher a imagem ó pega o mesmo título Põe aqui põe aqui na legenda põe na descrição também e texto alternativo isso aqui tudo vai dar no su então você pode colocar em todos não vai aparecer lá no site não mas ajuda no su no Google aí você clica em definir imagem destacada essa a imagem que vai aparecer no card do produto aqui em galeria de imagem é aquela galeria aquele carrossel de imagens que aparece embaixo que a pessoa consegue ver nas outras
fotos Então você clica aqui e consegue enviar as outras fotos para cá então é só você vir aqui no seu computador né Ó você pode por exemplo selecionar todas clicar com o botão direito renomear mudar aqui ó que aí ele vai mudar todas de uma vez também aí você vem seleciona arrasta as imagens para cá clica em adicionar na galeria pronto aqui em categoria do produto você pode colocar esse produto em alguma categoria que dá pra gente linkar no menu dá pra pessoa buscar lá e fica mais fácil então por exemplo Esse é um vestido
né vou colocar na categoria de vestidos como eu não tenho nenhuma categoria criada eu posso criar uma aqui do zero é só clicar em adicionar nova categoria ó colocar vestidos e vou dar em ó ele já fica selecionado a próxima vez que você for cadastrar um vestido como a gente já criou já vai ficar aqui esse quadradinho apenas para você clicar Só se você for criar uma nova que você pode clicar aqui em adicionar nova categoria se ela já existir não precisa criar de novo é só clicar em cima da que tiver tá E aí
quando você tiver terminado de configurar tudo aí você vai vir aqui e vai clicar em publicar e pronto o produto já vai estar publicado aí você pode clicar aqui em cima do link tá vendo ó clica em cima dele que aí você vai ver como é que ele vai ficar na página ó e vai ficar assim tá vendo ó as imagens da galeria ficam aqui embaixo pessoal já consegue ver tudo aí Aqui fica o título aqui tá vendo aquela descrição fica aqui embaixo Aqui as informações ó tá vendo avaliações quando tiver Então já fica aqui
e se você quiser editar de novo você pode clicar aqui em editar produto ou então todos os produtos que você tiver cadastrados vão ficar aqui ó em todos os produtos aí sempre que você quiser editar Você pode passar o mouse em cima de um e clicar em editar que aí você volta para essa página aqui ok Então beleza te ensinei a cadastrar um produto simples agora eu vou te ensinar a cadastrar um produto variável e para cadastrar produto variável vou te ensinar agora do mesmo modo você vai acessar produtos e vai clicar em Adicionar novo
só que antes de fazer isso a gente precisa fazer algumas configurações que vai servir para todos os outros produtos tá então o que que vai tornar o nosso produto variável são as variações de características que eles tê o que que geralmente tem de varia ações em roupas são tamanhos cores e esse tipo de variação ele serve para vários tipos de produtos né tanto para sapatos quanto para bolsas sempre vai ter variação de tamanho variação de cor sapatos também pode usar essas variações então tudo que você for precisar de variações pro seu produto você vai cadastrar
aqui ó em produtos atributos atributos são as características a gente vai usar essas características para gerar as variações então eu vou vir aqui em atributos vou criar a minha lista de características que eu vou ter no meu site então Ó vou querer ter uma de cor aí aqui eu vou criar só a principal depois a gente põe as cores dentro então eu vou colocar cor e aí eu dou um enter aí eu vou colocar uma chamada tamanho você só escreve clica em criar se fosse uma loja de joias por exemplo você poderia colocar material ou
banho né que tem joias por exemplo que tem ou prata ou ouro Se fosse por exemplo loja de produtos eletrônicos você poderia colocar seus telefones né Por exemplo armazenamento né que aí você coloca 1 GB 2 GB no caso aqui de loja de roupas a gente vai usar basicamente só cor e tamanho tá E aí pra gente configurar né as informações dentro de cada um desses atributos a gente clica aqui ó em configurar termos então vou clicar aqui e aí vou criar as cores que eu vou ter disponíve aí eu vou colocar as cores de
produtos que geralmente eu vou trabalhar vou colocar azul preto branco vermelho rosa pink rosa pink geralmente no mundo das das cores é aquele rosa mais Cheguei né Tem rosa pink tem um rosa bebê rosê também né rosê prata Dourado bege azul claro colocar então assim verde que faltou Então você vai colocando aí cores que você acha que você vai usar aí na sua loja tá então é só digitar e dar enter tá agora pra gente colocar os tamanhos ó vou vir aqui em atributo só clicar aí tá aqui tamanho né aí você clica sempre aqui
em configurar termo Você tá vendo que agora já tá aparecendo as corzinha na aba de cor então depois que você configura ele fica assim clicar aqui em configurar termos agora vamos criar os tamanhos geralmente tem P, M, G, GG vou colocar só esses tamanhos aqui por enquanto E aí se você quiser adicionar mais Mas saiba que é só vir aqui em atributo e clicar aqui em configurar termos se você escreveu errado quiser editar é só clicar aqui em editar que aí você consegue editar aqui o textinho tá beleza agora sim vamos criar aqui os nossos
produtos variáveis você vai vir aqui em produtos né Adicionar novo aqui você vai dar o nome aqui pro seu produto eu vou colocar Blazer Nicole estilo alfaiataria blazer, Nicole estilo alfaiataria aí aqui aqui a gente vai mudar de produto simples para produto variável aqui ele vai te dando algumas explicações tá vendo ó mostrando exatamente o que que a gente vai fazer você clica em entendi aí igual ele mostrou aqui você vai vir aqui em atributos e vai escolher Quais são os atributos que este produto tem então aqui ó tá vendo aqui já tem os existentes
que foi o que a gente cadastrou então eu vou escolher a cor e aqui eu vou escolher Quais são as cores que eu quero que vai ter esse produto Então eu tenho ele aqui de verde e tenho ele de Bege né aí a gente cli em salvar atributo aí vamos selecionar outro aqui que é o tamanho aí eu vou selecionar G, GG, M e P e vou clicar em salvar e todos que você colocar tem que ficar marcado aqui ó visível na página do produto e usado para variações esse usado para variações é muito importante
porque se você deixar desmarcado significa que a gente vai conseguir só filtrar por cor por exemplo se fosse um produto simples por exemplo eu poderia só colocar a cor aqui e não colocar mais variações Mas aí o fato de ter colocado a cor aqui em atributo faria com que eu conseguisse puxar ele lá no nos nossos filtros né então eu vou salvar aqui o atributo e vou vir aqui em variações e vou clicar aqui em gerar variações e vou clicar em OK aí ele sozinho já vai gerar as variações ó a cor bege ele vai
gerar o G o GG o m o p a cor verde ele já vai gerar tá vendo Então ele já pega todos os atributos e faz a correlação entre si para colocar as fotos de cada uma das cores sabe quando você tá lá no na página do produto e você clica no verde e aí ele muda pra pro produto da cor verde então se você quiser esse efeito você tem que vir e colocar uma fotinha em cada uma das variações então aqui ó ni bege eu vou clicar em editar aqui eu vou colocar o preço
quando é variações pessoal você tem que colocar o preço em cada uma das variações tá então ó beij vamos supor que esse produto aqui vai vai ser 250 eu não vou colocar preço promocional nele não aliás vou colocar sim só pra você ver 230 tá então igual o esquema do primeiro lá se eu quiser programar eu venho aqui programo coloco a data de início a data de término se eu não quiser eu deixo assim que aí ele fica sempre com preço promocional Então esse é o preço que vai aparecer riscadinho e esse é o preço
que ele vai realmente ser vendido tá aí Aqui onde tem esse izinho é onde você vai colocar a foto do produto Então já vou subir essas fotinhos aqui e que nem eu falei para vocês aqui no título você vem coloca o nome certinho Blazer Nicole estilo alfaiataria aí você copia colando na descrição e tudo tá vendo aí Aqui você pode colocar o peso as dimensões aqui de cada um tá tem que colocar pra pessoa conseguir calcular lá na na hora de fazer o o cálculo do frete então você vem aqui coloca o cálculo de cada
um a descrição se tiver descrição diferente de cada um aí depois que você faz isso você fecha ó é só clicar em cima e fecha aí clica em cima do outro e configura também ó já tenho aqui a imagem aí eu só configuro o restante ó 250 para 230 aqui você colocaria o peso e as dimensões né que ficaria na na embalagem do produto aí você clica em cima para fechar e assim você vai fazendo sucessivamente aí aqui no verde ó aí você vem e coloca a cor do outro né a outra cor do produto
que aí na hora que a pessoa clicar lá vai vai mudar eu vou te mostrar que na hora que a gente terminar de cadastrar ó de 250 por 230 aí eu venho aqui e coloco tá Se tiver alteração de valor entre uma cor e outra entre um tamanho e outro você pode colocar se por exemplo o G você tiver vendendo a 230 e o P você quiser vender a 200 pode fazer também que aí lá na hora conforme a pessoa pessa for selecionando vai mudando o preço lá na página tá então você fez aqui todas
as configurações aí aqui em avançado se você quiser colocar uma descrição você pode colocar aqui também que nem a gente tinha mostrado lá no início né se você quiser colocar uma descrição falando a tabela de medidas falando sobre como que é o tecido e tudo mais você pode colocar por aqui aí aqui você vai colocar a imagem destacada do produto que é a imagem que vai aparecer lá na hora que tiver lá na loja e aqui é a imagem da galeria que são aquelas imagens que vão aparecer no Carrossel aí você pode colocar Quantas você
quiser aqui a gente vai colocar uma categoria como a gente ainda não criou todas as categorias lá que nem a gente fez com atributo a gente pode vir aqui e clicar em adicionar a nova categoria eu vou até mostrar isso aqui para vocês ó vamos publicar aqui o produto primeiro para você ver quando você publica sem adicionar a categoria ele já deixa aqui ó determinado sem categorias Ó não sai dessa página vem aqui em categoria para você ver ó que aí você consegue criar todas as categorias que você quiser aqui então Vamos criar por exemplo
Blazer calça blusa jaqueta short jeans saias então você vem aqui cria todas as categorias né se você quiser dá até para clicar aqui e editar e colocar uma imagem em cada uma das categorias que depois se você quiser você pode fazer um Carrossel com isso tá eu vou deixar assim simples mesmo e aí ó se você voltar aqui na página do produto e recarregar a página você vai ver que as categorias já vão estar aqui apenas para você clicar Lembra que eu te falei se você já tivesse criado pelo menos uma vez a categoria ela
já ficava salvo aqui então esse aqui é Blazer eu vou só selecionar o do Blazer vou desmarcar esse aqui escrito sem categoria né e beleza aí aqui depois que a gente configurou todas as coisas aqui né Lembrando que aqui na parte de estoque Você tem o SKU aqui se você quiser colocar se você quiser fazer gestão de estoque colocar aqui ó por exemplo essa peça tem 200 quantidades né 200 produtos aqui de quantidade você pode colocar e vou clicar em atualizar aí a gente consegue vir aqui na página do produto ó ele tá mostrando aqui
o preço pra gente as variações tá vendo já fica aqui então Ó Aquelas imagens que a gente colocou no Carrossel se a gente escolher por exemplo bege tamanho G eu consigo ver aqui percebeu que aqui que não aparece todos os tamanhos que eu coloquei por quê que eu só coloquei informação lá por exemplo no bege do tamanho GG e no verde Eu só coloquei no tamanho G então não basta você vir aqui e criar as variações e colocar as informações em apenas alguns senão aqui só vai ficar disponível pra pessoa escolher os que você preencheu
Então pelo menos o preço você tem que preencher então Ó aqui no bege Por enquanto só tá aparecendo ggg né então Eu estou aqui no m ó bej tá vendo M aí eu vou colocar o preço aqui ó 250 por 230 e vou colocar no P também 250 por 230 e vou clicar aqui em salvar alterações e clicar aqui em cima em atualizar sempre que você fizer essas mudanças você tem que fazer assim tá primeiro você clica aqui em salvar alterações e depois lá em cima em atualizar aí vamos atualizar aqui a página ó agora
se eu colocar bege Já tem todas as opções porque eu coloquei o preço tá então ó se eu escolho aqui GG e bege já aparece e perceba que trocou de cor agora para trocar de cor tudo bem você pode colocar pelo menos em uma um dos tamanhos então se eu tenho pelo menos o g aqui com a fotinha do bege tudo bem Não preciso preencher a imagem em todos mas agora o preço eu preciso preencher em todos tá aí aqui no verde aqui no restante por exemplo ó aí eu tenho que vir aqui e colocar
vou colocar em todos ó salvar alterações e clicar em atualizar E aí vamos atualizar para você ver que agora se eu escolho aqui o verde eu já tenho todas as opções aqui de tamanho tá outra coisa que você pode fazer aqui em avançado Opa avançado não variações é determinar qual que vai ser a cor padrão então por exemplo se eu selecionar bege aqui você pode colocar a cor e o tamanho padrão tá bege tamanho P e salvar a cor padrão aqui que vai ficar já pré-selecionado vai ser essa bege tamanho P tá vendo aí se
a pessoa escolher outro tamanho aqui aí ela muda aqui a fotinha da cor mas aí que nem eu te falei como a gente preencheu apenas o tamanho acho que G né da cor aí nessa configuração aqui se eu tiver deixado como padrão só vai aparecer aqui a fotinha da cor se ela escolher o G né A partir do momento que ela escolhe o G Se eu colocar a imagem aqui em todos né se eu vier aqui e colocar imagem em todos aí sim a partir do momento que eu recarregar a página tá vendo ela já
vai aparecer por padrão aqui nessa cor por quê Porque eu coloquei esse tamanho aqui como padrão que foi o p e no P tem a fotinha Tá bom então você pode escolher aqui ó então você pode colocar sem cor padrão e sem tamanho padrão também que aí ele vai pegar a fotinha que você tiver colocada aqui em imagem destacada do produto tá então eu atualizei aqui ó aí ele puxa a imagem destacada e só troca de cor aqui se a gente escolher a variação Tá bom então é assim que você vai cadastrar aqui os produtos
variáveis então coisas que você não pode esquecer para se tornar um produto variável aqui você tem que colocar como variável aqui estoque você tem que colocar a quantidade de produtos no estoque aqui em atributos você tem que selecionar os atributos aqui no atributo que você selecionou você tem que selecionar Quais que são de cada um tem que sempre salvar aqui em atributos aqui em variação gerar variações a ele vai gerar tudo sozinho aqui todas as variações você tem que abrir uma por uma e configurar tudo a foto o preço o peso tá tem que colocar
as categorias e tem que colocar as imagens tá Depois disso você pode cadastrar os seus produtos se você vier aqui ó em todos os produtos Eles já vão estar aqui outra coisa que eu esqueci aqui na parte do produto simples este vestido que eu coloquei aqui ó vou clicar em editar nele pra gente entrar ele é estampado ele é estampado então aqui na aba de atributo eu não coloquei nada né Porque aqui não tem uma cor chamada estampado Mas eu posso criar um atributo chamado estampa tá então aqui em atributos ó tá vendo cliquei com
o botão direito e abr uma nova guia para não fechar essa outra que eu estava eu posso criar o atributo chamado estampa posso clicar aqui e posso colocar os nomes por exemplo animal pente zebra listras finas listras grossas sei se é listras ou listras a enfim por a né que as bolinhas acho que é assim né que escreve pro a pronto não florido também tem né pronto aí se eu vier aqui no produto V recarregar aqui a página aí se eu quiser colocar um atributo que é a característica né atributo Aí eu vem aqui seleciono
estampa aí eu ven aqui seleciono animal print e salvo eu posso fazer isso também por qu Porque toda loja tem um filtro né aí se eu for lá no meu filtro e colocar por exemplo estampa Animal Print se eu tiver cadastrado aqui em atributo vai aper ser esse produto lá no filtro se eu não tiver ele não aparece a pessoa não consegue buscar então consegue entender a diferença entre atributo e variação atributo é só uma característica do produto não significa que ele vai ter diferente sabe que ele vai ter vários produtos diferentes então eu tenho
só essa característica aqui de que a estampa é animal print ele é um atributo é uma característica ele não é um produto variável a pessoa não precisa escolher se ela quer um estampa de Animal Print ou se ela quer um estampo de zebra entendeu a mesma coisa eu posso colocar aqui o atributo tamanho só que aí no caso como ele não é um produto variável eu não posso colocar todos os tamanhos Por quê não vai aparecer aqui para mim opções para mim escolher se eu quiser que a pessoa tenha opção de Escolha entre prm e
GG ela tem que ser um produto variável Entendeu agora se for por exemplo um atributo de tamanho único aí eu posso colocar aqui também ó eu posso vir aqui vamos voltar lá em atributos aqui na parte de tamanho ó configurar termos aí eu posso colocar também tamanho único pronto e aí se eu recarregar aqui a página do produto eu posso colocar como característica aqui também tamanho e escolher tamanho único que aí se a pessoa filtrar lá na parte dos Filtros né tamanho único vai aparecer todos os produtos que são determinados como tamanho único né ela
não precisa escolher entre várias opções né então tem essas opções aqui também para você preencher tá lembre-se sempre de atualizar aqui senão a mudança não acontece tá bom é isso já cadastramos aqui o produto variável então eu vou te dar a missão aqui de vir aqui em todos os produtos e ir cadastrando todos os produtos que você quer então né você clica aqui em Adicionar novo cadastra todos os produtos aqui que você quer eu vou cadastrar os meus e volto na parte que a gente já tem todos os produtos que eu vou usar aqui cadastrados
Pronto já cadastrei aqui todos os produtos que eu vou usar Tá bom Agora eu vou te ensinar a fazer algumas gestões aqui desses produtos se você precisar que nem você já viu né mas vou reforçar se você quiser editar algum produto você vai vir aqui em produtos todos os produtos e clicar em editar se for uma edição rápida por exemplo você tá aqui percebeu que o título tá escrito errado você pode clicar em edição rápida que aí você consegue editar aqui o título isso aqui é o Slug o Slug é o link do produto ó
deixa eu clicar aqui ó outra coisa se você quiser ver a página do produto você tá vendo aqui em V você clica com o botão direito clica aqui em abrir uma nova guia que aí você vai direto pra página do produto o Slug é isso daqui tá vendo ó ó o link que aparece aqui depois de produto né então é assim que você consegue acessar o link se você quiser mudar o Slug é aqui embaixo digo isso porque às vezes por exemplo vestido longo de alça fina né mudei para isso daqui aí se eu clicar
aqui em atualizar se eu acessar aqui o produto ó o Slug ele não vai ter alça fina aqui então se você quiser que mude também o o link você tem que mudar aqui então ó por exemplo alça fina né tem que adicionar o fina aqui ou se eu quiser corrigir alguma coisa né tem que adicionar por aqui e clicar em atualizar outras coisas dá para você também fazer você pode clicar aqui em edição rápida aqui em categorias às vezes eu vejo aqui que tá sem categoria E aí eu venho e Marco aqui a categoria né
então posso fazer isso aqui também depois clicar em atualizar outra coisa se eu quiser excluir É só passar o mouse aqui em cima de list che que ele vai excluir o produto tá vendo aí quando eu exclui ele fica aqui em lixos aí eu posso clicar aqui e se eu tiver excluído sem querer eu posso selecionar e clicar aqui em restaurar que aí ele vai vir de volta aqui paraa aba de todos ok se eu quiser selecionar aqui alguns ó posso ó quero ver só os da categoria blusas e aí eu clico né seleciono e
clico aqui em filtrar que ele vai aparecer aqui para mim só da categoria blusas aí se eu quiser fazer uma edição em massa porque perceba que eu na hora que eu fui cadastrar eu cadastrei errado aí Alguns eu cadastrei escrito blusa outro eu cadastrei escrito blusas então por exemplo ó deixa eu vir aqui na onde que é a categoria blusa que tá em singular né Aí eu posso selecionar todos aqui colocar aqui ó ação em massa editar aplicar aí eu vou editar todos de uma vez aí o que que eu vou fazer vou mudar aqui
para a categoria blusas né mudo pra categoria blusas e clico em atualizar aí ele já vai mudar todos de uma vez aí ele vai ter adicionado a categoria blusas também tá vendo mesma coisa se eu quiser por exemplo excluir tá aqui em todos eu quero excluir vários ó excluir vários posso selecionar ações em massa mover pra lixeira e clicar em aplicar tá então eu posso fazer isso também OK outra coisa que dá para fazer ó clica aqui em edição rápida aí aqui você consegue mudar o preço também tá vendo ó o preço tá errado então
eu vou colocar aqui 195 dá para fazer isso também 165 dá para fazer isso também o peso ó tá vendo algumas coisinhas dá pra gente mudar por aqui aí eu clico aqui em atualizar então algumas coisinhas você não precisa entrar lá dentro para que você consiga fazer essa edição tá então tem isso aqui também aí depois que a gente cadastrou aqui todos os nossos produtos ó se você acessar aqui o nosso site na sua página principal ainda não aparece nada ainda tá assim e isso é normal tá porque a gente ainda não configurou o layout
do site a gente só cadastrou os produtos então primeiro a gente tá criando a estrutura aqui pelo lado de dentro do site depois a gente vai criar o layout tá aonde que tá todos esses produtos fica aqui na aba de loja então aqui ó se a gente clicar aqui em visitar loja que é a página de loja o nosso domínio bar loja é aqui aqui onde fica todos os produtos tá aí a gente consegue ver todos por aqui se a gente clica nem um a gente consegue ver se a gente clica na categoria também ó
Blazer a gente consegue ver todos os blazers por enquanto tá assim feio porque a gente não fez nenhuma estilização depois a gente vai fazer Tá então não se assuste se você acessar que não tiver nada porque isso é normal Beleza agora a gente vai criar Aqui as nossas páginas e criar o nosso menu para criar as nossas páginas a gente vai vir aqui em páginas Tod as páginas aqui tem todas as que estão criadas para criar uma nova a gente vai clicar em adicionar nova Então a gente vai criar a nossa página principal que é
a página que a gente vai acessar quando a gente acessar o site então eu vou colocar o nome dela de início você pode colocar início pode colocar home muitas vezes eu coloco home agora vou colocar início então você pode colocar do jeito que você quiser tá você pode colocar página inicial também que a gente mais usa é início ou Home tá aí você clica clica aqui em publicar e publicar de novo lembre-se sempre quando você for criar uma página você tem que clicar em publicar duas vezes tá aí você clica aqui no símbolo do WordPress
de novo para voltar Onde você estava Então vou precisar criar a página de início né que é a nossa página inicial vou clicar aqui em adicionar página pra gente criar a outra que é a página de contato toda loja precisa ter então ó publicar publicar vou criar aqui também a nossa página de sobre nós que é bom você ter informações sobre a empresa né sobre nós vou clicar em publicar publicar pronto e já tenho todas as páginas que eu preciso aqui aí agora eu vou criar o nosso menu tá o menu é essa lista de
links que fica aqui que a gente consegue navegar pelo site tá vendo Então a gente vai criar essa lista de links não este layout que tem aqui igual no meu site tá vendo esse layout que tem a logo que tem a cor de fundo que tem os botões que tem tudo você chama cab o que a gente vai criar vai ser o menu que é essa lista de ícones tá então para criar o menu a gente cria ele aqui dentro do site E aí depois a gente chama ele lá no layout a gente estiliza ele
põe cor põe fonte põe tudo tá então para criar ele a gente vai vir sempre aqui em aparência menus se não tiver aparecendo aparência menus aqui para você foi porque você não colocou o tema que eu mostrei mais no início do vídeo então você vem aqui em temas vem aqui Adicionar novo tema e escolhe o tema Hello elementor você pode escrever aqui na lupinha também pesquisar por Hello tá vai estar assim ó aí você clica em instalar e depois em ativar só que aqui no relo tá aí vai começar a aparecer aqui para você menus
aí primeiro você vai dar um nome aqui pro seu menu eu vou colocar menu principal Vou colocar aqui ó em adicionar ao cabeçário e vou clicar aqui em criar menu pronto aí agora eu vou criar o que que vai ter dentro dele eu quero que tenha a página de início a página de contato e a página de loja se se tiver algum que não tá aparecendo aqui você clica aqui em ver tudo que aí você consegue ver todas as páginas por aqui tá aí depois que eu selecionei né início contato e loja eu vou clicar
em adicionar ao menu ó aí já vai estar tudo aqui aí aqui você consegue ó alternar É só você ir arrastando você consegue alternar é a direção para onde que você quer então eu quero que tenha primeiro início aí eu quero também colocar as categorias aqui no meu menu também então vou colocar aqui algumas categorias que são mais vendidas por exemplo né se não tiver aparecendo aqui para você categoria de produto igual não tá aparecendo aqui para mim você vai rolar a tela para cima aí aqui em cima on tiver opções de tela você vai
clicar vai abrir a sabinha E você vai deixar selecionado categoria de produtos vai fechar aí vai passar aparecer aqui ó categoria de produtos tá vendo aí eu vou selecionar por exemplo vestido são os que mais são são vendidos né Opa selecionar vestidos né que eu fui lá na hora que fui cadastrar o cadastr tudo bagunçado sabe C ser vestidos e vestido mas é vestidos vestidos jeans blusas e vou clicar em adicionar o menu então eu vou vir vou trazer aqui vestidos aqui para cima blusas e jeans aí se você quiser por exemplo editar que nem
aqui blusa tá escrito em minúsculo aí eu posso vir aqui modificar ou eu posso também modificar o nome que tá escrito aqui que nem por exemplo aqui na página da loja né para não confundir o o visitante eu vou colocar escrito assim todos os produtos ou você pode colocar todos também só apenas né aí a gente muda nesse caso aqui somente o título tá vendo aí o link vai continuar o mesmo aí vou deixar aqui todos os produtos aí eu posso colocar também assim ó se eu quiser colocar um que não tenha nenhuma página mas
eu quero por exemplo vai ter uma parte lá da página inicial que vai ter as novidades Eu posso criar um link para isso também então posso vir aqui em links personalizados coloca aqui o texto que vai ser que vai ser novidades aqui eu coloco só uma hashtag que aí depois eu te ensino a linkar aí você clica em adicionar menu ó eu posso colocar aqui todos os produtos novidades aí aqui algumas categorias né se você quiser colocar aqui mais vendidos também você pode colocar tá bom ou por exemplo às vezes tá uma coleção nova né
Aí você quer por exemplo colocar a coleção outono e inverno aí você vem e coloca se você tiver feito isso em categoria que nem eu fiz aqui por exemplo ó categoria de produtos outono inverno você pode selecionar Também novidades outono inverno né então você coloca aqui o que que você quer eu vou escolhir esse daqui e vou deixar assim aí eu vou clicar em salvar menu se eu acessar aqui o meu site ó vai estar aparecendo os links aqui tá vendo aqui ó na página de contato não vai aparecer nada porque eu não criei nada
nela aqui na de novidades não vai aparecer nada porque eu não coloquei nenhum link já que na página de todos os produtos se eu clicar já vai aparecer que é a página onde tem todos os produtos se eu clicar em vestidos vai aparecer os vestidos porque né são os vestidos que eu já cadastrei né isso aqui são categorias blusas já aparece tudo tá vendo Então tem essas diferenças aqui por isso que a gente precisa selecionar aqui certinho para que na hora que a gente for clicando aqui já apareça o correspondente a cada um que a
gente quer tá bom eí se a gente criou aqui o nosso menu dentro do WordPress né então já finalizamos aqui o nosso passo dois que é criar a estrutura da nossa loja agora nós vamos dar início ao nosso passo três que é a criação do nosso layout aí nós vamos criar todas as partes aqui do nosso site Tá bom então vamos para o nosso passo três que é a criação do layout aqui da nossa loja primeiro nós vamos precisar de um plugin chamado Elementor free você vai acessar aqui o seu painel vir em plugins Adicionar
novo ele já fica aqui em populares você pode clicar aqui que ele já vai estar aqui que é esse Elementor website se não tiver você pesquisa aqui na lupinha por elementor vai clicar em instalar depois em ativar essa parte aqui você pode clicar em pular na verdade ó pode vir aqui em cima na sua na URL ó no link apagar isso tudo deixar só WP de mim que aí a gente vai voltar pro painel Pronto agora a gente vai fazer as configurações padrões do tema quando a gente acessa aqui o nosso site ó tá vendo
que tá com essas cores e com essas Fontes aqui isso tudo é determinado pelo tema que a gente instalou só que com elementor a gente consegue modificar tudo e deixar de acordo com a nossa paleta então para fazer essa configuração você vai vir aqui em modelos modelos salvos vai clicar aqui em todos aí aqui vai ter o kit padrão kit padrão são justamente as configurações do tema e a gente vai editá-las você vai clicar aqui em editar com elementor pode clicar aqui em continuar E aí aqui ó você vai clicar aqui em cima em cores
globais primeiro a gente vai definir as cores que as cores globais do tema que vem no elementor São essas daqui tá vendo Então por exemplo nas coisas primárias que são títulos links eles vão colocar esse azul e aí no subtítulo no texto no link coloca esses outros aí a gente já vai definir as cores aqui a cor dos títulos eu vou usar essa cor 171717 que é uma cor cinza quase Preto as outras aqui do subtítulo e do texto eu vou deixar essas que já estão mesmo que são cores boas para isso E aqui onde
que é o link a cor de link eu vou pegar o código dessa cor eu vou colocar aqui que é essa cor rosinha e também vou adicionar mais cores que eu queira usar vou clicar aqui em adicionar cor vou pegar o código da cor rosa que eu tenho que é um rosa mais escuro e vou deixar aqui também vou deixar a cor branca já ó vou adicionar a cor e deixar a cor branca Pronto já aqui determinada tá e vou clicar em atualizar E aí pessoal você pode colocar aqui as cores que você quiser tá
que você determinar se tiver alguma cor que nem eu eu tenho aqui né as cores principais do título e dos links Eu já coloquei aqui de texto eu já deixei padrão e cores que eu quero usar em coisas pontuais no site como Rosa né Se tiver outras cores também você pode colocar em cores personalizadas aqui né E sempre clicando aqui embaixo para atualizar agora a gente clica aqui nessa setinha para voltar e vamos configurar as nossas Fontes também tá vendo ele já fica mostrando aqui embaixo pra gente ver aí eu vou mudar somente aqui a
família da fonte que tá essa fonte chamada da Roboto eu vou usar a fonte just que é uma fonte muito boa pra gente usar em loja né então vou colocar aqui just em todas eu vou mudar somente a fonte o tamanho eu vou deixar tá e pronto e vou clicar em atualizar Prontinho e agora eu já posso voltar aqui pro painel administrativo que agora nós vamos começar a construir o nosso menu e o nosso rodapé eu coloquei aqui menu mas na verdade se chama cabeçalho porque menu mesmo a gente já criou né menu são esses
links aqui ó que no nosso caso ainda tá assim né Essa lista de ícones o que a gente vai criar agora se chama cabeçalho que é toda essa estrutura aqui onde a gente coloca o menu a logo e tudo mais né então para criar aqui o layout aqui deste calho do jeito que a gente quiser a gente precisa de mais um plugin adicional porque o Elementor na versão free dele ele não permite que a gente consiga costomizar isso do jeito que a gente quiser só na versão Pro e eu não vou comprar a versão Pro
a gente vai usar os recursos do grátis né só plugins grátis E aí para isso a gente vai vir aqui em plugins Adicionar novo a você vai pesquisar por este nome aqui ó elementor header e footer digitar só elementor header ele já aparece ó põe aqui na a lupinha É este aqui ó elementor header footer builder aí você vai clicar em instalar e depois em ativar pronto aí pra gente começar a criar o cabeçalho a gente vai vir aqui passar o mouse em cima de aparência aí vai ter aqui tá vendo elementor header fter builder
Você vai clicar em cima vai clicar em adicionar o novo vai clicar em Skin aqui que é pular aí a gente vai dar um nome aqui colocar cabeçalho pode ser cabeçalho pode ser menu colocar cabeçalho aí aqui a gente vai determinar né qual que vai ser o tipo desse modelo que a gente vai criar vou escolher aqui cabeçalho e aqui a gente determina aonde que ele vai aparecer eu quero que apareça no site todo que é esse aqui ó enter site a gente vai selecionar o restante pode deixar igual e vamos clicar em publicar Pronto
agora a gente pode clicar aqui em tá com elementor para fazer esse Carrossel Zinho aqui em cima tá vendo que fica trocando algumas informações com Elementor free por si só ele não tem um Carrossel de texto que dê pra gente fazer isso a gente teria que instalar um outro plugin só que ele tem um Carrossel de imagem que é gratuito então o que que eu pensei para não ter que instalar um plugin só para isso para não pesar mais o site desnecessariamente então eu criei umas imagens com esses títulos aqui e a gente vai fazer
o carro só de imagem e eu criei aqui pelo canva que é um site que a gente usa para criar arte que é muito bom e gratuito também então compensa muito você vir aqui e criar tem vários vídeos aqui no canal ensinando a criar eu vou te ensinar a criar os banners que eu vou usar aqui E esse carro sezinho também bem tranquilo você vai vir aqui em criar um novo design tamanho personalizado eu estou usando aqui o tamanho 800 de largura e 40 de altura bem fininho mesmo ó vai ficar assim bem fininho aí
eu vou fcar aqui no fundo vou clicar aqui nesse ícone de corzinha vou clicar aqui e vou colocar a cor de fundo que eu quero que fique que é essa cor Rosinha Pronto agora eu vou vir aqui em texto e vou clicar em subtítulo e já vou adicionar aqui aí já vou fazer assim ó tá vendo deixa ele bem rente à extremidade pega aqui coloca na outra extremidade que é para ficar retinho aqui no centro e deixo aqui ó Centralizado até ficar aqui ó alinhamento no centro tá e o tamanho a gente vai colocar 12,6
12 de tamanho vai 12 de tamanho a linha aqui ó que ele fique no centro tá E aí a gente vai escrever aqui o que que a gente quer que aqui no meu caso aqui são três frases né entregamos para todo o Brasil então a gente vai escrever isso aí a gente vai vai clicar aqui em duplicar vai escrever a outra frase que é frete grátis a partir de R$ 299 e vamos duplicar e escrever a outra que é assim você ganhou 10% off na primeira compra use o cupom bem-vinda pronto escreveu tudo ó cuida
para ver se tá tudo escrito certinho E aí você vai clicar aqui em compartilhar e clicar em baixar e em baixar de novo que aí ele vai baixar as três imagens já de uma vez pronto assim que baixar ela vai baixar pro seu computador uma pasta zipada assim tá vendo você vai clicar com o botão direito extrair tudo e aí você vai conseguir extrair as imagens beleza imagens criadas agora você vai clicar aqui nesse maizinho vai clicar num contêiner Quando eu disser contêiner significa este Campo aqui tá vendo este campo onde a gente coloca as
coisas se chama contêiner tá E aí aqui quando você clica em mais tem vários tipos de contêiner tem um que as coisas ficam uma abaixo da outra uma que as coisas ficam do lado da outra tem um que tem vários contêiners dentro ó eu tenho aqui o contêiner principal então quando eu falar contêiner principal é esse aqui quando eu falar contêiner de dentro é esse aqui tá vendo ó tem o contêiner principal que você coloca as configurações aqui de fundo e tem os de dentro tá vendo ó que aí você consegue clicar neste quadradinho aqui
tá então Preste bastante atenção nisso quando eu tiver eh ensinando alguma coisa se eu estou clicando no contêiner principal que é o de cima ou se eu estou clicando nos contêiners de dentro Ok neste caso aqui a gente vai querer um contêiner só com uma setinha pro lado que são as coisas que ficam em linha ó pronto a gente vai clicar aqui em estilo tipo de fundo tá vendo Esse mundinho aqui esse ícone em qualquer widget você consegue pegar as configurações padrões que são aquelas que a gente configurou no início Então você vai clicar aqui
você já consegue pegar as cores aí você não precisa colocar mas se você quiser colocar alguma cor diferente ó abre essa caixinha de cor aqui tá vendo aí você consegue colocar a cor que você quiser você vai arrastando aqui ó se você quiser deixar transparente aqui essa Barrinha de baixo é a intensidade da cor então se você quiser deixar transparente ó é só arrastar essa Barrinha ok a gente já configurou as cores então vou clicar e vou pegar esse rosa que a gente colocou tá pronto Agora vamos vir aqui no na biblioteca ó é aqui
nesses quadradinhos aqui de cima tá vendo que fica a biblioteca de widget aqui tem tudo que você vai usar então título imagem tudo ó só você arrastar e colocar aqui dentro do contêiner tá vendo para você usar a gente a gente vai usar um que chama Carrossel ó Carrossel de imagens vou arrastar para cá pronto vou clicar aqui vou clicar em enviar arquivos e aí eu vou vir aqui nessas imagens que eu fiz no canva arrastar elas para cá vou clicar aqui em criar uma nova galeria aqui embaixo tá vendo e depois inserir galeria Pronto
já estão aqui agora eu vou clicar aqui em resolução da imagem vou deixar completo para pegar o tamanho tdo e aqui em slides para mostrar eu vou deixar um para aparecer uma foto aqui de cada vez tá aqui em navegação eu vou deixar nenhum na verdade aqui na resolução da imagem eu vou colocar personalizado e vou colocar aqui 500 por 40 acho que foi essa a configuração que eu tinha feito vamos ver ó presta atenção você não tá cortando nada tá quando você fizer isso às vezes a frase que você fez muito grande aí compensa
mais você você usar o tamanho completo Ó não tá cortando nenhuma das frases pronto aí vou vir aqui em informações adicionais reprodução automático vamos deixar assim que aí ele fica passando sozinho parar o passar o mouse sim e aqui ó em efeito que tá slide ou deslizar eu vou mudar e vou deixar esmaecer que aí ele vai só trocar assim como se fosse piscar Olha tá vendo assim fica mais legal E aí aqui é a velocidade da reprodução como tá muito devagar eu vou diminuir para 1000 para ele ficar bem mais rápido tá vendo aí
agora ele passa bem mais rápido vamos clicar em atualizar Vamos ir aqui no contêiner principal Vamos ir aqui em avançado e configurar o preenchimento ou padding se o seu estiver escrito em inglês padding é o espaço de dentro das coisas tá vou deixar zero aqui de espaçamento para ele pegar só o espaço da própria imagem aqui mesmo eu vou clicar em atualizar sempre clique em atualizar porque se acontecer alguma coisa seu computador desligar faltar a luz Você não perde o que você fez tá então o hábito que você tem que ter terminou de fazer uma
configuração atualiza tá para não perder nada agora vamos para essa parte aqui né a gente vai pegar um contêiner com uma setinha pro lado vamos vir aqui na biblioteca arrastar um widget de imagem para cá vir aqui em resolução deixar completo vamos arrastar a imagem da Nossa logo para cá tem vídeo aqui no canal tetinha ensinando a fazer logo tá ensinei fazer no Photoshop tem logo no ca também se você quiser tá tem um vídeo mais específico sobre isso aqui e eu também vou deixar o material dessa aula Se você tiver querendo fazer igualzinho tá
então você vai arrastar sua logo aqui para cá selecionar ela aqui em link é onde a gente coloca um link pra pessoa poder clicar e ir para onde que a gente colocou aqui então eu quero que quando a pessoa Clique na logo aqui do menu ela volte pra página inicial do site então eu vou copiar aqui o link do meu site ó e vou colar aqui só tirar essa barra vendo que aí na hora que a pessoa clicar ela vai ser redirecionado ada pra página inicial pronto essa daqui é uma busquinha Ajax Ajax significa que
carrega automaticamente na hora tá E aí quando você começa a pesquisar alguma coisa ó já aparece os produtos aqui pra gente então facilita muito pro usuário para achar as coisas e fica bonitinho também né que aí já vai aparecendo aqui ó para ele e o elementor também não tem essa função a gente tem que instalar um plugin esse aqui realmente a gente vai ter que instalar então Ó você vai acessar aqui o seu site abre outra tela tá Deixa aquela Deixa essa aqui aberta abre outra tela e vem aqui na página inicial do WordPress vai
vir em plugins adicionar plugin e vai digitar aqui ó fibo se Ajax é esse aqui ó você vai instalar e ativar esse plugin ele faz só isso essa busquinha vai clicar aqui em alo e continue Pronto ele vai te trazer para cá Você vai clicar aqui para ele abrir as configurações avançadas tá E aqui em barra de pesquisa é onde que a gente configura as configurações aqui padrões dele tá vendo Então aqui a cor do ícone se você quer que a cor fique diferente desse íconezinho que aparece eu vou modificar Vou deixar um cinza mais
claro ó um pouquinho mais claro e aqui embaixo ó aqui você define o estilo pixel é esse daqui que já está aí tem o Solares que é esse daqui que é diferente eu vou deixar o Pixel que vai combinar mais aqui com o nosso layout tá ó aqui nessa borda de baixo ó é a borda aqui dele então a gente vai deixar um cinza mais claro também para combinar com o layout tá aí a gente vai clicar aqui em salvar aqui são as configurações do autocompletar que são esses textos que aparecem quando a gente a
gente digita aqui né esse é o autoc completar aí aqui você consegue configurar né o texto que aparece quando a pessoa escreve um produto que não tem né ele já vem traduzido pro português se o seu tiver se o seu WordPress tiver em português se não se tiver aparecendo em inglês aqui você vai traduzindo escrevendo em português que nem aqui é nenhum resultado aqui é ver todos os produtos tá aqui se você quiser que mostre o preço eu não gosto então vou deixar aqui sem aqui se você quiser que mostre a descrição também acho que
fica muito poluído e aqui é sku também fica muito poluído Então deixa só mesmo mostrar a imagem do produto e o título assim tá aqui o limite de quantidade de produtos você quer que apareça por aqui vou deixar mesmo set que o sugerido tá aí você configura o que você quiser clica em salvar e aqui nessa parte aqui que eu esqueci de mostrar da Barrinha aqui tem a quantidade mínima de caracteres a quantidade de letras que a pessoa vai digitar então por exemplo se eu colocar só BL aqui que não aparece nada eu preciso colocar
pelo menos três para poder começar a aparecer alguma coisa entendeu aí aqui você coloca a quantidade de caré que você quiser largura eu vou deixar 600 mesmo e depois só clicar em salvar alterações tá aqui em configurações eu deixar ativo isso aqui para ele pesquisar na descrição E na descrição curta porque às vezes não tá a informação não tá no título por exemplo vestido Sara mas aí a pessoa vai lá na busca pesquisa vestido longo e aí aparece o longo lá porque ele pesquisou na descrição também que lá na descrição do produto é escrito Esse
vestido é longo blá blá blá entendeu então é mais ou menos isso aí você vai ativar Isso aqui vai clicar em salvar alterações pronto aí volta para cá ó Star aí você vai copiar este código aqui ó com as duas chavinhas também só você copiar vamos voltar aqui vamos ir na biblioteca pegar o ID chamado short code que é código curto que é justamente isso que a gente tem tá vendo a gente coloca esse código curto aqui para ele chamar alguma coisa no nosso caso aqui é para ele chamar a nossa barrinha de pesquisa tá
aí assim ele fica feio aqui desconfigurado no editor do elementor mas se você acessar o site ó tá vendo ele fica bonitinho aqui no site então você tem sempre que conferir aqui no site tá beleza aí agora a gente precisa fazer essa partes aqui ó esses dois a gente vai vir aqui na biblioteca vai pegar o widget lista de Icone arrastar aqui colocar para cá Aí você vai excluir deixar só um aí nesse primeiro a gente vai digitar isso né que é login barra cadastre-se pessoa conseguiu logar ou se cadastrar aí aqui ó vendo tá
fechado aí você abre aqui texto que a gente coloca o textinho ó vendo e aqui embaixo é o link link aqui nesse caso vai ser o link da página de minha conta que é lá onde a pessoa vai conseguir logar se cadastrar como as páginas já existem se você colocar aqui ó minha conta escrever né já aparece aqui para você puxar o link tá vendo pronto aí o iconz a gente troca por aqui esse Iconezinho aqui que eu usei ele é o ícone mais bonitinho aqui no próprio elementor Ó tem vários ícones aqui ó você
for digitando os termos em inglês aqui você vai achando né só que aí eu quero um que esse cadeadinho bonitinho não tem aí eu vou upar um bonitinho aqui quando você vai upar ícones né quando você vai usar ícones personalizados tem que estar na extensão svg o tipo do ícone então quando você for procurar na internet aí algum ícone que você queira usar tem que tá escrito svg tá os ícones que eu estou usando na loja eu vou deixar todos aqui para vocês baixarem então você não precisa pesquisar na internet internet mas se você quiser
outro tipo né se você não tiver gostado dos que eu coloquei aqui e quiser usar outros tem vídeo no canal assim como baixar icones svg grátis tá porque tem sites que são pagos tem sites que são grátis então tem esse vídeo tinha ensinando também tá quiser usar os que eu tô usando aqui também que são bem bonitinhos é só ir na descrição do vídeo aqui eh material de apoio Você vai clicar em enviar ícone svg vai aparecer essa esse popup apenas na primeira vez depois não aparece mais você vai clicar em ativar aí você vai
ah arrar os ícones para cá já vou arrastar os ícones que eu vou usar para cá é esse aqui que eu vou usar que é o do Cadeado pronto e agora eu vou clicar com o botão direito ó Sempre que você quiser duplicar ou excluir alguma coisa você pode clicar com o botão direito que vai aparecer algumas configurações tá para duplicar Clica com o botão direito e clica em duplicar aí ele faz uma cópia pronto aí nesse aqui eu vou escrever isso aqui ó que é meus pedidos que é para pessoal acessar lá já a
abinha de meus pedidos né e o ícone vou mudar né vou colocar esse aqui de user pronto vou clicar em atualizar se por acaso Ó você tiver clicado aqui você eu P vários ícones de uma vez não tiver aparecendo todos você vai salvar né atualizar recarregar a página que aí quando você for tentar novamente vai estar todos aqui OK às vezes acontece uns bugzin mesmo não se desespera é só você recarregar a página que volta a funcionar Tá beleza agora a gente vai precisar instalar outro plugin pra gente criar essa parte aqui do carrinho e
Este plugin que a gente vai usar ele não vai servir só pro carrinho ele vai servir pro restante do site inteiro que ele é um plugin que a gente usa para configurar a parte da loja no elementor Free né ele chama Shop and jine Então a gente vai usar ele não só aqui no no menu mas no site inteiro Tá então vamos voltar pro painel administrativo aqui do do WordPress plugins adicionar plugin ele se chama sho Engine preste atenção O plugin Ele não parou de funcionar ele tá funcionando ele tá aqui você tá vendo eu
usar ele o que acontece é que às vezes vocês não prestam atenção no que eu estou digitando aqui digita errado tá vendo que já está junto então tem muita gente que pesquisa separado que pesquisa com a letra maiúscula letra minúscula e não consegue achar tem que ser exatamente jeito tá escrito aqui tá vendo ó Shop andine então preste atenção escreva direitinho igual Tô ensinando aqui que você vai encontrar tá e se não encontrar também não se desespere vai no Google e joga plugin shoping você vai achar lá também tá ou joga no canal plugin não
aparece tudo que você precisar está no canal se você pesquisar você vai encontrar tá clica aqui em instalar e depois em ativar outra coisa se alguma coisa não está funcionando como deveria Provavelmente você pulou alguma coisa no vídeo volta com paciência assiste de novo provavelmente é só porque você não clicou em alguma coisa que tinha que clicar não instalou alguma coisa que tinha que instalar que não está funcionando então Preste atenção nos passos que eu estou te orientando não pulle as coisas principalmente se for a primeira vez que você estiver fazendo isso são muitas configuraçõe
zinhas que você tem que fazer aqui então preste atenção Ok beleza fizemos aqui a instalação agora a gente vai recarregar a página para começar a aparecer né as coisas do novo plugin Vamos ir aqui na biblioteca a gente vai arrastar a tela aqui para baixo ó tá vendo aqui uma coisa que você pode fazer ó aqui é layout que são os contêiners aqui são os widgets básicos né ttulo texto e tudo aqui são os do elementor pro que a gente não tem acesso tá vendo tem um cadeadinho então a gente pode até fechar essa abinha
para não ficar nos atrapalhando aqui são os Gerais né outros tipos de widgets a gente pode fechar também E aí aqui ó são os do elementor Head footer que são do menu né as configurações do menu a gente pode fechar aqui por enquanto e Aqui é do Shop enj então você pode ir fazendo isso tá vendo fechando as abas para ficar mais fácil de você achar as coisas tá E aí o que a gente vai usar agora vai ser o widget do carrinho deixa eu ver ele não está aparecendo aqui vendo widget do carrinho ele
não tá aparecendo porque a gente ainda não ativou a esses widgets para aparecer Então você vai vir aqui na plugins plugins instalados aqui na onde tem Shop Engine Você vai clicar em settings né que são configurações vai deixar aqui ativo Advanced E aí você vai clicar em next next, next, next, next e salvar agora você vai clicar aqui ó em widgets vai clicar aqui ó enable All widgets que é Ativar todos os widgets clicou salvou Pronto pode fechar essa aba e vamos voltar aqui e atualizar vamos ver se vai começar a aparecer olha na verdade
eu me confundi e não é aqui no shop andine que ele vai ficar n bem aqui ó Elementor Header e Footer tá eí aqui ó cart Tá vendo você pode também pesquisar aqui na lupinha por cart que é carrinho né aqui ó tô vendo este aí você vai arrastar ele para cá se você não conseguir fazer isso tá arrastar exatamente pro lugar que você quer que fique você pode fazer assim ó que às vezes isso vai acontecer mesmo você vem pega arrasta aqui para qualquer lugar Clica com o botão direito copia Aí você vem aqui
na última coisa que tem que ficar isso que você quer colocar tem que ficar depois dele você clica com o botão direito em cima do lapizinho e clica em colar que aí ele vai ficar exatamente depois tá E aí esse aqui você pode vir e Excluir pronto aí agora a gente vai estilizar né Primeiro vamos configurar aqui a posição a gente vai vir aqui aqui na imagem a gente vai vir em avançado E aqui onde que tem largura a gente vai clicar vai colocar em personalizado ó tem que estar em porcentagem aqui tá vendo aí
você vai colocar 15% aqui na lupinha Você vai vir em avançado largura personalizado e vamos deixar aqui em 35% nesses a gente vai vir também avançado personalizado vamos deixar 15% neste aqui também vamos deixar 15% e neste aqui vamos deixar 3% avançado personalizado 3% aí neste aqui perceba que ele tá ficando um pouco pro lado a gente vai vir n conteúdo nele vamos deixar Centralizado Vamos ir aqui nestes Vamos ir em estilo ícone aqui a cor do ícone vamos deixar esse rosa e tamanho vamos deixar tamanho 20 tamanho do ícone tá vendo a gente pode
clicar em com o botão direito copiar clicar com o botão direito colar o estilo quando a gente tem coisas que são o mesmo o wiet o mesmo item a gente consegue copiar e compartilhar os estilos entre eles a gente não precisa fazer duas vezes tá vendo Então é sempre só clicar com botão direito copiar clicar com botão direito colar o estilo que aí você vai fazer o outro esse aqui a gente vai clicar nele aqui você consegue escolher se você quer padrão Ou se você quer customizar tá vendo se você quiser customizar aí você consegue
ó customizar Se você quer a a sacola Light que é mais fina se você quer ela média se você quer ela sólida aqui se você quer que apareça o total do preço ou não se você quer que apareça a bolinha ali com a quantidade de produtos ou não eu vou deixar padrão que é para aparecer só a sacolinha tá vou clicar aqui em estilo na cor do texto que é a cor de dentro eu vou selecionar esse Rosa a cor da borda eu vou selecionar um cinza e aqui na largura da borda eu vou colocar
dois só que eu vou vir nesse cinza e vou diminuir a opacidade dele vou selecionar esse cinza primário e vou diminuir a opacidade dele para ficar mais Sutil assim beleza aqui se você quiser aumentar ou diminuir tá o tamanho dessa colinha vou deixar tamanho 15 aí eu vou vir no coner principal e vou alinhar os itens que tá vendo que eles estão ficando um para cima outro para baixo a gente consegue fazer isso aqui ó em justificar conteúdo aí eu vou deixar eles aqui ó alinhados ao centro ó todos alinhados ao centro e vou selecionar
essa opção aqui ó espaço entre que aí eles vão se espalhar aqui no menu vão ficar todos com espaço eu vou clicar aqui nessa imagem vou vir em estilo largura máxima vou deixar ela 80% mais ou menos para não ficar tão grande e alinhada aqui à esquerda eu vou clicar em atualizar pronto vai ficar assim o nosso menu Agora vamos pra parte de baixo que é essa parte aqui onde a gente pega aqui os links mesmo do menu vamos clicar aqui pegar um contêiner com a setinha para baixo vira em avançado Vamos colocar aqui 10
de padding né que é o espaço de dentro vir aqui na biblioteca vamos vir aqui e pegar o Ed de menu que é esse aqui ó naveg menu para cá você pode pesquisar aqui também tá ó menu é esse aqui ó navegate menu pronto aí vamos clicar aqui a gente vai escolher o menu principal aqui em layout a gente vai deixar ele alinhado ao centro horizontal aqui vamos ir estilo aqui na cor do texto vamos deixar com esse cinza e na grafia vamos deixar J de tamanho 15 peso 500 e transformação maiúsculo ó vai ficar
assim aqui é o espaço vertical né o padding vertical a gente vai diminuir ó para ficar mais fininho aqui no Rover o Rover é a ação de passar o mouse tá vendo aí eu quero que o backg que seja o fundo fique com essa cor preta e a cor do texto fique branco Ó então quando a gente passar o mouse vai ficar assim no ativo que é quando ó tá vendo ó tá ativo que significa que eu estou nessa Pina no início no ativo eu vou deixar o background que é o fundo preto e a
cor rosa e normal vai ficar assim aí vai ficar assim vou clicar em atualizar E se a gente acessar aqui a nossa página principal ó nosso menu ele já vai estar funcionando ve que a gente acessa aqui outras páginas ele vai estar funcionando em todo o nosso site Olha agora a gente vai configurar a parte do mobile do nosso menu mobile é a adaptação que a gente faz para dispositivos móveis como celular e tablet quando você clica aqui ó aqui embaixo no menuzinho tem esse aqui ó modo responsivel tá vendo esse aqui é o desktop
que é a versão de computador que a gente tá a versão de tablet e a versão de celular você tem sempre que configurar as coisas para essas duas versões tá porque senão Ó aqui tá bonitinho tá vendo ó mas no celular sea pessoa acessar vai tá assim tudo bagunçado porque a gente precisa ajustar ó n tablet até que dá para passar né tablet Tá bonitinho também mas aí no celular a gente precisa ajustar Ok Então como que a gente vai ajustar isso primeiro neste contêiner aqui a gente vai vir nele vai vir em avançado Vamos
colocar cinco de padding vamos vir aqui nem layout deixar alinhado ao centro clicar em atualizar a gente vai ignorar essas duas partes aqui porque elas não vão existir no celular a gente vai criar uma outra para existir só no celular ok vai clicar aqui no maizinho vai clicar nesse aqui ó ó a setinha pro lado aí você vai clicar aqui ó por exemplo Clica com o botão direito copia clica e cola tá aí esse aqui você pode vir aqui em avançado vir aqui em personalizado né largura colocar personalizado mudar aqui para porcentagem e aqui a
gente vai deixar 60% aí no menu a gente vai clicar em cima dele clicar em copiar clicar em cima da logo clicar em colar e aqui no carrinho também ó clicar em cima dele copiar clicar em cima da logo clicar em colar aí aqui no menu a gente vai vir em avançado largura também vamos deixar personalizado vamos deixar em porcentagem Vamos colocar 15% Opa eu não peguei não foi o carrinho não tá vendo tinha pegado era esse daqui então vou excluir é o carrinho que eu quero vou clicar copiar clicar aqui e clicar em colar
beleza aí eu vou vir no carrinho virem avançado largura personalizado porcentagem e vou deixar 10% nesse aqui vou vir aqui na logo vir em estilo vou dar uma diminuida vai ficar assim aí vou vir aqui no menu vou fazer as configurações dele então vou vir aqui vou vir em layout aí aqui ó quando a gente clica nele tá vendo ele tá abrindo assim só que aí eu quero que ele abra de outra forma eu vou vir aqui em layout e vou deixar flyout que é para que quando a gente clique ele abra um popup Zinho
tá vendo aí agora a gente vai configurar a as cores porque tá vendo que eu passo o mouse e fica branco então a gente vai configurar isso agora a gente vai vir aqui em estilo aí aqui normal ele já tá cinza né Hover que a ação de passar o mouse eu vou colocar rosa que aí vai ficar assim e no ativo eu vou deixar também Rosa ele já até tava né no ativo assim e aí ó para você conseguir ver como realmente fica no celular você fecha a abinha tá vendo ó aí você consegue visualizar
vou vir aqui no no contêiner principal alinhar todos ao centro aí para realinhar isso daqui porque perceba que a gente tentou alinhar e ele só foi pro centro né ó só foi pro centro então o que que a gente vai fazer a gente vai mudar a direção aqui ó vamos colocar para baixo e depois pro lado que aí ele reajustou tá vendo É agora eu consigo ó Aqui tá alinhado pro centro tem que tá ativo e aqui ó alinhamento dos itens todos ficarem aqui na na mesma direção pronto beleza aí agora eu preciso deixar esse
daqui aparecendo só no celular e esses dali aparecendo só no computador eu vou fazer vou clicar aqui neste contêiner principal vou vir em avançado vou vir aqui em responsivo e vou colocar aqui ó ocultar para dispositivos móveis que é celular né esse aqui de cima também ó avançado responsivo ocultar para dispositivos móveis ó se eu fecho a Abinha aqui tá vendo ele já não aparece mais aparece só quando o editor está ativo e ele fica cinza assim mostrando que ele está oculto tá isso é normal ele tem que aparecer mesmo para você saber que ele
tá aqui se você quiser editar novamente então ó tá vendo se você errou né deixou oculto também no desktop não tá aparecendo n nada mais você clica aqui em cima e volta lá avançado responsivel tem que tá cinza assim tá vendo para aparecer no desktop e no tablet ó se eu coloco no tablet ele aparece tá vendo aqui a gente vai configurar aqui só espaçamento depois aqui no meu tablet tá ok E aí ó aqui no celular tá faltando uma outra coisinha pra gente fazer também agora a gente tem que deixar esse aqui visível somente
no celular porque até então se a gente acessar ó seente acessado aparecer os dois então a gente tem que fazer a mesma coisa só que o contrário clica aqui vem avançado responsivo ocultar pra desktop e pra tablet então ele não vai aparecer nem no tablet e nem no computador ó ele vai aparecer só cinza aqui embaixo mas aí se a gente fechar ele não aparece mais a gente pôr no Tablet também ele não aparece mais aqui embaixo só aquele lá que a gente já tinha configurado outra coisa que a gente precisa fazer também pro celular
é isso aqui ó vamos ir aqui dentro do nosso painel administrativo do WordPress Vamos ir em aparência menus porque aqui quando a gente tá aqui no computador ele tem essas opções aqui né de login cadastra meus pedidos carrinho e como a gente fez uma versão reduzida aqui no celular ele não tem mais essa opção aqui né no menu essas opções aqui então a gente vai criar um menu exclusivo só pra gente usar no celular aí é só a gente trocar lá aqui na aba de menu a gente criou esse que chama menu principal né a
gente vai clicar aqui em cima em criar um novo menu aí a gente vai vai dar um nome para ele de menu mobile e vai clicar em criar menu a a gente vai colocar as mesmas coisas que tem neste outro ó início todos os produtos Então a gente vai vir aqui em ver tudos vamos pegar a página de início a página de contato a página de loja vamos clicar em adicionar ao menu a página de contato a gente pode tá aqui pro final a de loja a gente vai mudar para todos os produtos né aí
agora a gente vai adicionar algumas categorias que são outono inverno vestido blusas e jeans então a gente clica aqui em categorias de produto vestidos outono inverno jeans e blusas vamos selecionar aí a gente coloca né Na onde que a gente quer outono inverno vestidos blusas aí peguei a categoria errada e blusas blusas edinas e vou consertar o blusas que tá com B minúsculo E tem também o novidades que é um link personalizado né a gente vai vir em links personalizados vou escrever novidades e aqui eu vou colocar só uma hashtag porque eu vou linkar depois
vou clicar em adicionar ao menu e vou arrastar aqui ficou assim vou clicar em salvar e vou adicionar aqui agora as páginas que estão faltando né que é a página de minha conta então vou vir aqui em ver tudo vou pegar aqui página de minha conta vou adicionar aí eu vou mudar aqui vou colocar login colocar igual tá aqui ó login Barra cadastre-se e também aqui na aba de meus pedidos vou clicar aqui ó em login cadastres que ele vai me levar pra aba de minha conta tá vendo aí eu vou clicar aqui em pedidos
ó ele vai ter gerado esse link eu vou copiar vou voltar vou vir em links personalizados Vou pôr aqui meus pedidos e aqui em link eu vou colar esse link que eu copiei vou clicar em adicionar e agora vou clicar em salvar dessa forma a gente não precisa dos izin lá porque vai ter na aba de menu né aí pronto a gente fecha a gente vem aqui recarrega o editor do elementor clica e aqui no menu a gente Oler agora menu mobile vai ficar tudo igualzinho só na hora de clicar aqui que aí vai aparecer
mais opções tá vendo vai ter login cadastres e meus pedidos Prontinho se por acaso você tiver saído desse editou aqui não tiver conseguindo editar novamente é só você vir aqui no seu site passar o mouse em cima de elementor aí vai ter aqui ó menu ou então vai ter cabeçalho né que nem a gente a gente colocou aqui nesse site foi cabeçalho ó aí você vai passar o mouse vai ter aqui cabeçalho você precisa estar numa página né Por exemplo ó página de início é só você clicar aqui no início ou então acessar o seu
site aqui normal você vai passar o mouse em cima de Elementor vai ter cabeçal aí você clica que aí ele já abre aqui o editor do elementor E você continua Ok beleza agora vamos ajustar aqui o o tablet né aí aqui pro tablet a gente precisa só configur um pouquinho mais de espaçamento então aqui ó neste a gente vai vir aqui em avançado vai vir em personalizado Vamos colocar largura né Vamos colocar personalizado Vamos mudar para porcentagem e Vamos aumentar um pouquinho aqui a porcentagem de tamanho dele né Vamos deixar aqui 22 esse daqui também
vamos ir vamos vir em avançado largura personalizado vamos deixar porcentagem Vamos aumentar aqui a porcentagem até que ele não quebre mais a linha aí a gente pode vir aqui e diminuir a dessa pesquisa né vamos ver aqui nela avançado personalizado porcentagem Vamos diminuir um pouquinho pronto que aí fica tudo certinho Vamos ir aqui dentro do contêiner avançado Vamos colocar uns 10 de padding para não ficarem tão grudados aqui na extremidade a gente pode diminuir ainda pouquinho mais né vamos ver aqui no card vir em avançado largura personalizado deixar em porcentagem e aumentar um pouquinho a
porcentagem deste e a gente vem aqui na logo avançado personalizado vamos deixar porcentagem e diminuir a porcentagem dela e a gente vem n estilo aumenta um pouquinho o tamanho dela para não ficar tão pequena e pronto o menu vai est tá ajustado né você vai ajustando aí Conforme você está vendo aí aqui o menu como ele é um menu que não é muito grande a gente vai clicar nele vai clicar aqui em Break points né E vamos deixar aqui mobile ó ele vai ficar assim e o menu ele vai ficar todo bonitinho aqui no Tablet
também aí vamos clicar em atualizar aí se você tiver feito pessoal só essas configurações Igual eu falei ajusta o espaçamento ajusta o tamanho aqui tudo que você tiver feito no mobile fica só no mobile no tablet fica só no tablet e no desktop que é o computador né fica só no computador então você pode alterar aqui ó que você vai ver que as configurações de cada um vão se manter tá agora se você tiver excluído arrastada adicionado coisa aí bagunça tudo mesmo você tem que fazer exatamente do jeito que eu estou te ensinando tá beleza
atualizou nosso menu aqui ele já está Prontinho agora a gente vai configurar o nosso rodapé o rodap pé pessoal é essa parte aqui de baixo do site ó a gente sempre tem que colocar informações aqui na parte de baixo do site que é o rodapé e na parte de cima porque se a pessoa rolar a tela para baixo e ela precisar ir para outra parte do site já tá aqui se ela tiver mais em cima as informações do menu estão aqui para ela né então a gente tem sempre que facilitar pro usuário Para ele achar
o que ele precisa dentro do site porque se a gente dificultar ele vai embora então a gente tem sempre que deixar o mais fácil e didático e nítido possível OK pra gente poder fazer o nosso rodapé a gente vai acessar né o painel administrativo aqui do WordPress vai vir aqui em aparência elementor header fter builder vai clicar aqui em Adicionar novo vai dar o nome aqui eu vou colocar rodapé nome do modelo vou escolher a opção de rodapé e vou escolher aqui entry site que é para aparecer em Tod Tod o site vou clicar em
publicar e vou clicar em editar com elementor já vou deixar uma página aqui aberta ó pra gente poder ver até agora tá assim a gente rola a tela e não tem nada só tem o menu aqui ó vou deixar essa aba aqui aberta também pra gente ir copiando a gente vai precisar de quatro contêiners aqui né então a gente vai clicar no maizinho e vai pegar este aqui que tem quatro contêiners vamos clicar vamos vir aqui em avançado no preenchimento ou padding de dentro a gente vai colocar 50 né então fez um espaço aqui dentro
vamos vir em estilo tipo de plano de fundo ou tiver escrito em inglês no seu background clica aqui no mundinho clica no Rosa atualiza agora eu vou vir aqui na biblioteca arrastar um widget de título para cá ó aí eu vou colocar essas informações aqui vou clicar com o botão direito duplicar arrastar esse titro para cá clicar botão direito duplicar arrastar para cá clicar com botão direito e duplicar e arrastar para cá aí eu vou substituindo né por esses outros títulos aqui que eu escolhi que é o de minha conta Fale Conosco e nossas redes
Então é só você copiar e colar aqui ou então escreve ali naquela caixinha né aqui nessa caixinha aqui você pode escrever também agora eu vou clicar nesse aqui vou vir em estilo tipografia vou diminuir o tamanho dele vou deixar tamanho 20 peso 500 aí vou clicar com o botão direito copiar e clicar com botão direito e colar estilo em todos os outros Pronto agora vou vir aqui vou pegar um widget de lista de ícones arrastar Aqui para baixo Excluir todos no primeiro eu vou excluir também o ícone E aí vou fazer como se fosse um
menuzinho aqui também né com algumas páginas importantes ó a página quem somos aí para colocar o link da página quem somos a gente puxa por aqui né acho que a gente escreveu foi sobre nós o título dela ó só começar a escrever que puxa aqui aí vamos duplicar políticas de privacidade aí a gente substitui aqui né o link a gente já tem a página de políticas vamos duplicar aí esse políticas de devolução e troca eu vou deixar essa daqui também e tem esse outro aqui que é o entregas e prazos que a gente ainda vai
criar por enquanto eu vou deixar esse link aqui mas depois a gente muda depois a gente volta conferindo aqui os links no final tá aí agora os da página de minha conta já tá no tamanho adequado aqui então a gente vai só clicar com botão direito duplicar arrastar Aqui para baixo e aí a gente vai excluindo aqui e substituindo né Aí você faz a mesma coisa opa copiei errado é faça log mesmo cola aqui e aí aqui você vem e cola o link para onde que tem que ser então aqui é na página de minha
conta né que a pessoa vai conseguir fazer o login esse segundo aqui meus dados também é na página de minha conta esse aqui é na página de minha conta e ele é assim ó detalhes da conta aí a gente copia colo aqui agora orora meus pedidos também a mesma coisa a gente tá aqui na página de minha conta clica aqui em pedidos aí já vai pra aba de pedidos a gente Copiou o link e vai substituindo e por último rastrear pedido rastrear pedido a gente vai colocar o link depois pronto ficou assim aí agora na
aba de Fale Conosco né vamos duplicar também arrastar para cá excluir tudo neste primeiro aqui eu vou colocar entra em contato e vou pôr a página de contato que a gente criou né já tá aqui duplicar aí agora pode tirar o link porque a gente vai colocar agora algumas informações né então aqui por exemplo eu coloquei o número de telefone aí esse daqui é para ser WhatsApp aí você pode gerar um link de WhatsApp geralmente você pode pode fazer assim ó ua.me bar 55 né que é o código do Brasil DDD e depois o número
e aí já fica o linkzinho pro WhatsApp ou então você pode entrar em algum site na internet que gere e código de WhatsApp tá para p o ícone você clica aqui aí o o ícone do WhatsApp já tem aqui no WordPress né no Elementor era só selecionar aí para telefone você clica clica aqui pega o ícone de fone aqui aí a gente pode também colocar o e-mail tem vídeo aqui no canal ensinando a criar e-mail profissional com seu domínio tá então vou deixar aqui também para você ir lá aprender se você quiser Aí você coloca
o seu e-mail muda o ícone o ícone de e-mail é envelope você muda para cá ficou assim aí esses daqui precisa linkar Só se você quiser só esse do WhatsApp aqui por exemplo que a pessoa clica para falar com você né e agora nossas redes aqui para nossas redes a gente vem na biblioteca pega o Idiot de redes sociais você escreve sociais aqui já aparece ó arrasta Aqui para baixo aí você vai colocar os que você quer eu deixei os que geralmente loja tem né Facebook Instagram tiktok e Pinterest então Twitter eu vou substituir aqui
pelo Instagram esse do YouTube Eu vou substituir pelo do Pinterest e vou adicionar um do tiktok T do tiktok como não tem aqui no elementor você vai enviar né o ícone que eu vou deixar aqui para você também se você quiser né Colocar aí o ícone do tiktok você vai pegar inserir pronto aí aqui em forma nós vamos mudar para círculo aqui em estilo n tamanho a gente vai diminuir cor oficial a gente vai mudar para personalizado aqui é a cor primária que é a cor de Fora a gente vai vir aqui no Mundinho e
vai selecionar a cor rosa aqui é a secundária que é a cor de dentro onde que tá de branco vou deixar branco mesmo aqui em ícone é passar o mouse que o que que acontece quando a gente passa o mouse eu vou deixar grow que aí ele cresce ó quando passar o mouse na cor primária eu vou deixar esse Rosa só vou dar uma clad nele só para dar uma clad assim ó fazer um efeitinho pronto vou voltar aqui em conteúdo e deixar ele alinhado à esquerda Prontinho agora vamos para essa parte aqui de baixo
ó onde tem informações importantes também então já vou copiar esse título aqui de forma de pagamento vou vir aqui vou pegar um contêiner que tenha dois aqui e aí eu vou clicar em cima de um e vou duplicar para ele ficar com três vou duplicar um desses títulos arrastar ele para cá eu já vou colocar aqui né formma de pagamento formas de entrega essas forminhas de pagamento eu peguei na internet tá se você quiser outras quiser que tenha PX você pesquisa no cou no Google tem vários lugares que às vezes vai você ir montando e
colocando as formas que você aceita né forma de entrega vou duplicar e colocar aqui a a outra para ser o do site seguro pronto aí vou clicar aqui nesse Primeiro vou vir em estilo deixar aqui alinhada ao centro vou vir aqui na tipografia vou diminuir um pouquinho o tamanho dele para 16 vou clicar com motor direito copiar clicar com motor direito colar o estilo nos outros vou vir aqui na biblioteca né vou pegar o widget de imagem arrastar para cá virk em resolução deixar completo e vou arrastar para cá essas imagens que são as imagens
de forma de pagamento correio e de site seguro vão estar todas para você lá no material Aí deixei essa aqui vou duplicar arrastar Aqui para baixo aí nessa aqui eu vou substituir por essas do correio duplicar arrastar Aqui para baixo e essa daqui eu vou substituir por essa site seguro vou vir nessa das Bandeiras vou vir em estilo largura vou dar uma diminuída vou vir aqui dos Correios também largura vou dar uma diminuída aliás essa daqui eu vou de deixar maiorzin para ficar mais ou menos mesma dimensão das outras essa daqui também vou vir no
estilo vou dar uma diminuída no tamanho aí vou vir aqui no contêiner e vou escolher esta opção aqui todos alinhados ao centro e todos alinhados assim aliás aqui ó é dentro deles clica aqui no contêiner e a gente vai colocar assim ó espaço ao redor aí podemos copiar e colar nos outros clica no contêiner aqui e clica em colar estilo que aí todos ficam alinhados do mesmo jeito e vamos clicar em atualizar agora essa parte aqui de baixo que é uma das mais importantes aqui do site que é onde você vai colocar o seu CNPJ
formações aqui que passem confiança aí da sua empresa se você quiser também deixar seu endereço Pode deixar também tá o endereço aí do seu CNPJ é bem legal que são informações aqui que fazem a pessoa se sentir mais segura de estar comprando de você né então a gente vai pegar um contêiner V ter com a setinha pro lado mesmo vamos vir aqui arrastar o widget de texto para cá e vou colar este texto aqui aí vou vir em estilo centro né vou deixar alinhada ao centro vou deixar essa mesma cor primária vou vir aqui no
contêiner principal vou deixar alinhada ao centro ficou assim aí no contêiner principal também eu vou vir aqui em estilo borda aqui na no tipo da borda eu vou deixar sólido aí aqui ó eu vou desvincular aqui na largura de borda vou clicar aqui para desvincular os valores aí vou colocar uma borda só superior colocar dois aí eu vou pegar essa cor cinza e vou arrastar a Barrinha dela para diminuir bastante a a opacidade ó ficar um cinza bem clarinho aliás Deixa eu ver se eu pulo foi dois Ah foi um só então aqui ó deixa
um só de largura da borda tá pronto ficou assim e ainda aqui no contêiner principal de baixo Vamos ver em avançado colocar 30 de padding nesse aqui também vamos clicar em avançado e colocar 30 de pad pronto atualizou agora vamos ajustar pro mobile vamos clicar aqui clicar no celular que já tá tudo ajustadas fotta a gente diminui um pouco o espaçamento então clica nesse contêiner e ver em avançado vamos deixar 30 de padding esse daqui avançado vamos deixar 20 de padding esse daqui avançado vamos deixar 20 de padding atualizar e já tá certinho aqui também
no tablet a gente vai ajustar também só que aqui vai ser diferente só esses de cim aqui que a gente vai precisar ajustar e a gente vai clicar neles e aí a gente vai mudar aqui para porcentagem E aí a gente vai aumentar aqui para 50 aí vamos fazer a mesma coisa nesse outro ó mudar para porcentagem 50 aqui também para porcentagem 50 também porcentagem 50 aí a gente vai clicar vir aqui na layout e clicar aqui ó em envolver para ele quebrar a linha tá E aí aqui espaçamento ó tá vendo a gente vai
desenc e aqui em linha a gente vai aumentar um pouquinho e aí beleza vai ficar assim vamos clicar em atualizar agora aqui essas imagens a gente pode aumentar um pouquinho o tamanho delas ó vou deixar essa aqui 100% essa do correas vou aumentar um pouquinho e essa do site seguro também eu vou aumentar um pouquinho Prontinho Então tá ajustada aqui já pros dois terminamos aqui a nossa parte do menu e do rodapé Agora vamos começar a criar a nossa página home ó se você acessar aqui o seu site você vai perceber que tem aqui o
menu e o rodapé logo aqui embaixo então assim o que é a página é só esse aqui que tá aqui no meio tá vendo se você clicar em todos os produtos por exemplo você vai ver ó aqui tem mais mais eh espaço né dá para você rolar a tela porque tem mais coisas aqui na página tá vendo Então a página é só esse espaço em branco aqui o lado de cima e de baixo a gente já preencheu com menu e rodapé Então o que a gente vai editar agora é só esse espaço em branco aqui
tá vendo Então vamos lá Vamos acessar aqui o painel administrativo do WordPress Vamos ir em páginas todas as páginas vamos localizar a página início vamos clicar em editar e vamos clicar aqui em cima em editar com elementor pronto para não ficar aparecendo esse título ali a gente vai clicar aqui na engrenagem layout da página Vamos colocar Elementor ou largura total e vamos clicar em atualizar este banner aqui pessoal P eu criei ele no canva tá canva é uma ótima ferramenta pra gente criar Artes e eu vou te ensinar como fazer aqui vou criar o banner
completo não mas vou te ensinar Primeiro as dimensões né um banner assim ó pro computador que fique na tela inteira a gente tem que vir aqui no canva Criar novo design tamanho personalizado e pra tela inteira tem que ser 1920 de largura e de altura 650 aí você vai clicar em Criar novo design quando você coloca essas dimensões o canva já sabe que são dimensões de banners então ele já te dá várias opções aqui de artes tá vendo se você jogar loja de roupa por exemplo loja de roupa loja roupas você vai achar um monte
de banners aqui ó que tem a ver com isso e você pode clicar e pegar um modelinho e editar então tem vários aqui bem legais e outra coisa quando você clica em algum modelo por exemplo ó estee Aqui você clica tá vendo que aparece vários outros mais ou menos com a mesma identidade Então você faz assim ó tem vários bem legais tá vendo aí depois é só você editando que nem por exemplo esse daqui né Você pode editar cor de fundo né clica aqui muda a cor de fundo muda a fonte muda o que tá
escrito aqui nas fotos você é só você arrastar uma foto para cá eu fiz isso também com esse modelinho que eu peguei ali você pode escolher outros aqui também se você quiser eu fui rolando aqui a tela até achei este aqui tá vendo que é o que tá aqui Este é o mesmo modelo que eu tô usando lá Eu só mudei algumas coisas Olha é o mesmo modelo tá vendo Eu só mudei então aqui eu mudei a fonte eu usei a fonte aqui foi a Amsterdam Amsterdam T Se não me engano tá vendo aí aqui
ficou tudo em maiúsculo eu cliquei aqui para ficar em minúsculo né E aí escrevi essa frase você ganhou 10% off e dei uma diminuída também aqui no tamanho né então você vai ajustando aqui também eu mudei mudei a cor aqui embaixo desse desse quadradinho aqui né eu cliquei aqui mudei a cor a cor desse textinho aqui de baixo também então fui ajustando tirei esse título aqui e as fotos para você mudar ó só você arrastar uma foto do seu computador para cá eu já tenho uma foto aqui então vou escolher ela aí você arrasta ó
e direciona para onde que você quer que aí ele já fica tá vendo aí se você achar que cortou alguma coisa você clica dá dois cliques rapidinho aí você consegue mover a foto ó para lá para cá consegue aumentar ó aí você vai ajustando do jeito aí que você quiser e depois só salvar ó vai pegar nas fotos só Direcionar para onde que você quer dá dois cliques movimenta depois clique em compartilhar clique em baixar e baixar pronto aí você vai ter a foto aqui aí para celular é diferente tamanho aqui para celular você tem
que colocar de l largura 1080 por 1200 mais ou menos aí você clica em Criar novo design aí você vai pegar basicamente as mesmas coisas aqui por ser no celular tem que ser diferente o a disposição dessas fotos Ó você pode arrastar isso aqui para cima pegar tudo isso aqui você pode pressionar control c para copiar Aí você vem aqui dtrl V para colar ó arrasta para cá aumenta deixa na proporção legal aqui não coloca assim para não cortar Coloca mais ou menos aqui no meio e aí pra imagem aqui de fundo você vem aqui
em elementos Aí você vem aqui em grade ó grades e você Pega uma que fique legal que nem essa daqui que eu usei pro mobile foi essa daqui ó que dá para colocar todas as fotos em pés né que essas fotos de roupa fica legal fotos mais em pés então Ó você vem arrasta para cá dá para pôr a foto em pé essa aqui também dá para pôr a foto da pessoa em pé essa daqui também tá vendo Então faz uma grade legal e continua aqui aí a mesma coisa clica em compartilhar baixar baixar aí
você vai testando se você vê que ficou muito não ficou nítido no celular volta aqui aumenta o tamanho da F on muda a f on Mud a cor até ficar bonitinho lá no site tá beleza aí você fez lá você vai vir aqui clicar no contêiner vai vir aqui em estilo tipo de plano vai pegar a imagem do seu banner vai arrastar para cá eu vou pegar essas duas aqui e arrastar logo aí você vai clicar selecionar Pronto agora a gente vai vir aqui em layout altura mínima Vamos colocar 650 vamos voltar aqui n estilo
tamanho de exibição Vamos colocar cobertura repetir não repetir posição vamos deixar centro ao centro e vai ficar assim tá ali deixa eu diminuir um pouco essa altura aqui deixar 600 de altura pronto pronto agora para fazer essas aqui eu fiz também no C foi bem tranquilo também tá aqui eu peguei apenas um um texto coloquei e coloquei também aqui uma filetinho já peguei até um modelo Pronto já aqui foi esse aqui eu coloquei dimensão de Story então você pode vir aqui criar design Colocar assim ó Story que aí já vai aparecer aqui nessa mesma dimensão
para você e aí você vem aqui ó já tem vários modelinhos Olha só aquela foto lá minha que eu tô usando Ban é da sque que eu peguei aqui no ca mesmo só que eu peguei né porque é um site fictício na sua loja você vai usar roupas suas né imagens suas da sua empresa e tudo mais aí você vem aqui pega algum que você achou interessante e fica depois baixa tá vou vir aqui vou pegar um contêiner com a setinha pro lado vou vir e avançado Vou colocar aqui 50 de padding vou vir aqui
na biblioteca arrastar o widget de imagem para cá vou duplicar até ficar com quatro imagens vou clicar aqui nessa primeira Vou colocar aqui completo vou clicar e arrastar as imagens para cá Aí você vai selecionar as imagens que você baixou vai arrastar para cá lembre-se que quando você baixa todas de uma vez lá no canva elas vêm em pastas E padas você tem que clicar com o botão direito e extrair tudo tá pronto aí já vou selecionar as outras aqui também Aí você vem aqui na imagem vem aqui em borda vem aqui em raio da
borda vamos deixar aqui a passar o mouse tem aqui filtro CSS a gente vai tirar a saturação quando passar o mouse preto e branco tá vend E vamos essa animação grow para quando passar o mouse elaa eque preto e branco vamos com botão direito b direo e colar estilo n out tambm vamos emiz vamos voltar aqui no painel administrativo do Wordpress Vamos ir em elementor configurações recursos e vamos ativar essa opção aqui ó coner grade ou Grid coner se o seu tiver em inglês você desce até embaixo atualiza vamos voltar aqui pro editor vamos clicar
em atualizar a página não se esqueça de de ter salvado aqui primeiro tá vamos atualizar né recarregar a página Pronto agora vou clicar nesse contêiner principal vou ativar aqui ó layout do coner vou ativar grade E aí aqui eu consigo controlar L quantas linhas e quantas colunas eu quero aí eu vou deixar quatro colunas e uma linha pronto aí para que a pessoa consiga clicar ir pras categorias a gente vai colocar um link nas imagens Então você vai clicar aqui vai clicar em link vai clicar em URL personalizado E aí aqui você vai colocar o
link das categorias né então você pode vir aqui em produtos categorias então ó primeiro é a categoria Blazer né então ó tá vendo aqui em cima de ver você clica botão direito e clica em copiar endereço do link aí você vai colar aqui aí faz a mesma coisa com os outros ó vestidos vestidos clique no botão direito copiar endereço do link URL personalizado aqui em link colar ó aqui tem que mudar as imagens para completo também tá aqui a mesma coisa vem aqui na imagem muda para completo link URL personalizado vem aqui calças clica botão
direito em ver copiar o endereço do link e cola e a mesma coisa com a outra clica em atualizar Pronto agora vamos aqui pra parte dos produtos vamos vir aqui pegar um contêiner com a setinha para baixo vir aqui em avançado colocar 50 de padding atualizar vir aqui na biblioteca arrastar Med de título aí vamos colocar esse título destaques vou clicar aqui vou pegar o idet de produtos é esse aqui ó produt list a gente vai arrastar Aqui para baixo Ó você pode fechar isso daqui for mais fácil vir aqui onde tem Shopp and jine
tá vendo ó a a gente consegue pegar aqui produtos list aí você arrasta para cá pronto aí aqui você determina se você vai querer assim em lista ou aqui em grade aqui a quantidade de produtos que você quer que apareça aqui nessa página inicial legal a gente deixar uma amostra de cada um né Então aqui tem destaques tem nova coleção tem vestido você pode deixar também blusas calça a categoria que você acha melhor é que vende mais e aí colocar um botão pra pessoa ver o restante dessa categoria né então legal deixar uma fileira só
com os quatro no máximo uma fileira com dois tá bom então vamos eh dizer aqui que a gente quer quatro produtos e aqui a quantidade de colunas né a gente vai deixar quatro ele vai ficar todos em uma linha só aí a gente pode vir aqui na biblioteca vir em básico pegar um idet de Botão colocar aqui embaixo vou colocar ele Centralizado aí eu vou colocar assim ver todos os destaques aqui ó no texto aqui no link a gente vai deixar para lincar depois né vamos vir aqui n estilo cor que é a cor de
fundo vamos deixar deixar essa cor cinza aí da borda vamos deixar cinco e ao passar o mouse aqui na cor da borda a gente vai deixar esse cinza escuro né animação passar o mouse vamos deixar grow e o tipo de borda a gente vai deixar sólido e vamos deixar um de borda Opa a cor da borda aqui a gente não tinha colocado Pronto tem que colocar aqui nos dois tá aí o a cor do texto a gente vai deixar de cinza e o tipo de fundo a gente vai deixar de branco que aí quando passar
o mouse ó vai ficar assim vamos clicar em atualizar pronto aí a gente vai duplicando tudo isso ó vamos duplicar arrastar o título Aqui para baixo clicar aqui no produto clicar em copiar clica aqui clica em colar clica no botão clica em copiar clica aqui clica em colar clica no título clica em copiar clica aqui clica em colar é a mesma coisa vamos fazer isso até dar a quantidade aí que você quer que no meu caso são três né são três fileiras pronto e a gente só vai mudando então aqui eu vou mudar para nova
coleção nova coleção aí aqui embaixo eu vou colocar vestidos aí aqui a gente vai mudando também né então aqui por exemplo V ver toda a nova coleção aí aqui no link a gente já pode colocar como que a gente já tem o link da coleção né que a gente criou com a categoria Nossa eu não coloquei ele em cima né faltou colocar categoria outon inverno ali depois eu vou colocar mas aí é a categoria outon inverno Então essa categoria aqui outon inverno vou clicar com botão direito copiar E aí já posso colar ela aqui nesse
botão pronto aqui embaixo vai ser ver todos os vestidos e aí é a mesma coisa eu já tenho até ela aqui no menu ó posso só clicar com o botão direito copiar o endereço do link e colar pronto sempre atualizando aí agora a gente precisa mudar aqui né nesse daqui da nova coleção a gente já tem aí a gente vai vir aqui ó vai excluir né o que estava escrito produto vai selecionar categoria E vamos selecionar a categoria que a gente quer aqui no caso é o outono inverno né aí vai aparecer só os produtos
outono e inverno aí nesse aqui eu vou vir tá vendo tem products aí você clica no para tirar coloca categoria E aqui escreve a categoria que no caso é vestidos e aí vai aparecer Só vestidos e clica em atualizar e aqui pode ser os destaques aí aqui por enquanto a gente vai deixar ó quer ver ó Clica com o botão direito clica em traduzir para português tem aqui ó avaliação tá vendo aí a gente pode deixar por exemplo aqui só produtos avaliados com cinco estrelas só que aí tem que ser avaliado né se ele não
tiver avaliado aqui ele não vai aparecer então ó como a gente também precisa configurar aqui você mesmo pode avaliar alguns produtos pra gente conseguir fazer a configuração certinha ó vou vir aqui em todos os produtos aí vou pegar alguns por exemplo esse aqui vou vir aqui em avaliação Vou colocar aqui colocar uma avaliação só para que Ele apareça lá pra gente configurar aí você volta aqui em todos os produtos escolhe mais uns quro e vem e faz a avaliação ó aí eu posso fazer assim ó clicar com botão direito duplicar que ele vai puxar tá
vendo esse de cima aqui eu excluo ó aí ele tá puxando só os que tem avaliação aí dá para você colocar aqui em destaque ou você pode criar uma categoria chamada destaque e destacar eles também usando essa categoria E aí você faz a linkagem do jeito que eu fiz os outros Aqui de baixo selecionando categoria destaque tá bom aí fazemos assim aí agora a gente vai configurar o layout vamos clicar aqui com o botão direito aliás clicar aqui normal né vamos vir aqui no estilo vamos vir aqui em selo do produto vamos deixar nessa cor
rosa pronto a tipografia a gente vai deixar tudo como está e vamos vir aqui em fonte global e vamos mudar para fonte jost que é a fonte que a gente tá usando no site né pronto aí ele já muda tudo automaticamente aí a gente vai vir aqui em conteúdo vou vir aqui em configurações não quero que apareça as categorias aqui em cada um tá vendo Então vou vir aqui ó mostrar a categoria E vou tirar e vou vir aqui n estilo aí aqui no tipo de borda eu vou deixar sólido na cor eu vou pegar
um cinza bem clarinho vou deixar Opa um pouquinho mais escuro vou deixar um de borda para ficar vou escurecer um pouquinho mais pronto vou desenc os valores e no inferior eu vou deixar quatro de borda para ficar só com esse esse descoladinho aqui do fundo tá Também vou vir aqui no padding vou diminuir para 10 e vou clicar com o botão direito clicar em copiar clicar com o botão direito clicar em colar Opa errado clicar com o botão direito colar estilo e clicar com o botão direito colar estilo neste tá aí ficou assim vou clicar
em atualizar e agora a gente vai fazer essa sessão aqui que eu achei interessante ver eu tenho comprado muitas roupas online em lojas brasileiras e eu vejo que o próprio Market a própria cara da da loja né que é a própria Dona ou o próprio dono e gostam de colocar uma sessão aqui já na página inicial sobre elas isso é interessante que passa mais credibilidade né a pessoa vê por exemplo quando é uma influência né uma blogueira por exemplo ou uma influencer a pessoa vê ali que tem um conteúdo ali falando sobre ela aí de
repente até começa a seguir ela nas redes sociais fica mais interessante tá então a gente vai vir aqui vai pegar um contêiner desse com dois vamos ir em avançado Vamos colocar 50 de pad atualizar Vamos ir aqui na biblioteca arrastar o widget de imagem para cá completo vou pegar aqui a imagem que eu tenho Ah eu não não tinha baixado você pode fazer isso aqui também tá se você quiser baixar aqui direto do site só clicar com o botão direito salvar a imagem como e pronto aí vou arrastar a imagem lembra de mudar o título
aqui tá da imagem Então você coloca assim loja Helena sobre mim por exemplo tá Aí você coloca aqui todas os títulos Prontinho atualiza vem em estilo raio da borda vamos deixar C Atualiza aí vamos vir aqui na biblioteca Vamos pegar uma Ide de título arrastar para cá vamos colocar aqui esse título conheç a Helena copiar vou colar e vou pegar esse textinho Pessoal esse textinho aqui olha que legal eu pedi pro Bard que é a inteligência artificial do Google só você jogar no Google Bard ia e pedi para ele criar falei assim crie um texto
fictício né sobre a dona de uma loja o nome dela é Helena e a loja chama Helena closet Ele criou um texto bem legalzinho aqui então às vezes você tá sem inspiração para criar esse texto aqui sobre você e aí você passa algumas características suas ele vai criar um texto legal com uma roupagem legal e você só adapta é bem interessante faz faz bastante tempo né ó Então vou copiar vir aqui na biblioteca pegar um ID de texto arrastar para cá e vou colar pronto cliquei em atualizar vou pegar este botão copiar clicar aqui clicar
em colar que eu vou colocar assim ó saiba mais pra pessoa ir pra página de sobre nós né da loja aí vou clicar aqui em colocar saiba mais e vou colocar o o o link da página de sobre nós pronto clicar em atualizar tá para colocar um Icone Zinho aqui eu vou clicar aqui em ícone aí vou pegar o ícone de Arrow que é a setinha né e vou deixar aqui ó em posição do ícone depois vou clicar em atualizar vai ficar assim agora a gente vai configurar o nosso mobile aqui ficou bem tranquilo vamos
clicar aqui no modo responsivo vamos deixar aqui no celular aqui em cima a gente vai clicar no contêiner vai vir em estilo Vamos mudar a imagem pra imagem de mobile que a gente fez né que é essa daqui vamos ir aqui em disposição altura mínima Vamos diminuir a altura para ficar na altura adequada depois eu tenho que corrigir essa imagem e colocar a fonte certa né que eu esqueci mas aí no seu você põe ó aí você vê se ficou certinho aqui eu tenho que aumentar a letra também que não ficou muito nítido aí no
seu você faz certinho tá aqui a gente vai clicar com o botão direito vai clicar em avançado Vamos colocar 20 de padding no contêiner e vamos vir aqui em disposição aqui em colunas vamos deixar dois para ficar duas por vez nesse daqui a gente vai vir no con vamos deixar 20 de padding aqui no título a gente vai vir vamos deixar aqui alinhado ao centro vamos clicar aqui no produto vamos vir aqui em conteúdo e em colunas vamos deixar duas aí vamos vir aqui em estilo e espaço entre as colunas e Vamos diminuir deixar bem
pouquinho que aí fica mais nítido cada um dos prodos né Beleza aqui a mesma coisa a gente vai clicar aqui vai deixar assim alinhada ao centro Clica com o botão direito copia Clica com o botão direito cola o estilo aqui clica estilo deixa alinhado clica aqui botão direito colar o estilo e pronto agora aqui a gente vem nesse contêiner avançado vamos deixar 20 de padding atualizar pronto aí você vai perceber ó que o site ele tá com um bugzinho tá vendo ó tá ficando arrastado pro lado quando você acessa o celular ele tá a assim
arrastado pro lado mas eu tenho um código para corrigir isso tá Já já a gente vai fazer vamos colocar aqui no no tablet pra gente ver ó pra gente ajustar e vamos ajustar aqui esse banner vamos ver aqui em estilo vamos trocar o banner aqui também ó deixar ele aqui no tamanho adequado você quiser você pode também fazer um um banner adequado aqui pro tamanho do do tablet tá deixar assim mesmo aqui já tá tudo ok aqui no tablet a gente pode deixar três colunas aliás pode deixar até quatro mesmo não tem problema ficar pequeninho
senão aí copia cola o estilo nos outros e aqui a gente pode clicar e aí a gente muda aqui esse contêiner a gente vem deixa em porcentagem vamos deixar ele 100% e aí nesse contêiner aqui a gente vem muda para porcentagem vamos deixar ele 100% e vamos vir aqui nesse contêiner principal vir aqui em disposição e deixar aqui ó envolver para ele quebrar a linha aí a gente só vem aqui na na imagem da moça e diminuir a largura dela para não ficar tão grandão pronto aí aparece a imagem e o texto embaixo fica mais
harmônico Beleza já ajustamos tudo e a pronto Já terminamos a configuração da página home mas aí se você a aqui ó o seu site você vai ver que não está aqui porque a gente tem que determinar essa página home como página principal isso é muito importante tá se não fizer isso vai continuar aparecendo a página de arquivos você vai entrar aqui dentro do seu painel administrativo do WordPress vai vir aqui em configurações leitura aí tem aqui ó sua página inicial exibe aí você vai mudar para página estática e vai escolher a página início pronto e
vai clicar em salvar aí você vai o site e pronto a página que você configurou que é a página de início já está sendo a nossa página principal então Ó o site já está assim agora a gente vai configurar a página individual de produto se ficou faltando alguma coisa que você esqueceu de configurar na home lembre-se é só você estar aqui na página e aí você clica aqui em editar com Elementor como é a página mesmo você pode clicar direto em cima de editar com Elementor que aí você já abre aqui o editor tá agora
se você quiser editar o menu ou roda é você passa o mouse e clica em cima de um dos dois tá a página individual de produto é a página que carrega quando a gente clica em algum produto ó essa daqui ela já vem com as informações mas a gente consegue customizar para customizar a gente vai entrar aqui dentro do painel vai vir aqui em shopengine shopengine é o plugin responsável pela customização da parte da loja produto é loja carrinho checkout tudo é com ele então a gente vai clicar aqui em builder temp templates né editor
de templates vamos clicar vamos clicar em adicionar o novo preste atenção aqui tá Preste bastante atenção porque se você não ativar fizer alguma coisa errada não vai funcionar então Preste bastante atenção nessa parte aqui em cima você vai colocar o nome então vou colocar né página de produto aqui você vai determinar Qual que é o tipo do modelo que você quer aí no nosso caso aqui é a de single mesmo single significa que é a página individual de produto vamos deixar aqui ativo não pode esquecer de deixar isso aqui ativo e aí você vai escolher
um destes modelos aqui tá é só você passar o mouse ó que aí você vai ver como que é o modelo a prévia aqui do modelo ó e aí tem vários do jeito que você achar que ficou melhor pro seu layout você escolhe Tá eu vou escolher este daqui ó este daqui este primeiro então vou clicar nele Tem que deixar ele selecionado aqui tá vendo não se esqueça tem que deixar selecionado aqui de azul tem que deixar ativo e tem que ser single E aí a gente vai clicar em salvar Configurações agora vamos recarregar pra
gente ver ó ele já aplicou o modelo tá vendo já aplicou do jeitinho que a gente quer aí a gente pode passar o m em cima do elementor e clicar em cima de página do produto pra gente conseguir editar ele já tá todo prontinho então a gente só precisa editar mesmas cores e tudo mais né aqui essa cor de fundo eu quero que seja uma outra cor Então vou vir aqui no estilo tipo de fundo vou só apontar ele um pouquinho aqui pro vermelho para ele ficar mais um cinza mais voltado pro Rosa né pronto
aí eu vou copiar essa cor que ficou vou vir aqui nessa de baixo vou vir em estilo cor e vou colar essa que eu peguei pronto aqui eu vou clicar nesse título vou vir em tipografia vou mudar para jost que é a que a gente tá usando aqui que é para para dizer se tem produtos em stock ou não eu vou excluir esse aqui é a descrição curta né então ele pega um pedacinho da descrição que você deixou e coloca aqui eu não vou colocar vou deixar sem aqui é o preço vou vir aqui nele
vou vir aqui na tipografia e vou mudar para just e vou vir aqui no de baixo também na tipografia vou mudar para just e vou aumentar um pouquinho o tamanho dele Vou Deixar Na verdade vou vou mudar né vou deixar 25 esse e esse daqui que eu vou diminuir E aí a cor desse aqui eu vou colocar um cinza mais claro e vou até deixar mais clarinho ainda deixar assim aliás vou diminuir um pouquinho mais deixar assim beleza nesse daqui que é onde tem o botão de comprar e também onde que tem pra gente escolher
as variações né quando tem variações eu vou vir aqui vou vir em estilo na cor eu vou mudar para Preto a cor da borda eu vou deixar de preto também em Rover que ação onde passar o mouse na cor da borda eu vou deixar de preto a cor eu vou deixar de branco e Opa essa aqui é a cor do texto né vou deixar de preto mesmo e o background color que é a cor de fundo eu vou deixar de branco e vai ficar assim largura da borda eu vou deixar um ó aí vai ficar
assim e aqui ó se você não quiser que apareça algumas coisas por exemplo tá vendo tem um botão aqui de de adicionar a lista de favoritos de comparar também você por exemplo esse de comparar pra esse tipo de loja aqui não precisa né então a gente pode vir aqui ó Hide compare Button né desativar botão de comprar aí a gente clica aqui para desativar já seg de adicionar a lista de favoritos eu acho que compensa então vou deixar vamos voltar aqui para estilo ó agora aqui variações que é essa parte aqui de baixo a gente
consegue editar também vou mudar para fonte just a cor eu vou deixar essa aqui já está mesmo se você quiser mudar é só né mudar por aqui aqui na descrição eu vou mudar pra fonte Ah tá já tá normal aqui na cor do menu drop Down eu vou mudar para um cinza mais claro né que ele vai ficar assim ó que é esse menuzinho que fica aqui pra gente escolher as opções aí ficou assim agora aqui no botão de adicionar a compra que é esse aqui ó vamos mudar pra fonte just el ficou assim vou
colocar 500 de peso pronto vou atualizar e aqui eu vou tirar esse k pelo menos nesse tipo de produto aqui não precisa vou clicar em atualizar esse daqui a gente precisa instalar outro plugin para funcionar que é o de compartilhar compartilhar né nas redes sociais a por enquanto eu não vou configurar aqui eu vou só mudar as fontes para J ó Então vou vir aqui em tipografia aliás esse aqui tem assim ó fonte Global né que aí você já muda de uma vez a fonte de todos então vou só selecionar just aqui e o restante
vai continuar Como está E aqui é a mesma coisa vou traduzir né vou colocar produtos vistos recentemente eu vou vir estilo escolher a fonte just e vou colocar EC aqui atualizar aqui eu vou vir eu vou vir em quantidade de produtos por páginas vou deixar oito apenas quatro colunas mesmo aqui em estilo vou vir em produt bed e vou vir aqui vou colocar a cor rosa vai ficar assim e a Fonte né tipografia eu vou escolher a fonte just e o peso vou escolher 500 eu vou clicar em atualizar pronto a parte do mobile do
tablet a gente não precisa se preocupar Porque como a gente pegou o modelo Pronto ele já veio ajustado ó então a gente não precisa se preocupar em ajustar né nem no tablet e nem no computador se você quiser você pode só mudar aqui né quiser mudar a quantidade aqui de colunas ó deixar quatro mesmo Pode deixar também mas o restante a gente não vai alterar não então Já terminamos aqui a página de produto individual uma coisinha que faltou a gente configurar é esse botãozinho aqui de expandir a imagem tá vendo que tá com a borda
Azul a gente vem vem em estilo vem aqui em zoom e muda pra cor que a gente quer vou mudar pra Rosa pronto e aí agora olha se a gente acessa algum produto já vai estar assim e é bem legal esse expandir aqui porque ele já faz um Carrossel ó com as imagens que tem então ficou bem legal bem interessante aí aqui ó ele mesmo já faz o filtrinho a gente escolhe aí a partir do momento que escolhe consegue clicar aqui em comprar agora vamos criar a página da loja se a gente clica aqui ó
em todos os produtos que é a página da loja né tá assim né vem com esse filtrinho aqui padrão e desse jeito aqui feio Zinho né Vamos ajustar isso vamos entrar dentro do painel administrativo Shop andine builder templates Adicionar novo Vamos dar um nome aqui ó paraa nossa página página da loja vamos escolher a opção de shop Preste bastante atenção e clica exatamente onde eu falar para você clicar tá tem que deixar ativo e escolher aqui ó esse aqui só tem um modelo de página de loja a gente seleciona e clica aqui em salvar pronto
vamos retornar aqui pra página da loja pra gente ver ó quando a gente acessa todos os produtos aqui agora já está nesta página aqui aí a gente passa o mouse aqui em cima de editar com mentor e clica em página da loja vamos excluir esse daqui se você tiver gostado desse filtro aqui ó que é um filtrinho aqui de categorias assim Pode deixar eu vou usar um outro então vou excluir esse daqui e vou excluir esse daqui também esse widget aqui a gente pode deixar vamos clicar com o botão direito copiar excluir esse daqui clicar
aqui clicar no mais clicar e pegar esse widget com a setinha para baixo esse contêiner vamos clicar em avançado Vamos colocar 50 de padding colar esses produtos que a gente pegou vamos clicar aqui no mais pegar um contêiner com a setinha para baixo vir aqui pegar um título arrastar para cá escreve assim todos os produtos estilo vamos deixar Centralizado aqui na cor de fundo do contêiner Vamos ver em estilo tipo de plano vamos escolher essa cor rosa mais clarinho Vamos ir em avançado e vamos colocar uns 40 de padding aí aqui ó ele tá com
esse bugzinho aqui mas se a gente acessa a página da está configurado direitinho tá vendo É só no editor do elementor que às vezes ele fica com bugzinho tá aí a gente vai fazer o nosso filtrinho eu vou te ensinar a fazer um filtro que é um filtro bem genérico aqui só de categorias mesmo que eu vejo que muitas lojas brasileiras geralmente colocam poucos filtros né categoria no máximo tamanho ali e eu vou te ensinar esse que é mais clean né mas se você quiser aprender a fazer um mais elaborado eu vou deixar um vídeo
só sobre isso não vou ensinar aqui para não crescer muito o vídeo né já tá bastante grande e tem gente que não vai querer fazer esse filtro então vou deixar o vídeo separado aqui que aí ó tem vídeo aqui ensinando a fazer este filtro Completão aqui tá vendo ó Aí você coloca todas as os atributos que você tiver e até filtro de preço também tá e tem outros vídeos aqui também de outras coisas então por exemplo eu não vou mostrar nesse vídeo como colocar esse simbolozinho aqui de parcelamento ou de pagamento no pix né que
nem tem nessa loja aqui ó tá vendo a vista no Pixel parcelado em até tantas vezes eu não vou ensinar isso aqui porque tem um vídeo específico sobre isso tá então quando você precisar de coisas específicas assim você pode pesquisar aqui no canal que você vai encontrar e também todos os vídeos que eu tô citando sempre fica aqui na descrição do vídeo ok beleza esse filtro que eu tô te falando a gente vai vir aqui vai pesquisar por esse aqui ó categoria lista de produto arrasta aqui para cima e ele fica assim só que a
parte ruim desse aqui é que você tem que vir aqui manualmente colocar todas as categorias que tem ele não vai colocando automaticamente as categorias não sabe então você vem aqui seleciona as categorias que você quer então você né seleciona todas as categorias que tem né as que tem produto tem uns que eu não tô selecionando que foi porque eu fiz duplicado lá errado se algum não tiver aparecendo você pesquisa aqui ó que nem blusas blazers alfaiataria calças que não estava aparecendo vai pesquisar colocando aqui aí aqui a gente vai configurar ó eu vou querer que
não mostre o ícone esse Icone Zinho que tá aqui embaixo e nem a quantidade de produtos e aí eu vou colocar aqui para ter oito colunas vou colocar todos alinhados ao dentro excluir esse ícone aqui vou vir aqui no estilo a cor de fundo eu vou deixar esse rosinho mas aí eu vou vir aqui na opacidade dela vou diminuir ó vou deixar um rosinha bem clarinho aqui aqui o padding eu vou desencar vou deixar 10 de largura ó vou desencar e aqui superior e inferior eu vou colocar cinco pronto que a distância entre as colunas
eu vou diminuir vou vir aqui no título na tipografia eu vou mudar pra fonte just tamanho 15 e aqui tem a margem eu vou tirar essa margem de 18 que está aqui e aqui na ação de passar o mouse tá vendo que tá mudando pra vermelho eu vou mudar pra Rosa que é a cor aqui do nosso projeto ó tá assim vou aumentar um pouquinho aqui vou deixar 16 pronto a gente acessar aqui a loja agora olha só ó aí se eu clicar aqui ainda nas categorias ele ainda não aplicou não ainda tá carregando a
categoria antiga Mas é porque a gente ainda vai configurar a página de categorias tá use ai a página da loja aqui está certinho vamos traduzir essa parte aqui de baixo ó produtos vistos recentemente né pronto aqui em estilo tipografia vamos pegar essa fonte Just a cor vai ser essa mesmo aqui eu vou clicar aqui vou deixar quatro colunas vou deixar aparecendo só oito produtos por vez aqui e aqui em estilo vou vir aqui em bag e vou mudar para Rosa o Tom desse itzin aqui aí vou pegar a fonte também vou mudar para adjust aqui
em tipografia e o peso que é a espessura eu vou deixar 500 vou deixar tamanho 14 eu vou clicar em atualizar ó aqui a página S A gente não precisa configurar que ela já tá bem bonitinha né então vamos fazer assim aí Vamos acessar aqui o painel administrativo Vamos ir em shopengine builder template vamos adicionar um novo vamos dar o nome de página de categoria de produtos vamos escolher a opção de arquivo a gente pode clicar em ativar pode escolher essa daqui né só para salvar e vamos clicar em salvar aí Vamos acessar lá agora
se a gente vier aqui em blusas já tá esse aqui que a gente configurou aí a gente passa o mouse aqui em cima de elementor clica em página de categoria de produtos nós vamos excluir tudo que tá aqui inclui tudo e vamos copiar esse que tá aqui na página da loja e ir colando lá clica com botão direito copia vem aqui Clica com botão direito Cola vem aqui Clica com botão direito copia vem aqui Clica com botão direito Cola vem aqui embaixo Clica com botão direito copia vem aqui Clica com botão direito e cola Prontinho
aí vamos testar ó blusas blusas já tá aqui aí se eu clico em Blazer tá vendo Então já aparece tudo e a gente não precisa configurar o mobile né dos produtos que ele já vem configurado só aqui no contêiner Então vamos vir aqui em contêiner 20 aqui a gente vai vir aqui em conteúdo em colunas vamos deixar vamos deixar duas colunas atualizar e aqui embaixo não precisa ajustar só o TT vamos deixar aqui Centralizado os produtos vamos ver ó vamos acessar aqui na outra tela ó clicar com o botão direito inspecionar você pode acessar pelo
celular também para você ver ó os produtos já tá configurado tá vendo Então a gente não precisa ajustar ele fica bugado aqui no editor do elementor mas aí na página ele fica normal tá aí eu fiz isso aqui na página que tá a página da loja vou fazer o seguinte vamos vir aqui na página da categoria que a gente acabou de fazer colocar aqui em modo responsvel e customizar também vemos aqui vem avançado coloca 20 de padding vimos aqui coloca duas colunas vimos aqui avançado 20 de padding atualiza e vios aqui e Centralizado pronto ó
então página home pronta página loja pronta página individual de produtos pronta e página de categoria também pronta agora nós vamos para a página de carrinho a página de carrinho a mesma coisa tem a padrão aqui do tema e a gente vai vir aqui em shopping Bea templates adicionar Nova Vamos dar um nome aqui para nossa nos página eu vou colocar página de carrinho vou escolher a opção de cart Vou colocar aqui em ativo eu vou escolher este template e vou clicar em salvar aí Vamos acessar aqui a página tem que ter algum produto para você
conseguir ver tá então se não tiver aparecendo nada no seu você vem aqui na loja ou em algum lugar e clica querer comprar nem algum produto né ou então clica aqui clica em comprar para ir o produto aqui pro carrinho para você conseguir ver tá ok aí você passa o mouse aqui em cima clica em página de carrinho a gente vai traduzir esses títulos aqui para português então aqui tem content tá vendo aí tá escrito em inglês você pode ir traduzindo então aqui a gente coloca nome do produto aqui preço quantidade subtotal continue comprando Ou
continuar comprando atualizar carrinho e limpar tudo então todas essas partes que estavam escritas em inglês elas foram atualizadas só que aí aqui a gente não consegue traduzir por aqui tem que fazer outra configuração para traduzir aí agora a gente vai fazer as configurações de layout né no caso aqui tá tudo bonitinho a gente só precisa trocar f Então vamos vir aqui vamos vir em estilo Global fonte e vamos escolher a fonte just que é a que estamos usando onde já vai trocar todas aqui também a gente vai clicar vai vir em Global fonte Vamos mudar
pra fonte just atualizar e aqui também vamos clicar e mudar para a fonte just e atualizar se a gente colocar aqui no mobile não precisa mexer né ele já tá configurado porque a gente pegou o template pronto uma coisa que a gente pode fazer vir aqui neste é mudar as cores né então mudar a cor aqui do botão ó botão de checkout mudar para preto que é aqui a nossa que é a cor que a gente tá usando né E aqui no Rover a gente vai colocar a borda de preto o fundo de branco e
o título de preto e o tipo da borda sólido e um quando passar o mouse vai ficar assim a cor da borda vai ser este preto e quando passar o mouse aqui vai ficar assim e vamos clicar em atualizar Beleza agora vamos configurar a nossa página de contato e a sobre nós para isso a gente vai vir aqui dentro do painel do depress vamos vir em páginas todas as páginas aqui na página de contato vamos localizar ela e clicar em editar e clicar aqui em cima e editar com Elementor para tirar esse título aqui de
cima a gente a gente vai clicar na engrenagem layout da página Vamos colocar Elementor largura Total clicar em atualizar vamos clicar aqui pegar um contêiner já já deixei aqui para poder a gente copiando os títulos ó então eu vou pegar um contêiner com a setinha para baixo Opa peguei errado com a setinha para baixo vamos vir em avançado Vamos colocar aqui 50 de padding vamos vir aqui na B bioteca arrastar um título para cá colocar aqui o título vou vir em estilo vou deixi ele alinhado ao centro vou duplicar e vou copiar este textinho vou
colar aqui vou vir aqui em estilo vou vir na cor vou deixar a cor de texto vou vir em tipografia vou deixar a tipografia de texto deixar tamanho vou deixar tamanho 17 vou vir aqui em conteúdo E aqui onde onde termina aqui ó entra em contato conosco pelo suporte no WhatsApp e-mail ó eu vou fazer uma quebra de linha vou clicar aqui vou colocar sinal de maior sinal de menor e no meio BR tá vendo isso faz com que a linha quebre eu vou clicar aqui em atualizar aí agora para fazer esses cards aqui embaixo
ó já vou até copiar esse título aqui logo eu vou vir aqui e vou pegar uma caixa de ícone escreve ícone esse aqui ó caixa de ícone aí aliás antes de fazer isso vamos vir aqui apaga aqui vamos pegar um contêiner colocar aqui embaixo aí agora sim vamos pegar a caixa de ícone e colocar aqui dentro deste contêiner aí vamos duplicar deixar três clica aqui dentro do contêiner aqui de dentro clica aqui para deixar todos em linha vamos vir aqui em layout vamos deixar em grade e em linhas vamos deixar dois pronto aí vamos vir
aqui em cada um dos cards e alterar Então nesse aqui eu vou colocar o título né atendimento via WhatsApp nesse aqui atendimento Via e-mail e nesse aqui atendimento Via telefone agora eu vou colocar também os textos aqui de baixo aqui da mesma forma tá se você quiser quebrar a linha aqui ó Na onde que você quer quebrar a linha você coloca sinal de maior sinal de menor e dentro BR quer fazer a quebra de linha sempre atualizando para não perder nada esse aqui também ó vou pegar e colocar aqui e este outro aqui também Vou
Pegar e colocar aqui se você quiser colocar o link do WhatsApp é só você colocar aqui em link tá vendo que aí se eu colocar aqui em link que a pessoa consegue clicar e falar com você lá no WhatsApp aí eu vou modificar os ícones nesse aqui eu vou clicar em cima vou buscar o ícone de WhatsApp nesse aqui eu vou clicar em cima vou pegar o ícone de envelope e nesse aqui eu vou clicar em cima vou pegar o ícone de telefone que é pone né aí eu vou vir ncard vou vir em avançado
vou colocar 20 aqui de padding vou vir aqui no estilo ne ícone vou diminuir o espaçamento entre o ícone e o texto vou vir aqui em avançado plano de fundo ativar aqui o plano de fundo e vou pegar essa cor Rosinha vou arrastar a cor dela aqui para ficar um pouquinho mais Claro vou vir em borda e Vou colocar cinco de borda Falta só mais uma coisa vou vir aqui em editar conteúdo no título eu vou deixar tamanho 20 a 5 e o espaçamento aqui entre o título e o texto vai diminuir um pouquinho mais
aí eu vou clicar com o botão direito copiar clicar com o botão direito e colar o estilo em todos os cards vai ficar assim aí eu vou duplicar esse título e arrastar ele aqui para baixo para baixo do contêiner se não tiver conseguindo ó que nem não consegui aqui arrasta o contêiner aqui para cima que aí você consegue vou copiar este textinho que tem aqui eu vou colar ele vou vir em estilo cor e vou deixar essa cor mais escura Vou atualizar aqui na tipografia também eu vou deixar essa tipografia aqui tamanho 17 pronto e
vou pegar o ícone das redes sociais aqui tá vou pegar o ícone de sociais e colocar aqui embaixo desse e a mesma coisa que a gente fez no rodapé vai mudar aqui para Instagram ó pegar o Pinterest logo V dar aqui para Instagram e adicional do tiktok tikt tem que enviar né E a gente já tem ele aqui pronto agora muda aqui para círculo vem aqui em estilo cor vamos deixar personalizado cor primária vamos deixar de rosa e o tamanho Vamos diminuir um pouco e conel passar o mouse vamos deixar grow que aí ele vai
ficar assim e para você colocar o link das redes sociais já sabe né tem aqui ó o link que aí é só você colocar pronto clique em atualizar agora vamos ver a parte do mobile clica aqui clica no celular vamos clicar aqui nesse contêiner colocar 20 de padding nos carts a gente vai só diminuir um pouquinho o tamanho do título conteúdo tamanho do título vamos deixar tamanho 20 aí vamos copiar colar o estilo nos outros o restante Tá ok ó no tablet vamos ver também tablet a gente pode diminuir também ó vamos vir aqui no
contêiner vamos deixar 20 de padding neste aqui também vamos ir em cada um dos carts conteúdo diminuir um pouquinho V diminuir aqui para 20 copiar colar o estilo nos outros esse aqui vai ficar melhor a gente colocar dois por vez Então vamos clicar aqui no contêiner aqui em coluna vamos deixar dois aí vai ficar assim pronto ficou assim agora a gente vai fazer aqui a nossa página de sobre nós vamos acessar aqui o painel de novo páginas todas as páginas aqui localizado sobre nós clica em editar e clica aqui em cima em editar com elementor
Vamos colocar clicar na engrenagem colocar em Elementor largur total atualizar pegar um contêiner com a setinha para baixo vir aqui em avançado colocar aqui 30 de padding Vamos ir em estilo tipo de fundo Vamos pegar esse rosa mais claro vamos ir na biblioteca arrastar um título para cá e vamos colocar o título aqui sobre nós sobre nós aí Aqui nós vamos aproveitar a aba de sobre nós que nós fizemos aqui na home vendo Então você pode vir aqui na página Inicial né clicar no elementor para abrir o editor do Elementor dessa página Aí você vem
aqui nesse contêiner Onde está o sobre nós aqui Clica com o botão direito clica em copiar vem aqui Clica com o botão direito clica em colar Pode fechar lá beleza agora a gente vai mudar esse botão aqui para Fale Conosco Vamos colocar assim dúvidas Fale Conosco vamos deixar aqui alinhado pra esquerda e vamos arrastar outro botão para cá aqui para cima aí vamos duplicar aí aqui neste neste botão eu vou colocar escrito assim ó clique aqui e saiba como funcionam nossas políticas de devolução e troca e aqui a gente vai colocar o link da página
a gente ainda não criou a página Então vamos deixar em branco Por enquanto né Depois a gente altera e no botão de baixo esse aqui ó clique saiba mais como funciona nossas políticas de privacidade Clic aqui nesse botão colo aqui agora eu vou editá-los vou clicar vir aqui n estilo a cor do texto vou deixar de preto a cor de fundo vou deixar de branco o padding que é o espaço de dentro né o preenchimento vou deixar zero vou vir aqui na tipografia vou vir em decoração vou deixar seu linhado pra pessoa saber que é
para clicar né vou clicar aqui com botão direito copiar clicar aqui com botão direito colar o estilo esse aqui já tá do jeito que a gente quer aqui a gente só troca né o link pra página de contato e agora vamos fazer uma mudancinha aqui nesse contêiner a gente vai deixar ele em 40% e aqui vamos deixar em 60% vai ficar assim aí vamos clicar nesse contêiner pau aqui e vamos deixar aqui ó alinhados ao centro e vai ficar assim Prontinho agora nós vamos fazer essa parte de baixo aqui que é interessante ter no site
com algumas perguntas frequentes né eu coloquei várias aqui porque são perguntas frequentes que as pessoas geralmente têm se você quiser fazer tudo ótimo vai te ajudar vai ajudar sua loja se não quiser também faz só as que você achar que compensa que tem mais dúvidas na sua loja tá todas você tá vendo você tem como você colocar a pergunta e quando você abre tem aqui o textinho também tá aí você tem que se atentar porque por exemplo aqui né Essa aqui tá falando o nome da loja você tem que mudar aqui o nome da loja
mudar o seu e-mail que tá aqui tá bom então vou te ensinar como fazer essa parte você clica aqui pega um coner com a setinha para baixo Vamos ver em avançado Vamos colocar 50 de padding pegar esse título aqui vou clicar em copiar vou colar ele aqui e vou copiar esse título fac significa perguntas frequentes e vou colar ele atualizar né aí esse conteúdo aqui ele para você fazer ele é assim ó você vem aqui pega o ID de sanfona ou acordeon para ficar com os iconz para cá a gente vem aqui no ícone e
coloca aqui ó no fim para ele ficar do lado de lá tá vendo aí aqui em conteúdo É assim que você vai colocar Então você vai por exemplo pegar aqui essa pergunta e você vai colocar aqui em título E aí a resposta você cola do lado de dentro Então a resposta você coloca aqui dentro da caixa para você linkar como por exemplo eu linki aqui ó se você quiser colocar um link você vai fazer assim ó você vai escrever né clique aqui aí para deixar em [ __ ] você vai selecionar ó vai tá assim
né você vai selecionar e vai clicar na letrinha b e para colocar um link Você vai clicar nesse Icone Zinho aqui de link aí abre essa caixinha você consegue colocar então por exemplo ó na página de de contato ó vou pegar o link aqui da página de contato e vou colar ele aqui aí você tem que clicar com o botão azul para colocar o link aí já ficou aí Aqui também a mesma coisa ó pega aqui o título copia Cola e o texto você vai copiando e colando aí você vai fazer isso com todos aí
agora vou te ensinar vou te ensinar a fazer as outras configurações você vem aqui n estilo n título plano de fundo Vou deixar um cinza bem clarinho aqui a cor ativa eu vou mudar para esse rosa mais forte a tipografia vou mudar para peso 400 vai ficar assim vou vir aqui nesse alona largura da borda vou deixar zero vou vir aqui na largura da borda vou aumentar aqui um pouquinho e vou deixar a cor branca e vai ficar assim com espaçozinho entre eles e aí você vai fazendo né vou pular pra parte que eu já
fiz todos pronto ó já fiz todas as perguntas aqui aí eu vou clicar em atualizar agora a gente vai colocar no mobile né clica aqui coloca aqui no celular esse aqui pode deixar como tá esse aqui também né Vamos só clicar aqui na imagem aumentar um pouquinho ela pronto esses daqui vamos clicar aqui nesse botão e deixar ele alinhado ao centro esse aqui a gente vai vir no contêiner vamos deixar 20 de padding esse título a gente vai vir aqui deixar ele alinhado ao centro E esses daqui já estão ok né então vamos colocar aqui
tablet vamos ver ó aqui já está tudo configurado certinho aqui também não precisa de ajuste nenhum então tá tudo certo e vamos clicar em atualizar Prontinho Já terminamos aqui a nossa página de contato e de sobre nós agora vamos para essas páginas de políticas né ó a gente não criou elas ainda Então temos que criá-las a de política e privacidade já tem as outras não então vamos vir aqui em páginas adicionar nova Vamos colocar assim ó políticas de devolução e trocas vamos clicar em publicar duas vezes voltamos aqui para WordPress vamos clicar em adicionar nova
página e políticas de políticas de entregas e prazos e clicar em duas vezes aí já vamos editar ó clica aqui em editar com elementor vai ser bem simples vem na engrenagem clica em layout da página Elementor a largura Total atualiza já vou pegar o texto, pegar o texto de uma outra loja que eu fiz aqui aí vou clicar aqui vou pegar um contêiner com a setinha para baixo vou vir em avançado vou colocar 50 de padding vou vir aqui vou pegar um widget de texto arrastar para cá e vou colar o texto que eu peguei
lá aí vou vir em estilo cor do texto vou deixar essa cor cinza escuro né o preto aí você só vem aqui e Edita o nome da sua loja né ol Onde tiver o nome de outra loja aqui você vem e edita tá aqui no final também faltou Ó pronto vamos só colocar no mobile pra gente ver ó vamos só modificar aqui o contêiner Ô vem aqui em avançado 20 de padding e vamos colocar também aqui no tablet aqui já tá legal já padding e Atualiza aí vamos voltar tá aqui pro painel e vamos modificar
a nossa de política política de política de devolução e troca aí vamos clicar aqui editar aí vamos clicar em editar com Elementor engrenagem vamos deixar Elementor a largura total e atualizar vamos pegar um contêiner com a setinha para Ah pode ser esse aqui também aí vamos pegar o widget de texto arrastar para cá vamos clicar aqui no contêiner colocar ele com a setinha para baixo aí vamos ir em avançado colocar 50 de padding Vamos ir aqui nesse edente de texto e vamos colar o texto de políticas de entregas e prazos vamos ver aqui n estilo
colocar a cor preta Olha gente eu pedi pro bar de que é a inteligência artificial do do Google para escrever para mim tá bom aí você pode conferir você pode pedir ele para reescrever você pode corrigir né coloca de acordo com o que vai ser as suas entregas aí cliquei em atualizar aí você tá vendo que aqui ó você pode vir e modificar então Ó o e-mail você vem e coloca o e-mail seu né que nem eu te falei também se você quiser criar um e-mail profissional com o seu tem vídeo aqui no canal também
ensinando tá telefone aí você vai colocar aqui também o seu colocar esse fictício aqui e aqui vai ter chat mas eu vou vou apagar essa essa parte e pronto ficou assim aí vamos clicar aqui colocar no celular vamos vir aqui no contêiner colocar 30 de padding no taet já tá ok então vamos clicar em atualizar agora nós podemos voltar lá na página de sobre nós né págin de quem somos abrir o editor e colocar os links lá das páginas que ficaram faltando ó aqui a gente clica aí vamos pegar aqui a página né políticas de
evolução e troca aqui a políticas de privacidade na verdade né políticas de privacidade aí faltou políticas de entregas e prazos também dupliquei aí vou escrever aqui ó saiba mais políticas de entregas e prazos pronto e aí aqui a gente muda pro link de políticas de entregas e prazos e clique em atualizar Beleza beleza uma coisa que a gente pode fazer aqui para ficar melhor é diminuir os parágrafos ó vem aqui pega alguns parágrafos e deixa as linhas mais juntas esse último aqui também que o texto não fica muito extenso Prontinho Agora falta política de privacidade
né essa página já existe inclusive o WordPress ele cria né um texto aqui ao padrão você pode reescrever pedir pra Inteligência Artificial gerar um melhor para você de acordo com a sua loja também tá eu vou pegar considerando esse texto que está aqui mesmo aqui a gente vai clicar aqui em cima e editar página Vamos fazer a mesma coisa clicar em editar com elementor o texto já está aqui então a gente só vai clicar aqui na no contêiner virem avançado colocar 50 de padding vir aqui no widget de texto estilo Vamos colocar na cor preta
vamos vir na engrenagem Vamos colocar Elementor largura Total Vamos colocar aqui no modo responsivo colocar no celular vir aqui no contêiner colocar 30 de pad e atualizar e prontinho já criamos todas as páginas de políticas agora nós vamos configurar a página de minha conta a página de minha conta essa aqui ó que aparece todos os dados da pessoa né onde que vai aparecer aqui os pedidos que ela fez endereço né tudo aqui em relação à conta dela e você estando aqui na página de minha conta você pode acessar ela por aqui também em páginas todas
as páginas vamos localizar ela aqui e clicar em editar e depois clicar em editar com elementor olha Preste bastante atenção aqui agora Preste bastante atenção Preste bastante atenção você está me ouvindo tá vendo isso daqui ó é isso daqui que faz a página minha conta acontecer que são aqueles links lá não exclua isso daqui ó aliás Copie logo aqui para você não perder Já Cola aí em algum lugar que Aí caso você perca é só você pegar Ó presta atenção caso isso aqui desapareça caso desapareça não precisa fazer agora apenas caso desapareça caso você tenha
excluído sem querer Ok você vai pegar aqui um idit de short code vai arrastar pra cá e vai colar isso aqui tá vendo Vai colar esse short code aqui que aí vai fazer aparecer de novo e aí você salva mas só caso desapareça se já tiver aqui ó se você clicar e ele já tiver aqui e já tiver aparecendo não precisa fazer nada só seguir os passos que eu vou te ensinar agora primeiro clica aqui em atualizar vem aqui nesse contêiner vem em avançado coloca aqui 50 de padding clica em atualizar vem aqui na engrenagem
coloca layout Elementor largura total e clica em atualizar pronto clica no Mazinho clica aqui clica em flexbox pega um container com a setinha para baixo vem avançado Vamos colocar aqui 30 de paging atualizar vem aqui na biblioteca arrasta o ID de título para cá escreve minha conta estilo Centralizado atualizar Pronto agora você pode voltar lá na página para você ver ó clica aqui em ver ó Estamos aqui na página de BR conto aí você vai clicar aqui em cima em personalizar você vai lá no material de apoio que eu deixei para você que tá aqui
na descrição do vídeo lá tem imagens e tudo mais e vai ter tem um arquivo escrito CSS CSS é um código que a gente usa para customizar as coisas eu já deixei esse código pronto você só vai fazer colar ele aqui tá você vai ir lá vai copiar todo o código que tá lá e vai colar ele aqui e aí ele vai fazer essa customização tá se você quiser editar a cor que eu deixei aqui rosa e preto né se você quiser editar a cor preta que a cor que tá o botão você vai vir
aqui ó tá vendo aqui ó aplicar estilo no botão então é aqui ó até aqui esse é o código de aplicar estilo botão e a cor preta é essa daqui ó # então se você tiver usando outra cor como por exemplo né vamos supor que você tá usando vamos supor que você tá usando essa cor azul aqui tá vendo a você quer trocar você copia a cor vem aqui ó e cola aqui tem que ter a hashtag tá para funcionar é só isso que você vai substituir tá só esse codigo Zinho aqui ok que eu
vou usar aqui o 17 17 17 que é esse Cinza Mais Escuro que a gente tá usando o rosa que vai aparecer aqui em ativo tá vendo aqui ó aplicar estilo ativo que aí aparece quando a pessoa tá nessa aba é este código aqui aí você consegue mudar por aqui também tá então por exemplo quiser mudar para azul é só você substituir tá vou deixar rosa no meu e o ação de passar o mouse que é Hover que aqui ó efeito Hover também ó o código é esse aqui então se você quiser mudar só você
substituir esse código tá vendo ó substituir aqui para Azul pronto aí depois que você fez as suas edições Você vai clicar em publicar pronto essa abinha aqui você pode atualizar também deixa Deixa eu voltar aqui pra cor certa atualizar e já pode fechar ela ó agora se a gente acessar aqui ó página de minha conta já vai tá aparecendo tudo customizado bonitinho Ok então terminamos aqui a página de minha conta deixei a configuração da página de checkout aqui pro final e é isso que nós vamos fazer agora checkout método de pagamento então tô aqui na
página de de carrinho aí eu posso clicar aqui para clicar em continuar finalização de compra ou então você pode vir aqui em páginas todas as páginas vai ter aqui ó finalização de compra você vai clicar aqui em ver E aí você vai conseguir ver por padrão né o padrão do tema ela vem assim não fica feia não né fica bonitinha também mas se você quiser fazer ela mais customizada aí eu vou te ensinar agora que a gente vai precisar de um outro plugin aí para isso a gente vai entrar aqui no painel administrativo do press
vai vir em plugins Adicionar novo porque vamos usar um plugin chamado fluid checkout que é um plug bem legal para checkout que ele deixa o checkout separado em Passos também e dá pra pessoa ir fechando então facilita lá pro usuário né então a gente vai digitar aqui na busquinha fluid checkout exp aqui ó você vai clicar em instalar depois em ativar quando você ele já te leva para essa página dos plugins né Você vai descer aqui vai encontrar oó fluid checkout vai clicar em configurações aí você vai clicar aqui ó em cima em checkout aí
você vai deixar ativo esse aqui ó multietapas vamos acessar aqui pra gente ver ó ele já mudou a carinha aqui tá vendo ó já fez um formulário de Passos aqui e aí Olha Olha só você clicar aqui tá vendo ele vai fechando as abinhas Conforme você for preenchendo tá não tem o método de pagamento aqui porque a gente ainda não pôs mas a gente vai configurar isso fica também um carrinho configurado aqui e no mobile também que é no celular ele fica bem bonitinho também tá ó e vai ficando fechadinho ali conforme a gente vai
preenchendo ele fica bem legal só que você pode perceber que ele sumiu com o menu e com Rad pé né aí para isso a gente tem que vir aqui nessa que a gente tava e mudar aqui onde que tem modelo de cabeçalho para cabeçalho e rodapé do tema aí a gente desce até aqui embaixo e clica em salvar alterações ó aí se a gente recarregar ele já voltou com a rodapé e o menu aqui do tema ele percebe que ó tem esse carrinho aqui que a pessoa pode ir editando por aqui também vendo Total pode
tirar produtos também e ele fica fixo né você vai rolando a tela e ele vai ficando fixo isso aqui nessa parte então ele é bem interessante tá eu sugiro que você deixe essas cores que estão aqui mesmo que ele vai pegando as configurações do tema vou fazer um CSS e deixar para vocês só pra gente customizar esse botão aqui deixar ele Preto para ficar mais intuitivo né mas o restante a gente vai deixar como está ok única coisa que a gente vai fazer vai ser agora configurar o método de pagamento aqui no fluid checkout tem
várias outras configurações se você quiser você pode ir dando uma lida tá vendo para customizar mais e tem um vídeo aqui específico só sobre o fluid checkout que eu mostro todas essas configurações aqui mas essas cores que ele tem aqui já são cores padrões e pega as cores padrões aqui do nosso tema Então eu acho que não precisa da gente alterar Nada não pode deixar como está ok eu vou te ensinar um método de pagamento porque como você pode ver aqui não tem né não tá deixando efetuar o pagamento porque a gente ainda ainda não
adicionou o padrão não vem aqui no comce a gente tem que escolher o que a gente quer e colocar aqui Existem muitos métodos de pagamento tem pik seguro tem PayPal tem PicPay, tem Mercado Pago tem AppMax tem Asaas tem vários vários e vários Então você tem que fazer uma pesquisa sobre qual método de pagamento que você acha que vai funcionar melhor para você eu vou te indicar e vou criar aqui agora e te ensinar o Assas que é um método de pagamento muito bom e muita gente usa em várias lojas na internet então eu vou
te ensinar aqui mas se você não quiser usar ele você pode acessar aqui o o canal e pesquisar aqui na lupinha por método de pagamento ou get de pagamento que vai ter vários Vários vários ó inclusive esse Assas Eu fiz um vídeo ensinando mais a fundo aqui MercadoPago, PagSeguro, Picpay tem vários tá então se você quiser dá uma olhadinha nos outros Dá uma pesquisada para ver qual que você acha que fica melhor eu vou ensinar o do Assas tá então para isso a gente vai precisar vir aqui dentro do hipress vir em plugins Adicionar novo
aí você vai pesquisar aqui por Assas ó ele se escreve assim tá vendo a s duas letras A e um s no final é este daqui meio de pagamento Assas para o comerce você vai instalar e depois em ativar pronto assim que você instala ele te pede para fazer aqui ó tá vendo fica esse essa notificação falando que o Assas pro WooCommerce depende do Plugin do WooCommerce Extra checkout Fields for Brasil que significa que você vai instalar né é um plugin a mais você clica aqui ele já instala Direto você clica em instalar depois em
ativar e esse plugin ele faz com que seja adicionado o campo de CPF aqui no no formulário porque por padrão né como é um site estrangeiro Eles não têm esse tipo de documentação Então por padrão ele não vem nas configurações internas então precisa estar ativo para poder pegar todos os dados certinho que aceita aqui no Brasil Beleza depois que você faz isso aí você vem aqui em WooCommerce, configurações, aí vai ter aqui pagamento aí quando você ativa o plugin já fica aqui para você os três métodos de pagamento que o aa te permite né boleto
PIX e cartão de crédito aí você pode Ativar todos é só clicar assim e depois clicar em salvar aí agora a gente vai clicar em um deles pra gente fazer a configuração vou configurar primeiro aqui o do do pix ó só você clicar aqui do lado em gerenciar Veja se está habilitado ó essa função zinha aqui de habilitar Assas tá ele já vem habilitado mas se o seu não tiver você clica aqui para Habilitar ok Aqui é o título que vai aparecer lá essa é a frase que vai aparecer lá aqui na na abinha de
de pagamento aqui é com como vai ficar o status de pagamento quando aqui dentro do painel do cliente Enquanto Tiver processando né enquanto ele ainda não tiver pagando você pode colocar pagamento pendente ou aguardando vou deixar pagamento pendente mesmo aqui é o período de inspiração né o tempo que que vai levar pro pix parar de de funcionar então ele tem até três dias por exemplo para efetuar o pagamento com esse código de PX senão ele tem que renovar né via aqui e gerar outro aqui a gente já vai deixar em ambiente de produção e aí
agora a gente precisa gerar a nossa chave de api pra gente conectar o Assas a nossa loja então você vai acessar aqui o site do Assas é esse aqui ó Assas.com e aí é legal você dar uma olhadinha porque aqui ele vai te explicar como que funciona o método de pagamento no caso o Assas ele é uma conta digital para você efetuar as suas vendas aí online e aí tudo que você receber n aqui na sua loja vai cair aqui na sua conta do Assas E aí depois você pode né sacar pra sua conta pessoal
a conta que você gostar de usar tá E aí aqui você vai rolando aí ele vai te mostrar né como que funciona os preços ó se você clicar aqui em preços vai te mostrar como que funciona as taxas ó então tem a taxa de pix a taxa de boleto a taxa de cartão ele vai te explicar tudo é legal você vir aqui dar uma estudada e que nem eu te falei tem vários outros métodos de pagamento que você pode também estudar para ver qual compensa mais para você o Asaas é muito bom e é bastante
usado por isso que eu tô te indicando ele aqui aí depois você vai criar aqui a sua conta grátis é bem fácil é só você ir preenchendo aqui os seus dados e se vocês já tiver uma conta você vai clicar aqui em acessar minha conta e vai logar Tá eu já tenho a minha então eu vou efetuar aqui o meu login e pra gente gerar aqui a nossa chave de api que a gente vai precisar para colocar aqui você vai vir aqui na sua conta você vai clicar aqui em cima vai clicar em minha conta
aí estando aqui você vai clicar aqui em integrações E aí vai ter a abinha aqui de gerar nova chave de api Você vai clicar vou clicar aqui em avançar ele tem autenticação de dois fatores né então se aparecer esse aqui para você Você vai clicar em enviar o código que ele vai enviar um código aí pro seu sms e você vai colocar para autorizar você gerar essa nova chave de api pronto a chave de api foi gerada e fica aqui você pode clicar aqui em copiar eí você vem aqui cola essa chave de api já
clica aqui embaixo para salvar as alterações aqui é para você habilitar as notificações ó se você quiser permitir que o Ases Envie SMS né para notificar o cliente da compra para fazer a cobrança do pagamento você pode habilitar aqui e aí aqui a gente vai precisar habilitar o nosso web Hook web Hook a gente vai conseguir ver aqui ó a gente clica aqui em webook e tem vários aqui tá vendo o que a gente vai querer aqui habilitar agora é esse webook de cobrança Então a gente vai clicar aqui nele no lapizinho vamos clicar aqui
para habilitar vamos clicar aqui também para habilitar E aí aqui ele tá pedindo ó pra gente poder copiar este link que tem aqui e colar aqui eu já tinha testado no outra loja Por isso tá aparecendo né mas aí eu já vou instituir aqui e vou clicar em salvar aqui ele vai pegar o seu e-mail né que é o seu e-mail para para você receber notificações ele já pega o seu e-mail de cadastro aqui vou clicar em salvar tá vendo aí agora já está ativo agora a gente vai clicar em salvar aqui é para você
colocar o token de acesso o token sabe quando você Efetuar uma compra no cartão de crédito aparece lá no seu cartão o nomezinho lá de onde que comprou então é esse nomezinho aqui que você vai colocar Então vou colocar o nome da loja aqui Helena closet e vou clicar em salvar agora Quando a gente voltar aqui em pagamentos a gente pode configurar os outros métodos né que tá faltando cartão e boleto mas essas configurações de integrações elas já vieram ó já tá tudo pronto aqui aí você pode fazer outras configurações e adaptações mudar o título
mudar a frase que fica aparecendo lá né mudar o status do pedido o total mínimo de pedidos né que é permitido paraa pessoa efeitar pagamento a quantidade limite de parcelas se você não põe limite o valor máximo é 12 se você colocar por exemplo só quero que parela até cinco você pode colocar aqui o valor mínimo de um valor para parcelar então aqui tá r$ 5 se você quiser por exemplo que a pessoa só consiga parcelar a partir de 100 você muda aqui e o restante a gente pode deixar como está Então você vai configurar
aqui e vai salvar alterações a mesma coisa lá com a parte do boleto mas a parte do boleto ela já vem praticamente pronta também tá aí se a gente recarregar aqui a página agora já vai comear a aparecer aqui pra gente pra gente efetuar o pagamento Então vou preencher aqui os meus dados vou aqui prosseguir pelo pagamento E aí quando você preenche os seus dados ele já abre a abinha de formma de pagamento e agora a pessoa já consegue pagar ou em boleto ou em cartão de crédito ou então pelo pix tá vendo aí você
consegue clicar aqui e finalizar o pedido aqui também ele já deixa a essa opção de adicionar um cupom de desconto eu vou te ensinar agora como criar cupom de desconto inclusive né a gente colocou aqui várias vezes na loja né tem o cupom seja bem-vinda que é bem interessante muita gente dá um cupom de desconto pra pessoa assim que ela fizer a primeira compra aqui para poder fidelizar né E para fazer o cupom de desconto é bem tranquilo você vai vir aqui aí tem a aba aqui ó de marketing aí você vai clicar em cupons
aí você vai clicar em crie seu primeiro cupom aqui você vai dizer o nome dele né o nome da campanha vou colocar seja bem-vinda você pode colocar uma descrição aqui né dizer para que que é é opcional não é obrigatório então você pode colocar por exemplo cupom de primeira compra né aí aqui você determina qual que vai ser o tipo do desconto se vai ser desconto fixo no produto ou desconto fixo no carrinho ou desconto de porcentagem eu vou colocar desconto de porcentagem e aqui eu vou colocar porcentagem vou colocar 10% se for desconto fixo
aqui você vai colocar o valor que vai ser 1 em Tá eu vou colocar desconto de porcentagem aí vai ser 10% eh permitir frete grátis né se você for configurar método de frete grátis E aí permitir aqui pro cupom também não vou abilitar por enquanto e aqui se você quiser que tem uma data para inspirar esse cupom vou deixar por tempo indeterminado né visto que é para todo mundo que for comprar pela primeira vez aqui se você quiser configurar alguma restrição de uso então algum valor mínimo ou valor máximo paraa pessoa receber esse cupom e
aqui se você quiser selecionar só apenas alguns produtos pra pessoa conseguir aplicar esse cupom ou se você quer algum produto que você não queira que a pessoa consiga usar o cupom ou algumas categorias tá então você vai configurar tudo e vai clicar em publicar e aqui em limites de uso a gente vai configurar aqui ó limite de uso por cliente um porque esse cupom específico é pra pessoa usar só na primeira compra né então a gente tem que colocar um limite aqui sen ela vai conseguir sempre usar aí você vai configurar tudo isso e vai
clicar em atualizar pronto aí se eu recarregar a página aqui agora eu consigo clicar em adicionar o cupom aí o cupom É este aqui ó seja bem-vinda igual a gente tinha colocado aqui em alguns passos do site né e clica em aplicar olha e aí já aplicou tá vendo ó já colocou aqui 10% de desconto para ela né aí eu vou clicar aqui em pxs vou clicar em finalizar o pedido só para você ver ó o telefone é inválido né eu coloquei um telefone fictício aqui só para poder fazer vou colocar um telefone aqui válido
vamos ver se vai com esse aqui pronto aí quando você clica em efetuar pagamento com Pixel ele te redireciona para uma página aqui onde tem o código aqui pra pessoa né pagar com Pixel e tudo mais e aí aqui vai ter os dados dela os dados que ela preencheu se ela vier lá em página minha conta também vai est o pedido lá só que vai tá pendente né e agora eu vou te ensinar a customizar isso daqui porque você percebe que ele está desconfigurado né tá grudado aqui na tela então eu vou te ensinar a
configurar um espaçamento para não ficar aparecendo dessa maneira pra isso é bem simples A gente vai vir aqui em cima em personalizar vamos vir aqui em CSS adicional você vai vir aqui ó vai colocar um espaço aqui no final coloca o código no final para você saber do que que é E vai colar este código que aí ele vai desprender ele vai desprender da tela tá vendo e aí vai ficar um espaço legal aqui pra pessoa conseguir enxergar sem nenhum problema aí você clica ali em publicar Ok então pronto a nossa página de checkout aqui
ela já está configurada você não consegue acessar a página de checkout a menos que tem um produto no carrinho que ela a página de finalização de compra então Ó vou escolher um produto aqui colocar no carrinho pronto aí eu consigo né ver o carrinho consigo finalizar a compra aí eu consigo ver Tá tudo funcionando aqui direitinho tá então ó se eu o pagamento aqui com pix né ó aí ele não tá mais grudado nas extremidades se a gente coloca aqui no mobile também ela também não tá grudada nas extremidades com a visualização legal né agora
a gente já finalizou aqui a parte do layout e vamos fazer alguns ajustes aqui no nosso site que eu deixei aqui no Passo qu né ajustes de funcionamento o get de pagamento acabei já ensinando ali na parte do checkout também né então o get de pagamento que é o Assas que é a forma de pagamento a gente já terminou de configurar o plugin dos correios e o frete eu não vou configurar com vocês nesse vídeo porque é uma configuração grande e o vídeo já está ficando muito longo e já tem um vídeo exatamente sobre isso
aqui no canal Inclusive essa questão de correios e de entrega também são coisas que você pode escolher porque tem vários então tem como você cadastrar o dos Correios próprio mesmo tem ó o vídeo aqui no canal só você vir aqui na lupinha min digitar correios tem esse último vídeo aqui que eu te ensinei a integrar a nova api dos Correios com a sua loja WooCommerce só que aí você precisa ter CNPJ você precisa ser uma loja para fazer isso se você não tiver CNPJ tem como você fazer uma conta no melhor envio que eu ensinei
Neste vídeo aqui tá vendo ó como configurar melhor envio que aí você faz uma conta no site do melhor envio e ele tem a conta com o correio então ele intermedia isso para você entendeu E ele também tem desconto nos fretes é bem legal então tem o melhor envio aqui tem outros métodos de entrega também que você pode configurar aqui no próprio melhor envio você consegue colocar transportadora também então tem a log tem várias então Você Decide qual que você vai usar se for direto com os Correios você tiver CNPJ tem esse vídeo aqui se
for melhor envio tem esse outro aqui tem vários outros também colocar frete na página do produto e tudo mais tá bom então essa parte eu não vou te ensinar porque já tem no canal e vamos configurar aqui o login na página de minha conta quando a pessoa Quando a pessoa não tá logada ó vou acessar aqui numa guia anônima para conseguir ver o site deslogado e ela clica aqui ela vai pra página de minha conta aí por padrão tá vendo ele não deixa a gente efetuar um cadastro porque pra gente conseguir se cadastrar a gente
precisa permitir isso aqui dentro da nossa loja então nós vamos vir aqui em configurações geral tem que tá ativo isso aqui ó qualquer pessoa pode se registrar e também você tem que vir aqui em WooCommerce configurações contas e privacidade aí você tem que deixar aqui ó permitir que os clientes criem uma conta durante finalização de compra e permitir que eles criem uma conta na página de minha conta que é essa página lá onde a gente estava aí você ativa vem aqui embaixo em salvar alterações e aí se a gente recarregar a página agora tem aqui
o formulario Zinho de cadastro se a pessoa consegue e consegue se cadastrar aqui na página de minha conta OK então isso aqui já está configurado agora a gente vai configurar o redirecionamento pra página de carrinho aqui mesmo nessa abinha ó Ah temos que ativar isso aqui permitir que os clientes conecte-se em uma conta durante a finalização de compra e se ele tiver ele consegue logar tá então a gente vai deixar ativo aqui vai clicar em salvar aí você vai clicar aquio em produtos vai vir aqui para essa aba e vamos ativar o redirecionar ao carrinho
após uma adição bem-sucedida dessa forma quando a pessoa adiciona um produto aqui no no carrinho ela já é direcionada lá pra página de carrinho para comprar aí se ela quiser continuar comprando aí vai ter um botãozinho lá né que vai dizer voltar a comprar continuar comprando aí se você quiser que isso aconteça você ativa aqui ou se você não quiser também não precisa ativar tá então se você quiser você ativa aqui e salva e pronto agora também deixei o passo cinco aqui que são alguns ajustes finais ó linkar o menu e Rod pack ficou faltando
algumas coisas né então aqui no caso do nosso menu ó aqui na parte de novidades é pra pessoa clicar e vir para essa aba aqui né que é onde está a nova coleção então primeiro a gente vai criar essa ligação aqui dentro da página Então a gente vai vir aqui né na nossa página inicial vamos clicar aqui em editar com elementor aqui onde tem nova coleção a gente vai vir aqui na na biblioteca vai pesquisar por um wiet chamado ncora e vai colocar aqui em cima e aí aqui a gente vai criar um ID chamado
novidades ele não aparece nada aqui fica invisível mesmo tá E vamos clicar aqui em atualizar aí a gente vai vir aqui dentro do painel administrativo do WordPress ó a gente pode até passar o mouse aqui dentro e já clicar em menus que a gente já vai parar lá na aba de menus e aqui na onde que tem novidades a gente vai copiar o link da nossa página que é a nossa página inicial vai colar aqui tem que deixar essa Barrinha no final e escrever hash e o nome lá do id que a gente acabou de
criar aqui no caso é novidades aí você pode copiar esse link aqui também e salvar esse menu que a gente colocou aqui foi no menu mobile né pra gente colocar no menu principal a gente seleciona aqui ó menu principal clicando em selecionar E aí nele a gente vem aqui na Ava de novidades e substitui o link pronto vamos testar agora a gente clicar aqui em novidades ó ele nos traz aqui para baixo ó pra aba de novidades Ok então assim que a gente vai fazer essa ligação aqui uma coisa que ficou faltando aqui também eu
colocar a categoria da coleção né isso vou te ensinar até para você poder ficar mudando porque as coleções elas mudam né então por exemplo Ó você vai vir aqui na aparência menus tem que fazer isso nos dois menus que a gente criou dois tá vendo Então o principal que é o que a gente tá olhando aqui aí para você colocar uma nova categoria aqui alguma nova cor nova página que você quiser é só você adicionar e arrastar para cá então por exemplo eu vou vir aqui na categoria de produtos vou pegar aqui a coleção outono
inverno né a a categoria da coleção outono inverno vou clicar em adicionar o menu e aí vou arrastar aqui para cima vou clicar em salvar Vou acessar a página aqui para eu já conseguir ver como é que tá ficando vendo aí já tá ficando aqui já tem aqui todos os produtos novidades e outono inverno aí se eu clico já vai pra categoria da onde que tem só esses produtos aí quando você quiser trocar vamos supor que surgiu a coleção da primavera Aí você vem aqui abre né clica em remover vem aqui na categoria do produto
e procura a categoria que você criou né Adiciona ao menu e só coloca aqui no onde que você quer que apareça e depois clica em salvar você tem que fazer isso nos dois menus né vou vir aqui vou vir aqui no vou clicar em selecionar aqui eu já tinha colocado na verdade né então aqui eu não preciso mudar então depois que você fizer todas as alterações é só clicar em salvar outra coisa que eu vou te ensinar a fazer aqui também ó vou mudar aqui para de cabeçalho pro menu cabeçário né que é esse que
aparece aqui às vezes você acessa uma loja e você passa o mouse aqui em Um item do menu e abre um submenu para você fazer um submenu é assim ó eu vou fazer nessa aba de novidades aqui e vou colocar por exemplo aqui em categoria de produtos aí vamos dizer que eu tenho novidades em blusas tenho novidades em jeans tenho novidades em vestidos em shorts tenho novidades em vestidos todas essas categorias de produtos aqui eu coloquei novidades então vou clicar em Adicionar novo e aí essa daqui essas que eu adicionei eu arrasto para baixo da
onde que eu quero então Ó eu quero que tenha escrito novidades e a pessoa passe o mouse e ten o submenu embaixo então eu vou colocar todas embaixo de novidades ó Então aqui tem vestidos jeans shorts mesma coisa poderia ser por exemplo aqui eu tenho vestidos né Aí eu criei a categoria vestidos curtos vestidos longos vestidos de festa também posso fazer assim então você só tem que arrastar ele pro lado para ficar com esse espacinho E aí você clica em salvar deixa eu recarregar aqui a página aí agora já apareceu até esse iten Zinho se
a gente passa o mouse aqui ó ele já cria pra gente um submenu e se você quiser criar outras categorias que nem eu falei para limitar mais ainda as outras é bom também então você pode vir aqui em categorias ó produtos categorias e vamos criar por exemplo essas categorias que eu te falei de vestido curto vestidos curtos aí para ficar ascendente que é um termo para que a categoria fique ligada a outra você vem aqui ó quando tem alguma categoria que é ligada você escreve o nome dela aqui e aqui ó ascendente você vai e
escolhe qual categoria que é Então essa aqui vai estar ligada a categoria vestidos eu vou deixar aqui vestidos curtos aí depois eu clico no enter do teclado para poder salvar aí ó ela já vai ficando ligada aqui já fica com esse tracinho ligado aqui embaixo aí eu vou colocar outras vestidos longos aqui já tá selecionado vestidos aí eu coloco vestidos de festa vem aqui seleciono vestidos e dou enter tá vendo e aí você vai ir lá nos produtos né em todos os produtos e vai selecionar os produtos que você quer colocar essa categoria então por
exemplo vou selecionar alguns vestidos longos aqui ó esse é um vestido longo Esse é um vestido longo colocar esses dois por enquanto eu posso fazer isso em massa inclusive que é você vir aqui ó ações em massa clica em editar clica em aplicar aí vai abrir esses dois aí você vem aqui e seleciona essas categorias ó vestido longo e aí vem aqui embaixo e clica em atualizar aí eu quero também colocar é vestidos curtos Ó tem esses dois aqui seleciona esses dois vem aqui editar aplicar aí já coloca ó vestidos curtos já seleciono né e
clica aqui em atualizar aí vestidos de festa eu tenho uns aqui que dá para ser nessa categoria também vem aqui na próxima página este vestido aqui por exemplo é um vestido mais de festa esses daqui né seleciono eles editar aplicar já vem aqui seleciona vestido de festa e clica aqui em atualizar criei as categorias e já linki os vestidos né Aí eu volto aqui na aparência menus vem aqui ó categoria de produto ver tudo pego essas categorias novas que eu criei seleciono todas clico em adicionar ao menu e aí vou colocar embaixo de vestidos, ó,
vestidos, Vestidos de festa vestido longo e clique em salvar e agora se eu recarregar minha página também já tá aparecendo tá vendo ó uma abinha aqui e aí já tem o submenu aí se eu clica em vestidos longos aí já me mostra aqui os vestidos que eu coloquei essas categorias tá vendo Então é assim que você faz submenus eu não recomendo que você faça na parte do do celular senão vai ficar muito conturbado o menu pro celular tá mas aqui no top fica legal ó e aí ficou assim agora vamos linkar o nosso roda pack
que ficou faltando algumas coisas né então lembre-se Sempre que você quiser acessar algum modelo você vai passar o mouse em cima de Elementor tá vendo tem aqui cabeçal roda pé a gente vai fazer isso vai clicar aqui em cima de roda pé para editar lá então vem aqui confere para ver se estão todos aqui com os links ó aqui por exemplo eu tinha colocado a página de política de privacidade mas aí eu Já criei a página de política de devolução e trocas eu posso selecionar o link correto também a página de política de entregas e
prazos Eu também criei eu posso selecionar o link correto aqui n faça seu login Tá certo meus dados também está certo aqui o rastreio de pedido a gente pode colocar aqui na página de ó vai ter aqui a página de minha conta então vai ter aqui meus pedidos ó aí a pessoa clica em visualizar E aí aqui embaixo na aba de pedidos ela vai conseguir clicar em visualizar E aí Quando você processar o pedido e colocar o cód rastreio para ela ela vai clicar aqui em visualizar e aqui vai ter o código de rastreio dela
E também o link para ir pros Correios tá então você pode pegar esse link ó aqui da página de pedidos tá vendo ó o mesmo da página de pedidos e colocar aqui também em rastreio de pedidos que aí ela vai conseguir Visualizar por lá aqui em Fale Conosco que a gente já tinha colocado tudo né aqui você tem que colocar o link aqui do seu WhatsApp das redes sociais também ó vai abrindo vai colocando o link das redes sociais depois de tudo que você configurou você clica aqui em atualizar tá aqui na PG de contato
vamos ver página de contato não na página de quem somos vamos ver se a gente linkou linkamos este linkamos este já tá tudo linkado por aqui também agora vai ficar faltando a gente colocar o favicon o favicon é esse iconezinho do site que aparece no navegador tá vendo a gente vai vir aqui clicar em personalizar clicar do site e é essa abinha aqui a gente clica e a gente pode arrastar o nosso ícone Pra cá geralmente a gente pega um ícone da logo ou uma letra um pedacinho da nossa logo que represente a gente e
coloca lá eu já tenho e já Tô deixando aqui para vocês o material de apoio o meu ícone que é esse daqui então você vai arrastar ele para cá né você vai baixar lá no material vai arrastar para cá você pode fazer isso pelo canva também Criar o seu iconezinho lá vai clicar em pular recorte e clicar em publicar E aí ele já vai começar a aparecer ali em cima tá vendo agora nós vamos adicionar o botão do WhatsApp isso aqui é opcional muitas lojas tem né porque hoje em dia as pessoas se comunicam muito
pelo WhatsApp então se você quiser colocar vou ensinar é bem tranquilo vai acessar aqui o painel vai vir em plugins Adicionar novo vai editar aqui join chat é esse aqui ó tem que digitar junto tá para poder aparecer você clica aqui em instalar depois é ativar aí ele te leva para essa página você vai localizar o plugin e vai clicar em configurações aí aqui ele vai aparecer um tutorial para você você clica em Ok vamos começar aqui você vai colocar o número de telefone colocar um número fictício aqui vai clicar em pronto aqui você vai
escrever uma mensagem que a pessoa vai escrever para você quando ela clicar no botão que ela já gera uma mensagem automática ó aqui ele já dá um exemplo que é o padrão né Olá e aqui Helena closet né ele vai pegar o nome do site precisa de mais informações sobre tal coisa sobre o site Então já vou deixar esse padrão vou clicar em continuar se você quiser editar é só clicar lá para editar tá aqui é a mensagem que aparece num popup Zinho que se a pessoa ficar um tempo sem mexer na loja aí aparece
lá o popup Zinho para ela Aí já aparece Olá podemos ajudar vou deixar esse aqui mesmo vou clicar em continuar aqui se você quiser receber novidades dele eu vou colocar que não e pronto aí você clica em ir para as configurações do join chat porque aqui você consegue mudar né aqui você consegue mudar a dica né que é a frasezinha que aparece ó vou recarregar a página aqui para você ver Tá vendo Depois de alguns segundos ele já aparece o botãozinho aqui inclusive aqui você consegue determinar quanto tempo de atraso para aparecer o botão então
aqui tá com 3 segundos né Depois de 3 segundos aparece o botão se você quiser que já apareça imediatamente por exemplo um segundo aí você muda para cá Aqui é onde que você quer que apareça ele tá aparecendo aqui no lado direito da tela Se você quiser mudar pro esquerdo você muda para cá aqui a frasezinha que aparece Então você consegue mudar aqui também depois de um tempo aparece essa frasezinha aqui ó precisa de ajuda aí aparece um balãozinho aqui do lado você consegue mudar essa frase aqui também aqui se você quiser que ele seja
exibido apenas no celular aqui se você quer que ele abra diretamente no WhatsApp web e aqui se você quer que apareça um QR Code no computador para ele escanear aí pro telefone eu vou deixar tudo padrão como está tá bom e vou clicar em salvar aí já fica configurado aqui certinho tá uma outra coisinha que faltou a gente ajustar é colocar o link aqui pra categoria de destaque né então pra gente criar né uma aba aqui do nosso site com os produtos em destaque a gente vai criar uma categoria chamada destaque então a gente vem
aqui em produtos categorias e a gente vai criar essa categoria chamada destaque só dar enter que a já vai ficar aqui e aí a gente vai clicar aqui ela já ó em ver e clicar em copiar endereço de link e aí a gente vai abrir o nosso editor Vamos colocar aqui no botão ó clica aqui no botão cola o link dela aqui já confere né se os outros botões estão linkados E aí a gente vai vir aqui em produtos todos os produtos e vamos selecionar os produtos que estão em destaques né Aí você seleciona aqueles
produtos que você vê que tá tendo mais saída ou aqueles produtos que de repente você aplicou uma promoção e você quer que saia mais né então por exemplo ó a gente colocou aqui esses que foram mais avaliados né blusa vestido longo como eu já tenho alguns aqui ó eu posso ou vir aqui em produtos todos os produtos né e selecionar alguns aqui que eu quero que fiquem em destaque ó posso até selecionar vários de uma vez e aí eu venho aqui editar aplicar E aí seleciono a categoria des destaque e clique em salvar pronto que
aí quando a pessoa clicar em ver todos os destaques ó aí vai mostrar aqui os produtos que eu marquei com essa categoria outra coisa que eu poderia ter feito aqui também ó como aqui estão os mais avaliados só você clicar aqui abrir uma nova janela ó clica todos em abrir uma nova janela que a você consegue vir neles clica aqui em cima em editar E aí você vem cada um E vai colocando aqui ó destaque e atualiza né vai clicando aqui em editar em cada um deles vai indo lá na página e vai colocando E
aí dessa forma você consegue ir linkando aqui na página home né ou os produtos que são mais avaliados ou então os que você colocou nessa categoria de destaque então ó outra coisa aqui que também ficou faltando é que quando você acesta sem estar logado né ou pela primeira vez no site tanto aqui na página do produto onde tem aqui esses produtos vistos recentemente aparece uma mensagem em inglês falando pra pessoa que é a primeira vez que ela tá acessando né ou que não tem produtos aqui para ela para ela ver tanto aqui quanto na página
da loja fica aqui embaixo e também na página do carrinho aqui nessa abinha de cupom fica escrito em inglês e não tem opção de traduzir aqui pelo plugin então eu vou indicar que você assista um outro vídeo para fazer essas traduções que é este daqui ó Loko translator como traduzir textos do site E aí você vai escolher aqui na hora de escolher o plugin você vai escolher o shop andine para traduzir tá tem um vídeo aqui só sobre isso Então vale a pena você assistir e traduzir qualquer parte do site que não estiver em português
e algumas outras configurações que ficou faltando aqui ó aqui No Woocommerce a gente vai vir em Campus do checkout e E aí aqui você consegue determinar se você quer que a pessoa compre pessoa física e pessoa jurídica ou apenas para pessoa física ou apenas para pessoa jurídica é mais comum a gente vender em loja de roupa por exemplo para pessoa física né então vou deixar pessoa física aqui se você quer que exiba o campo de RG eu não vou colocar ou se você quer que peça data de nascimento gênero aqui se você quer que muda
o tipo do campo de telefone para celular eh aqui é interessante a gente marcar né para colocar o campo de bairro como obrigatório para que a pessoa preencha o formulário lá certinho não tem nenhum erro no endereço dela né validar CPF CNPJ já tá ativo aí a gente vai clicar em salvar as alterações e outra coisa que ficou faltando também a gente vai vir aqui em configurações e aqui mesmo na aba de Geral ficou faltando a gente preencher o endereço da nossa loja porque quando os Correios forem fazer o cálculo do frete ele eles vão
considerar aqui também o endereço seu tá então vou pegar o endereço aqui do do Shopping da minha cidade só para colocar o endereço aqui para vocês entenderem é só você preencher aqui aí aqui na linha dois você preenche o bairro né o número o bairro aqui a cidade um CEP aí aqui no meu CEP ficou errado tem que colocar o CEP qu diz com o endereço e aqui os seus locais de venda ou se você vai vender para todos os países ou se você vai vender por exemplo para todos os países exceto um ou para
países específicos se você quiser vender só pro Brasil você vem aqui e seleciona Brasil aqui é para você configurar a moeda né se você quiser se você tiver fazendo uma loja estrangeira quiser mudar aqui o tipo da moeda você muda por aqui e aí depois você salva as alterações ok Ok e uma outra coisa também que como a gente instalou o plugin fluid checkout ele fica pedindo ó pra gente poder atualizar os dados do banco de dados Então a gente vai clicar aqui para poder atualizar tá E aí pronto ó ele já tá fazendo essa
atualização em segundo plano então nós Já terminamos todos os ajustes aqui do nosso site e vamos aqui para o passo seis que são algumas sugestões são coisas que eu não vou ensinar nesse vídeo mas eu Vou sugerir para você se você quiser fazer tudo isso aqui que eu estou te mostrando já tem vídeo no canal Então é só você pesquisar olha seo Seria uma boa configuração de você fazer no seu site o se são configurações que a gente faz para fazer com que o nosso site apareça no Google né lá nas pesquisas de uma forma
mais rápida Então o Google ele gosta que o site esteja com algumas configurações feitas para que ele recomende você pras pessoas Isso se chama so tem vídeo no canal ensinando com plugin gratuito otimização otimização são configurações que você faz pro site ficar mais rápido então você otimiza as imagens otimiza os plugins tudo para que quando a pessoa acessar o seu site carregue tudo bem rapidinho tem vídeo aqui no canal também lgpd lgpd é a lei geral de proteção de dados quando você acessa a qualquer site na internet sempre tem um balãozinho assim pedindo para você
aceitar os cooks de privacidades isso daqui é obrigatório em todo site porque é uma lei né para você proteger os dados das pessoas e tem vídeo aqui no canal te ensinando a configura um plugin para isso tem também vídeos tando cadastrar nas ferramentas do Google como analytic search console que são ferramentas que vão te ajudar no seu marketing tem vídeos aqui tem playlist design né você viu nesse vídeo eu te ensinei a criar banner te ensinei a criar várias coisas e tem vídeos aqui ensinando mais detalhados como criar banner Artes e tudo mais o Photoshop
com canva com a ferramenta que você quiser tem a Playlist de Marketing com elementor também então eu te ensinei a instalar pixel no Facebook Pixel pra loja Pixel do Google então se você quiser fazer campanha de tráfego pago tem esses vídeos aqui também para isso plugin de segurança que é muito importante para você deixar o seu site seguro assim como fazer backup também inclusive é uma rotina que você tem que fazer assim se você tem loja e vende todo dia o bom seria você fazer todo dia mas se não não puder não quiser pode fazer
uma vez por semana uma vez a cada 15 dias pelo menos para você ter o seu site ali como backup se acontecer alguma coisa se você perder o site seu site foi invadido acontecer qualquer coisa você tem uma cópia dele do jeitinho que ele tá aqui ó você vai precisar só arrastar um arquivo para cá e subir e o site vai se restaurar agora se você não tiver backup acontecer alguma coisa com o seu site você tem que fazer tudo de novo então é importante você ter um backup se você vende todo dia faça o
backup todo dia é bem tranquilo é basicamente clicar num botão então é fácil tá bom facil backup e tem uma playlist aqui de WooCommerce. WooCommerce é essa ferramenta que a gente usou para criar a parte de loja é onde você consegue configurar todos os produtos aqui ó acessar os produtos as compras né então tem essa playlist de WooCommerce e já já eu vou lançar um vídeo exclusivo de WooCommerce ensinando a gerenciar loja então eu vou fazer bem detalhado todas essas abinhas aqui porque aqui eu passei bem rápido só ensinando o que que a gente precisava
Para criar a loja mas depois eu vou fazer um vídeo específico sobre isso e você também pode tutoriais no próprio site do WooCommerce pode ir acessando aqui lendo as abas tá bom e tem essa playlist de WooCommerce ensinando várias configurações aqui bem legais se você quiser se você quiser fazer Carrocel de produtos tem se você quiser fazer isso aqui ó que nem eu mostrei nessa loja colocar aqui a configuração do parcelamento aqui no card tem também então assim tem muita muita coisa legal aqui na playlist de ecommerce vale a pena você dar uma assistida e
conferir Tá bom então é isso pessoal vamos fazer a conferência final aqui da nossa loja Ah tá faltou uma coisinha antes da gente finalizar pessoal aqui na parte de login eu acho que ficaria legal a gente fazer assim ó vamos modificar aqui o nosso menu passa o mouse em cima de elementor vem em cabeçalho e aqui a gente vai adicionar a palavra minha conta minha conta que o usuário sabe né que ele clicando aqui ele pode se logar ou se cadastrar ou ir pra página de minha conta porque às vezes meus pedidos a pessoa acha
que se ela clicar lá ela não vai ver os dados dela né então é sempre bom a gente deixar o mais intuitivo possível E aí a gente tem que dar uma ajustada né vem aqui neste vem aqui em avançado aumenta um pouquinho o espaçamento dele para não quebrar a linha ó vamos deixar 24 e nesse aqui a gente pode diminuir Vamos ir em avançado Vamos diminuir um pouquinho o espaço dele não deixar 12 e vamos clicar em atualizar Beleza vou recarregar aqui a página pronto então tá aqui o nosso site ó essa é a página
home né a página inicial Lembrando que se você tiver clicando aqui em início e não tiver aparecendo a página home é porque você não configurou a página home como a página principal você pulou essa parte você tem que vir em configurações leitura que ó vai estar assim né aí você tem que mudar para cá e selecionar a página início né ou a página home para ser a página inicial e clicar em salvar Ok então aqui temos a nossa página inicial temos aqui também a página de todos os produtos temos aqui o filtro temos a página
de contato temos a página de quem somos temos a página de políticas de privacidade de políticas de devolução e troca de entrega de prazos a página de minha conta né que a pessoa consegue logar lá também configuramos todas as áreas aqui do nosso site e ficou assim o nosso projeto. Eu espero muito que você tenha gostado, se você curtiu deixa um like no vídeo, se inscreve no canal, ativa o Sininho, me segue nas redes, um abraço, até a próxima, tchau.