Como Criar uma Loja de Dropshipping no WordPress com WooCommerce e Elementor [AliExpress e Dsers]
Fala pessoal, tudo bem? Aqui é a Micaela do Descomplicando Sites e nesse vídeo eu vou te ensinar a criar uma loja dropshipping com WordPress e Woocommerce Bom, pessoal. Pra quem não sabe, Dropshipping é um tipo de loja que você consegue vender sem precisar ter estoque e essa prática se tornou muito popular ultimamente né. Tem muita gente fazendo ganhar dinheiro com isso esse tutorial vai servir Tanto para você Dropshipper que quer criar a sua loja lá no WordPress com Woocommerce
quanto para você criador de site, desenvolvedor de site que que aprender criar esse tipo de loja para poder prestar esse tipo de serviço para quem precisar é como sempre né em vídeo completo aqui do canal eu vou te orientar assistir esse tutorial duas vezes a primeira é assistindo para se familiarizar com as ferramentas e ver como vai ficar de coisa funciona. E a segunda para valer praticando né colocando em prática tudo que você aprender no tutorial. Como sempre també m o material
didático dessa aula vai ficar lá no nosso drive e você consegue ter acesso a esse drive lá no nosso canal do telegram, eu sempre deixo aqui na descrição dos vídeos o link para o nosso canal e você pode clicar ir para lá que eu sempre compartilho essas coisas com vocês, aviso de vídeos, enquetes, várias coisas. Eu também vou te pedir para me seguir lá no Instagram para a gente poder interagir por lá. Eu também vou te pedir para dar um like aqui nesse vídeo s e inscrever no canal se
você não for inscrito me seguir lá nas minhas redes sociais para a gente poder interagir por lá, tá. Vou lá pra tela do meu computador agora. Então vamos lá pessoal, eu anotei aqui os passos que a gente vai seguir para a criação da nossa loja e a primeira coisa que a gente tem que fazer, é a compra do domínio e da hospedagem tá. O quê que é domínio domínio é o link do nosso site é o link que a gente acessa para poder entrar no nosso site e para vo cê poder ter um link assim
personalizado com o nome da sua empresa, você precisa pagar por isso, você precisa pagar pelo direito de usar esse Domínio Não é caro não tá pode ficar tranquilo e você precisa também da hospedagem e hospedagem como se fosse um mega computador que hospeda os arquivos do seu site. E faz com que ele ficque online na internet, então é através da hospedagem que a gente consegue acessar os sites né, porque eles ficam lá hospedados nesses mega s computadores e aí as empresas de hospedagem
vendem um pedacinho daquele computador para você hospedar o seu site, entendeu como se fosse isso. E você precisa pagar por isso, eu gosto de comprar aqui na Hostinger que uma empresa muito boa. Ela é uma empresa internacional. Então ela tem a empresa brasileira, tem em outros países e é um servidor muito bom de alta-performance, inclusive é parceiro aqui no canal e nós aqui do canal, temos um cupom de desconto que eu vou deix ar o link aqui na descrição, vou deixar o cupom também
para você ir lá aproveitar o cupom. E aí que na Hostinger para poder fazer a compra né, assinatura da sua hospedagem, você vai vir aqui geralmente ele já fica aqui na página de hospedagem e aí aqui tem alguns planos aqui olha só, e aí eu indico pra comprar o mais top dos planos que você puder, porque a loja é um site grande né, que consome muitos recursos, principalmente porque quem trabalha com dropshipper trab alha com campanhas né, tráfego pago e leva muito tráfego lá para o
site, então tem que ser uma hospedagem boa que comporte isso tá. É esse plano Business aqui seria bom para começar eu vou fazer a compra de um. Eu já tenho Hospedagem. Mas eu vou fazer uma compra de pelo menos um ano aqui com vocês, para poder mostrar para vocês, como é que é, então assim, você vem aqui você escolhe o plano, que tem todas as informações, nesse plano inclusive, você pode criar até cem sites, ele tem 200 GB de armazenamento, né, e comporta até 100 mil visitas
mensais, que você tem que levar isso em consideração quando cê for fazer suas campanhas, tá. Se você tiver com a loja fazendo muito sucesso, e você ver que o seu site está dando muito mais visitas do que isso, vai estar na hora de subir o seu plano. Mas pra começar, Tá ótimo esse plano aqui. E-mail grátis então ele te deixa criar até cem contas de e-mail profissionais, SSL, SSL é esse Cadead inho aqui tá vendo?! que ele contribui para a segurança do site. Então se você compra esse
plano ele te dá esse SSL grátis, Um Domínio grátis, o domínio como eu te falei é o link, né, do site e se você compra a partir de um ano, você tem direito a um domínio grátis por um ano e depois de um ano você começa a pagar esses 39.90 do domínio, mas nessa primeira compra você assina e paga só a hospedagem e aí depois de um ano você começa a pagar o domínio tá. E você também recebe crédito no Google ADS, isso é muito bom para quem vai, isso é muito bom para quem vai trabalhar
com um dropshipping né, então aqui você ganha, é um valor aqui de crédito no Google, para você anunciar lá, ele tem largura de banda ilimitada então é muito bom, tem gerenciador de WordPress, aceleração de WordPress, então é um plano muito bom para o tipo de site que a gente vai fazer, aqui no WordPress. Tem garantia, tem banco de dados ilimitados, um monte de coisa , ó backup diário, CDN grátis, então se você clica aqui você consegue ver outras características também. É muito bom
este plano. E aí você vem aqui, clica em adicionar ao carrinho E aí já vai te levar que o check-out aqui e aí aqui você consegue ver o valor que vai ficar. E aqui no caso você consegue escolher a quantidade que você quer, vou comprar esse de 12 meses aqui tá vendo, que fica a partir de 23 reais por mês, ele fica no total 281 tá, E aí aqui em possui um cu pom de desconto eu vou clicar aqui e vou colocar o cupom aqui do canal, vou clicar no maizinho, e ele diminuiu um pouco aqui
valor né, E aí aqui embaixo você consegue fazer a escolha do seu domínio tá, aí já fica escrito aqui: você tem direito a um domínio grátis. Eu já pensei meu nome do meu domínio, nome da loja que eu vou querer eu sugiro que antes de você fazer a compra aqui, você dá uma pesquisada aqui no site da Hostinger mesmo, dá para você pesquisar aqui se o domínio que você quer está disponível, então se você vir aqui em domínio, registro de domínios, você pode ir testando aqui vários domínios
aqui tá, o domínio que eu quero por exemplo, ele é o online shopping acessórios. Online Shop acessórios e aí pesquisando aqui eu consigo ver que todas as extensões de domínio estão disponíveis inclusive a.com.br tá vendo?! e aí tem a ponto online .com .X, tá vendo todas as extensões estão disponíveis para compra, e então é o domínio está disponível. Você tem que tomar cuidado na hora que você for comprar, porque às vezes você foi lá e escolheu um nome que alguém já comprou o
domínio, por exemplo, o meu se chama descomplicando sites, descomplicando sites. Ó esse domínio já está em uso, descomplicandosites.com.br entendeu?! então antes de você comprar o seu domínio você tem que fazer essa pesquisa, para ver se o que você quer está disponível, tá. então já vou colocar aqui o meu, online, também tem que prestar atenção se tá tudo escrito direito tá?! online Shop acessórios, e aqui você escolhe a extensão, eu vou comprar por enquanto aqui o ponto com, tá?!
onlineShopAcessorios.com aí eu vou colocar aqui no pesquisar que ele vai ver se está disponível, ó está disponível aqui certinho. Aqui tem ocultar informações de domínios se você quiser ocultar informações, suas informações de compra aqui do domínio, nome, onde é que está hospedado. Eu não vou, não vou ativar po r enquanto esse serviço, tem outros serviços que eles oferecem aqui também mas por enquanto eu não vou aceitar, tá. E ai Pronto. Já fizemos aqui a escolha, agora a gente vai
vir aqui e vai clicar em Pague agora. Aí ele vai pedir para você escolher o método de pagamento que você quer. Eu vou escolher aqui o cartão de crédito. Pronto, agora ele te leva para essa aba aqui, para você poder realizar a compra, você vai colocar os seus dados aqui, depois vai clicar em pague agora, eu vou colocar os meus dados depois já vou clicar em Pague agora que aí já vai para outra aba tá?! Pronto. Depois que você compra ele te leva aqui para as páginas iniciais né, fala
para você começar as configurações da sua hospedagem, pode ir clicando para seguir. Ele pergunta Estou criando um site para eu mesmo, um cliente, uma empresa. Você coloca "eu mesmo", ele será um site... uma loja virtual, pode colocar. Eu sou Criador de site: profissional, experiente, inic iante. Eu vou colocar profissional aqui. E aí ele já pergunta se você já quer fazer a instalação Tá?! eu vou ahh fazer essa instalação do WordPress aqui, que é a plataforma que a gente vai
usar então você pode clicar aqui selecionar. Ah tá. Uma coisa que eu esqueci de te falar. no meu caso eu já estou logada no site da Hostinger e por isso que ele já efetuou a compra e já me mandou direto. Não teve uma etapa para eu colocar login e senha, mas se for a primeira vez que você estiver comprando a Hostinger, antes de finalizar a compra, ele vai pedir para você criar um login e senha normal. Só por um e-mail, uma senha, tá?! aqui ele tá me mandando criar a conta aqui do
WordPress E aí ele já pega o meu e-mail aqui, como... para ser o e-mail, o endereço de e-mail e ele já pega a minha senha aqui, eu vou colocar uma senha nova aqui e depois vou clicar em continuar. E aí ele pergunta se você quer instalar algum tema, eu vou colocar não. Não precisa de um template. Dê um nome para o seu site, aqui escolho o domínio, aí eu vou pegar esse domínio aqui, vou clicar em selecionar E aí como eu acabei de registrar ele tá pedindo para completar o registro do
domínio, né?! que eu acabei de comprar, aí eu vou clicar aqui em finalizar, isso pode acontecer com você também. onlineShopAcessorios.com está sendo registrado, aí ele vai carregar por um tempo e Pronto. Agora vamos finalizar a configuração, finalizar configuração, e clica aqui tá? ele vai carregar mais Pronto. Aí quando chegar nessa página aqui, já está configurado e instalado seu WordPress. Eu vou clicar aqui em gerenciar site. Que aí gente vai aqui para o painel administrativo
da Hostinger. Que é o seu painel aqui da sua hospedagem tá?! se você clicar aqui em gerenciar WordPress. Ele vai te levar para o WordPress instalado, aparece essa página aqui, porque ele já instala um plugin de SEO. Você pode clicar aqui em ir para o dashboard go back to dasboard, tá?! E aí pronto. Você está aqui no dashboard do seu WordPress, e se você passar o mouse aqui em cima do domínio e ir em visitar site, você vai ver como seu site está agora oh. se alguém acessar o seu domínio
ele vai ver essa carinha aqui, que é a cara padrão do WordPress, com tema padrão que ele instala, Só que vai ser tudo modificado a gente vai criar nossa loja do zero tá?! primeiro passo então a gente já fez que é a compra do hos pedagem né, e instalação do WordPress, e agora a gente vai partir para a configuração do WordPress, a primeira coisa que a gente vai fazer é configurar o idioma aqui porque ele fez a instalação em inglês né, nesse primeiro momento de instalação do
WordPress, ele não nos deixou escolher. Então vamos configurar aqui e é bem simples, você vem aqui, em Settings, que é configurações. Aí você vem aqui em Geral. E aí você vai vir aqui oh, Site Language, está em inglês, você vai procurar português do Brasil. Tem que ser português do Brasil. que o português de Portugal ele tem algumas palavras diferentes. Então se você é brasileiro usa o português do Brasil, tá?! E aí depois a gente vai salvar. Prontinho, agora as coisas estão em
português, bem mais fácil né, agora a gente vai fazer algumas configurações do site, como por exemplo: dá nome e descrição ao seu site, porque aqui no meu site por exemplo, que é o descomplicando, você pode ver que aqui em cima oh. Quando você passa o mouse em cima, tem assim: Aprenda a criar sites profissionais com WordPress e Elementor e WooCommerce. Que é a descrição que eu coloco no meu site, isso ajuda demais no SEO. Então a gente vai fazer isso, você vai vir aqui, né?! no seu no
seu domínio. Aí você vai vir em Personalizar Você vai vir aqui em identidade do seu site, aqui no título, você vai colocar o nome né, da sua loja, do seu site, por exemplo. Eu vou colocar Online Shop Acessórios e aqui na descrição vou colocar: viva a vida do seu jeito. Uma frase que eu inventei, você pode colocar a frase que você quiser, tá?! vou clicar em publicar. E aqui em logo, eu vou clicar e vou selecionar a minha logo, já deixei todas as imagens que eu vou usar, separadas
aqui, eu vou deixar esse material lá no drive do nosso canal do telegram também, tá?! o Link tá na descrição para você ir lá, eu tenho uma pasta aqui da logo, e eu vou pegar essa minh a logo aqui colorida e vou arrastar para cá eu vou clicar em selecionar eu vou fazer o ajuste dela que para mim cortar nada, eu vou clicar em Recortar imagem, pronto. E eu também vou fazer a configuração do Favicon do meu site, tá vendo que tem um mundinho ali? e aqui no meu descomplicando sites, por
exemplo tem minha logo. Isso é muito importante também, então eu vou clicar aqui em selecionar ícone do site e eu vou pegar o meu ícone que eu já tenho aqui. Vou arrastar p ara cá, clicar em selecionar e já tá selecionado certinho, então eu vou pular recorte e pronto, já vai ficar lá em cima, agora eu vou publicar. Pronto, agora eu vou voltar aqui para o painel administrativo do Wordpress, sempre que você quiser entrar aqui no painel, é só você colocar /wp-admin tá?! que aí você entra
aqui dentro do painel administrativo do WordPress Então aqui agora a gente vai fazer algumas configurações, primeiro a gente vai fazer a escolha do nosso tema. Todo site precisa de um tema base, mesmo que o tema não influencia em nada, porque não tenha nenhum configuração assim que a gente vai usar, porque a gente vai criar o site mesmo, a partir de um plugin chamado Elementor. o WordPress ele precisa que você escolha um tema, tá?! Eu gosto de usar o tema Hello Elementor, para isso
você vai vir aqui em aparência, temas, oh ele já vem com três temas instalados, primeiro eu vou excluir esses dois aqui, vou clicar em cima deles vo u clicar em excluir, em Ok, nesse aqui, também excluir e ok, e eu vou adicionar o novo, clicar aqui em cima, Adicionar novo e aqui ó geralmente ele já aparece aqui, que é esse Hello elementor, se não aparecer você pode pesquisar por Hello aqui, tá?! instalar e depois ativar. e pronto, agora nós não precisamos mais desse aqui, podemos
clicar em cima e excluir também. Certo, o Hello Elementor ele depende do Plugin Elementor para criar as páginas, então ele já deixa um aviso aqui em cima, pedindo para você instalar o Elementor, você pode fazer isso por aqui ou então você pode vir aqui em Plugins, Adicionar novo e você pode vir aqui e escrever, Elementor na busquinha. Que aí você consegue achar esse aqui ó, Elementor Website Page Builder, e aí você clica em instalar e depois em ativar, o Elementor é o plugin que a
gente vai usar para criar todas as abas do nosso site, tá?! Pronto, quando você instala ele já te leva para essa página aqui , que a página onde tem os plugins instalados, perceba que a própria Hostinger já instala alguns plugins aqui para gente, eu vou fazer a exclusão de alguns que eu não vou usar para agora, que o Hello Dolly, então vou clicar aqui nele, vou clicar em cima desse aqui também e aqui em cima nessa, nesse menu suspenso eu vou clicar em excluir e aplicar, que aí eu
quero excluir esses dois, também vou desativar alguns que eu não vou usar por enquanto, que esse All in One SEO, que eu gosto de usar o Rank Math para SEO, Inclusive tem vídeo sobre ele aqui no canal, então vou clicar em desativar aqui nele Também vou desativar esse optinmonster aqui E esse WP forms porque a gente vai usar o Elementor, então vou desativar, também vou desativar o LiteSpeed Cache, depois eu vou ensinar vocês, vou fazer um vídeo aqui sobre otimização de sites bem legal,
então fica de olho no canal eu vou ensinar. E eu desativei, agora vou excluir eles daqui também Né eu selecionei, vou vir aqui em excluir e aplicar e pronto, agora eu vou fazer a instalação do Elementor PRO, que é um outro plugin que eu vou usar para poder fazer, porque assim, esse Elementor que eu instalei aqui é o elementor grátis, e ele atribui algumas funções ao site, mas para criar loja, como a gente vai fazer aqui, a gente precisa do Plugin pago, que chama elementor pro, se
você quiser, você pode comprar através do nosso link, e eu vou deixar aqui na descrição p ara você, tá ?! E aí, para fazer a compra você vai acessar aqui o site do Elementor você pode vir aqui em pricing né?! para poder ver os preços, dos planos. O Elementor ele tem vários planos a venda aqui e ele é comprado em dólar, né. E aí cada plano ele tem um limite de site diferente, então por exemplo ó, vou traduzir aqui Esse Essencial aqui, ele é para um site, então você consegue usar ele
em um site, eu acho mais que suficiente se você for criar só uma loja, você c omprar esse Elementor aqui, no caso ele tá dizendo aqui, que pode chegar a quase $4.50 por mês mas ele cobra anualmente, tá?! então se você clicar aqui em comprar agora, ele vai cobrar esse valor de $49. Então tem que olhar esse valor aqui de baixo, tá?! ele custa $49, o dólar hoje está, vamos ver, cinco em cinco, Então 49 tá fazendo o plugin sair a 247,50 mais ou menos, tá?! então vale muito a pena, porque
com ele você vai ver, vai dar para você conseguir um site incríve l e ele é pago por ano, tá bom. Então você vai clicar aqui em comprar, vai preencher seus dados né. Depois você vai ser mandado para sua conta e quando você fizer o login aqui em cima vai ter ícone de download, que você pode clicar para baixar o seu Elementor Pro, aí você clica aqui. Clique em cima do nome Elementor para baixar o plugin, tá vendo, ele vai fazer o download aqui. Pode fechar essa aba, aí você vai vir
aqui em plugins né, Adicionar novo e enviar plugin, por que ele você não consegue achar aqui na biblioteca do WordPress, porque ele é um plugin pago. Então você tem que pegar o arquivo e enviar para cá, só arrastar para cá e clicar em instalar e depois em ativar Ativar pronto, aí ele fica com esse aviso aqui pedindo para você conectar porque você instalou o software né, mas se você não se conectar, você não consegue usar o plugin, aí você, é só você clicar aqui, e se você tiver
logado, já vai aparecer essa opção que para você, senão você coloca o seu login e sua senha que você acabou de criar na sua conta, você clica aqui selecionar, seleciona a sua licença e clique em Ativar, meu caso apareceu duas aqui porque eu tenho duas. Mas você compra só uma só vai aparecer uma, tá?! pronto, aí se tiver ativa aqui o seu e-mail aqui, é porque tá tudo certinho e você já está conectado, agora nós vamos instalar um outro plugin que é o plugin chamado WooCommerce, que
é o plugin que vai criar a nos sa loja, porque o WordPress, por exemplo, do jeito que ele tá aqui, do jeito que a gente instalou o plugin Elementor e o tema Astra, ele só nos dá direito assim a criar um site, então você pode criar blog ou site institucional sabe?! qualquer tipo de site. Para você criar um site de vendas online né, uma loja. Você precisa desse WooCommerce. Porque ele é o plugin que cria a estrutura de loja tá, então você vai vir aqui em plugin de novo, Adicionar novo,
e vai procurar aqu i por WooCommerce. O Woocommerce é gratuito, para usar o plugin você não paga nada, tá?! então Oh, WooCommerce, clica em instalar e depois e depois em ativar, pronto, quando você faz ativação do WooCommerce, ele te leva para essa aba aqui para você fazer as configurações da sua loja, então aqui ele pede os endereços tá?! Como essa minha loja aqui ela é uma loja só para ensinar, vou pegar o endereço do Shopping aqui na minha cidade, Uberlândia Shopping, eu vou
colocar o endereço aqui, só pra gente preencher lá, e aí no seu caso você preenche o endereço seu né, vou colocar aqui, até o número da casa, aqui.. o bairro, aqui vou escolher Brasil, Minas Gerais né, aqui a cidade Uberlândia e aqui o CEP, que é esse aqui, ele está perguntando: estou montando uma loja para um cliente, no caso não né?! eu vou clicar em continuar, e tá perguntando se você quer permitir que o WooCommerce consiga ler os seus dados de uso, para permitir que ele tenha
informações de como o plugin funciona, está funcionando bem, no meu caso vou permitir, não acho que seja nada demais, Pronto. agora ele tá perguntando qual que é o setor da sua loja, aqui no meu caso é eletrônicos né, que vai ser acessórios e vou clicar em continuar. Que tipo de produto serão listados: produtos físicos, é importante saber que o WooCommerce na versão grátis, é só para produtos físicos ou downloads, se for assinaturas você tem que fazer outro tipo de site, éé não pre cisa
necessariamente ativar aqui mas você tem que usar outros plugins para atribuir essas funções porque o Elementor, WooCommerce mesmo ele é pago nessas outras funções. Mas tudo bem porque a maioria das lojas a gente vende produtos físicos ou digitais né ?! Então é só você deixar selecionado, clicar em continuar, aqui mais algumas informações, quantos produtos você planeja exibir, eu vou colocar de 1 a 100, atualmente você vende em outro lugar? não! eu vou clicar em cont inuar, aqui ó
vou traduzir, é adicionar recurso comerciais recomendados no meu site? Sim, vou continuar, pronto. Aqui no meu demorou um pouquinho para carregar, ele tá perguntando se você quer instalar algum o outro tema, eu vou deixar o elementor mesmo, né, o Hello Elementor que eu já tô instalado aqui, vou clicar em continuar, com meu tema ativo e pronto. Desses recursos lá que eles instalaram, trouxe o JetPack, eu não quero ele Então vou vir aqui em plugins, plugins insta lados, vou procurar aqui o
jetpack e vou desconectar e desativar, que ele é bem pesadinho, então não vou querer ele não. Pronto, vou deixar só os outros Pronto, agora já fizemos as instalações aqui dos plugins que a gente precisa, aí agora a gente vai partir para configuração aqui dos produtos aqui no WooCommerce, Ó você passa o mouse aqui em WooCommerce, vem em início, aqui tem um painelzinho da sua loja, aqui como a gente não fez ainda todos os dados, ele fica aqui mand ando a gente terminar. Primeira coisa
que a gente vai fazer aqui é a criação das categorias, porque quando a gente cadastrar um produto a gente já tem que ter as categorias aqui para a gente poder fazer a ligação né, se você for cadastrar por exemplo um fone de ouvido aí você já selecione a categoria fone de ouvido tá?! então a gente vai vir aqui em, embaixo ó, em produtos, categorias Ele vem com essa categoria padrão, que a sem categoria, então se você cadastra um prod uto, E não coloca nenhum categoria, ele atribui a
essa daqui, eu vou clicar aqui em edição rápida e vou mudar o nome, para o nome da loja né, online shop, porque aí se por acaso, é a gente esquecer de colocar uma categoria, não vai ficar feio assim sem categoria, vai ficar online shop né, então já fica melhor E aí aqui é onde a gente vai cadastrar as nossas categorias, aqui eu vou colocar o nome, então as categorias que eu vou ter aqui por exemplo, vão ser fones de ouvi do, só dar enter que ela já fica cadastrada, tem uma eu
escolhi Apple, E Watch aí é só dar enter também, vou escrever Smart watch eu também vou ter aqui capinhas e airdots, são aqueles fone de ouvido sem fio também.. Então essas são as categorias que eu vou ter aqui tá, já tenho aqui as categorias cadastras e agora eu vou cadastrar alguns atributos aqui e por exemplo eu vou cadastrar o atributo cor para poder selecionar As cores lá na hora que eu vou cadastrar os p rodutos Então vou colocar aqui o nome do atributo que eu quero primeiro
você escolhe o tipo do atributo vou escolher cor e aí eu vou clicar aqui adicionar atributo pronto aí eu vou clciar aqui em cima do nome cor e aí vou começar a criar as minhas cores então eu vou por, por exemplo branco preto Rosa Rosê ne, Rosa Tem vários tipos, rosê, Pink e o rosa pink que é um tom mais forte azul, verde, vermelho, amarelo lilás E aí o dourado Roxo o azul claro e enfim você coloca quantas cores você quiser e eu Pronto já cadastrei aqui as minhas cores tá vou
atribuir um outro tipo de atributo aqui que é a marca né então eu vou voltar aqui em atributos aí eu vou criar um outro chamado marca dá enter vou clicar em cima de marca e vou criar as marcas por exemplo Apple, Samsung. Samsung é com m? gente eu nunca sei, Samsung, Éé com M no início. Samsung, É xiaomi eu vou por essas que são as que mais vendem assim desses tipos de produtos é eu vou colocar essa daqui e aí os atributos aí eu te acordo com seu tipo de loja, se for sapato você
cria um atributo chamado tamanho e aí você põe os tamanhos se for loja você põe notebook também chamado tamanho p m g p né Então dependendo do cado tipo de produto seu você tem que pensar Quais são os atributos que as pessoas procuram né quando elas vão pesquisar alguma coisa então já criamos aqui os atributos aí o nosso próximo passo agora vai ser criar a nossa conta lá no dsers que é a plataforma que a gente usa para importar os produtos lá do Aliexpress pronto então agora que
já fizemos várias configurações aqui no nosso Wordpress a gente vai fazer o cadastro dos produtos para isso primeiro a gente vai precisar criar uma conta na plataforma dsers, a plataforma dsers é uma plataforma que vai permitir o dropshipper de fato porque vai fazer com que você integre os produtos que você escolher lá nas plataformas como o Aliexpress por exempl o para a sua loja que você está criando aqui então aqui esse aqui é o site da dsers tá eu posso deixar o link aqui na
descrição E aí aqui diz em que plataformas que a dsers são compatíveis na inclusive pela Shopify e pelo WooCommerce que é que a gente está usando tá E aí se você traduzir a página aqui você vai conseguir ver várias informações eles explicando aqui sobre o que que a plataforma é e quais as funções que ela tem gerenciamento de fornecedores 100 porcento do s pedidos no AliExpress em segundos rastreamento de pedido automaticamente muitas funções muitos comentários muitas coisas aqui que
você pode e verificando ele também tem vários tutoriais eu vou aqui direto para aba de preços aqui ou pricing que é aqui onde é que eles dizem Qual que é o valor e quais que as funções dos panos e que tem por mês e anualmente eu vou utilizar o plano free aqui o pano grátis dele porque eles têm esse plano grátis aqui que é muito bom para q uem está começando então dá super para começar com esse daqui Então olha só vou traduzir aqui tá português de novo ele tem aqui no plano graça
né que dá direito compatível com a plataforma shopify WooCommerce, com apenas uma conta né da dsers e ele tem uma limite de até três lojas então você pode cadastrar até três lojas na sua conta tá limites de produtos até três mil produtos em todas as lojas são sempre se tiver mil em uma loja, mil e pouco na outra então assim juntan do todos os produtos não importa em quantos quantidade de lojas dentro dessas três que seja você pode cadastrar até 3.000 produtos nesse plano que é muito
bom né A maioria das pessoas que trabalham com Dropshipping às vezes usam três produtos dois 10 então assim da Super para começar limite de pedidos ilimitado então não tem limite de pedido só pode fazer o quanto você quiser otimizador de fornecedor em um click você encontra melhores fornecedores para AliExpress é muit o bom sincronizar número de rastreamento com a conta do PayPal extensão do Chrome para você instalar e consegui adicionar os produtos lista de importação grades de
encomenda pré seleção do método de envio sincronização automática do pedido sincronização automática dos números de rastreamento do produto dividido ocultar produto enfim muitas e praticamente todas as configurações que a gente vai precisar o vale muito a pena você fazer e é bem simples você só vai precis ar vir aqui ó que tem em português né mas em inglês é preciso não tray e free né aí você clica aqui para criar a sua conta a traduzir aqui eu já até tinha uma conta aqui mas eu
vou criar uma nova aqui para mostrar para vocês então vou usar o meu e-mail aqui contato@descomplicandosites.com.br vou cadastrar uma nova senha para mim e vou vir aqui iniciar e o ele pediu que para salvar a senha eu vou deixar salvo para ser mais fácil de entrar depois ele está pedindo para vo cê selecionar a plataforma que você quer você vai selecionar o WooCommerce que é a plataforma que a gente tá usando e vai clicar em acessar E aí vai carregar vai pedir para você colocar aqui o
link da sua loja tá é muito importante que tenha o protocolo SSL até que anotei aqui para você para gente instalar lembra que eu falei que o SSL é o cadeadinho que tem aqui, então você consegue instalar ele na sua hospedagem e a Hostinger como vocês viram da direito a SSL grátis Ent ão vamos logar la na Hostinger para gente instalar é muito importante ter para não dar nenhum problema de conexão né o ou fiz o login que na Hostinger no meu aparece vários aqui porque eu realmente
tenho várias contas Mas no seu aqui vai aparecer só, você vai clicar em gerenciar aí você vai descer aqui embaixo E vai vir em SSL bem tranquilo você vai escolher o domínio que no meu caso já é esse daqui e vai clicar em instalar SSL e pronto já foi instalado automaticamente E aí você pode testar aqui ó se eu vir aqui no site E aí já tá aparecendo aqui tá pra não ter nenhum problema depois eu vou ensinar vocês a configurar um plugin para forçar o SSL Tá mas por enquanto ele já está
instalado vou copiar o link aqui vou tá aqui para dsers para a gente colar Então olha só https e o meu domínio eu vou clicar adicionar ele vai autorizar aqui aí ele vai pegar a nossa a nossa o nosso login que a gente já está logado no site que site aqui do WordP ress que a gente tá fazendo né pegou aqui nome de usuário e vai pedir para você aprovar aqui naquele consiga fazer essas configurações aqui e fazer a integração dos produtos então vou clicar em aprovar E aí e pronto ele
carregou ele vai para essa página aqui ó apenas um passo de gerenciar seus produtos no dsers agora você pode clicar aqui em link para Aliexpress e ele vai te pedir para logartambém meu caso Já estou logada na Aliexpress vamos ver se já vai reconhecer a tá antes a gente pede para escolher aqui ele até na opção de você escolher e usar o plano pro que é um plano pago por um teste gratuito Tá mas eu não vou querer eu vou usar esse básico mesmo que é o free que por enquanto que já me
suprir aqui então vou clicar aqui começar ele vai carregar ainda perguntando se você quer começar o tutorial né te dá as boas-vindas ao clicar em começar a ele para te dizendo aqui ó que aquele adicionar um novo link Você pode adicionar uma nova loja né E lembra que eu te falei que esse plano dá direito a três lojas ou se você tiver outros lojas Você pode adicionar eu não vou querer né vou clicar aqui no próximo né Next E aí ele tá falando que você pode fazer a Adesão aqui dos
produtos com o link da Aliexpress né Aí ele tá te dando aqui algumas informações sobre algumas funções vamos clicar em next né gente E aí E aí tá dizendo aqui que depois que você faz o pagamento você pode deixar o restante com eles que eles vão fazer a sincronização do status é automaticamente do código de rastreio e adicionar automaticamente o e-mail para confirmação do Woocommerce dos clientes Então pode ficar tranquilo que a partir do momento que você efetuar a compra e ele vai
fazer toda a integração Vamos para o próximo ohele tá pedindo aqui para você não clicar aqui nessa aba não fazer manualmente que isso vai impedir que o dsers possa processar os produtos então não usa essa função aqui próximo tá falando que você quiser trocar uma ideia no chat tiver alguma dúvida tem um chat sempre lá no painel para você ir vamos começar e também tem um e-book gratuito Aí pronto já fizemos aqui a nossa conta plataforma inglês mas clicando com o botão direito que
eu também traduzir você consegue traduzir aqui tá a dizer irá sincronizar automaticamente os pedidos e produtos vendidos dos últimos sete dias para você trouxe na sua loja tiver algum produto ele vem im portar aqui e aí apareceria aqui entendeu Aí como no meu é novo não tem nenhum aí não aparece nada tá aqui a plataforma é bem simples de usar Você for aqui em home né ele tem que algumas funções adicionar uma nova loja a sua conta que no AliExpress é whitelist que é para você poder
fazer a integração lá com Aliexpress ou você pode clicar aqui em aplicar, aí você já estiver logado aqui no AliExpress ele já vai te levar aqui para Então se você não tiver logado ele pede p ara você logar E aí é muito legal essa plataforma é dentro do AliExpress é voltadas para dropshippers mesmo por aqui você consegue vir aqui em produtos vir aqui encontre produtos para vender para você consegue Pesquisar pelo nome pela categoria pelo tipo de entrega pelo preço até para buscar
por foto é muito legal essa plataforma por exemplo se você vir aqui em análise de produto e colocar um link de um produto aqui vou escolher um produto qualquer aqui no AliExpress para poder mostrar para você só pegar o link dele aqui E aí vou ver aqui vou colar analisar ele vai te dar todo uma análise aqui é sobre as vendas o volume de vendas né Como que o produto se comporta para você poder escolher um bom produto né Então essa plataforma aqui é bem interessante você tem
vinculado tá aí tem que configuração de frete mapeamento de produto extensão para o Chrome que é uma extensão muito legal para usar e você pode ficar aqui em baixar e aqui no meu caso já está instalado mas aí vai aparecer sim é só você clicar em instalar e ela vai aparecer aqui em cima tá vendo não tiver aparecendo você clica aqui nesse íconezinho o se eu tiver assim né E você deixa azulzinho aqui nele tá vendo e aí pronto ele vai ficar aparecendo aqui em cima aqui em produtos
vai ter a lista de importação que é onde vai ficar os seus produtos aqui quando você importar e aqui em meus produtos vai ser os produtos que tem em Total lá na sua loja tá então eu vou mostrar para vocês aqui a importação de um produto eu vou entrar aqui na Aliexpress vou escolher aqui um produto dos que eu estou que eu quero colocar na minha loja então vou colocar esse fone de ouvido aqui por exemplo e aqui quando você entra aqui no fone de ouvido você consegue ver ele tem
várias variações tem dois tipos de envio né, tem vindo da China e da Rússia É você tem que observar também Qual que é o preço do frete tá esse ele tem frete ou seria um frete grátis para que na hora que você for colocar o seu preço lá você tenha esse cálculo né você tem como calcular isso em cima do valor para que você não perca dinheiro tá então como a gente já tem extensão do dsers instalada aqui a gente pode fazer algumas configurações ó opções eu vou deixar em todas mas aí
você pode escolher uma opção aqui para você limitar a sua busca o país e a o valor Vou deixar tudo igual aqui como está, e aqui tem adicionar ao dsers se você clicar em adicionar olha só ele já adicionou lá para você então se você vir aqui e vir em lista de de importação vou recarregar aqui e o produto ele já apareceu aqui então perceba que com extensão é muito fácil e muito rápido né você pode estar aqui na Aliexpress gostou do produto já clica aqui em adicionar que ele já
importa lá para você ou então se você quiser vir aqui pesquisar direitinho sobre cada produto né anotar o link e só depoi s você fazer as as importações lá pela plataforma da dsers pode fazer também você vem aqui ó por exemplo nesse fone de ouvido vem aqui copia o link é bem aqui na dsers cola o link aqui vem aqui em ok E aí pronto já importou para cá também tá E aí tem uma diferença entre lista de produtos importados e meus produtos só que em meus produtos eu não tenho nenhum
porque eu não tenho nenhum produto que está cadastrada na minha loja né Eu só importei aqui para distância ma s antes de fazer a vinculação lá com a minha loja do WooCommerce eu preciso fazer algumas alterações aqui então assim quando você vir aqui o produto você pode vir aqui no lapisinho clica em editar E aí você consegue alterar todas as informações aqui do produto antes de vincular ele com o Woocommerce, você olha que legal então aqui tem o título aqui né o nome aqui do produto
você pode diminuir eu vou pegar esse esse tipo aqui e vou colocar ele aqui no tradutor para eu po der ver fone de ouvido para jogos com fio fone de ouvido para jogos casque Stereo profundo microfone para é muita coisa eu vou deixar só fone de ouvido para jogos com fio né Vou deixar só assim vai Vou colocar aqui fone de ouvido Gamer headset fone é de ouvido o Gamer com fio e como é que eu vou deixar assim aqui na categoria vai aparecer as categorias que a gente cadastrou lembra que
aqui nas configurações do Woocommerce eu disse a gente veio aqui em produtos e cadast rou as categorias Então são essas categorias que ele vai puxar importante você ter cadastrado porque se você tentar colocar por lá só logar aqui para ver, pode acontecer com você também tá como a gente instala o SSL ele te desloga para logar com SSL normal é que eu tava falando é se você tentar cadastrar por aqui você não vai conseguir tá ele puxa as categorias que eu já tenho aqui por isso que eu
ensinei você cadastrar antes tá então você vai vir aqui vai escolher aí o meu vai ser fone de ouvido tá você tiver alguma tag também você pode puxar aqui eu não vou colocar nenhuma aqui em variações ele te mostra as variações que tem me mostra aqui para vocês que aqui tem várias variações você não é obrigado a colocar lá na sua loja todos você pode escolher só alguns que você acha que sai mais por exemplo o azul eo vermelho ó aqui tem esse a vindo da China esse evento da Rússia Eu
por exemplo eu quero ter só o da China que eu vejo pessoal co stuma pedir mais produtos que vêm da China Então esse da Rússia aqui eu vou excluir todos que são da Rússia aqui ó, Rússia, Rússia Rússia esse aqui também é da Rússia e esse daqui, e este daqui, tá vendo e aí eu vou ter esses e aqui você pode fazer algumas alterações ó vou clicar aqui com o botão direito vou clicar em traduzir para você ver essas opções que aparecem aqui em cima olha por exemplo aqui nesses nomes aqui que
tem aqui com a junto com a letra são os nomes que tem da cor então se eu clicar aqui ó em G 2 não sei o que azul, ele vai me mostrar o nome da cor que está né E aí você pode traduzir aqui vou traduzir para azul Tá E ai ele já até muda aqui em cima e tem esse daqui ó vermelho e você pode traduzir aqui para vermelho Tem esse daqui alaranjado né que tá escrito Orange você pode colocar laranja tem esse daqui que é azul também você pode colocar Azul nesse caso aqui azul claro né colocar
azul claro, esse aqui azul escuro aí t em esse outro aqui que é vermelho também eu vou excluir ele deixar só um de vermelho tem outro aqui também também Azul vou tirar e alguns com isso aqui também tá nesse caso aqui ele tem algumas variações por exemplo ela tinha escrito assim g200 né então às vezes tem a ver com alguma característica do produto Então tem que prestar atenção tá aqui no caso eu deixei só as cores mesmo e aí aqui é o preço de custo ou seja o preço irá custar para
você pagar por esse produto lá na AliExpress e esse preço aqui ele é em dólar tá não tenho R aqui se não tenho R$ significa que ele é em dólar Então você vai pagar 21 dólares e é muito importante pessoal que na hora que você for fazer esse cadastro que essas correções você coloque o preço certo aqui que você quer usar para vender lá na sua loja então por exemplo, preço regular que é o preço que vai aparecer lá na sua loja ele tá o preço aqui em dólares né o preço de custo aí ele
colocou mas 6 dólares aqui né só que você que tem que fazer esse cálculo Qual a margem de lucro que você quer se o produto ele tem frete ou não para pagar se você vai ter algum culto no gateway de pagamento né que você quer adicionar aqui custo de operação Então você tem que fazer o cálculo de quanto que você quer vender o produto tá então é muito importante e quando você for considerar você tem que colocar aqui já o valor convertido que o número que você colocar aqui é o número
que vai ficar lá no Woocommerce Independente se em dólares ou se é real então se eu deixar aqui 26 e lá no meu Woocommerce tiver cadastrado reais né para aparecer os valores em reais vai ficar 26 reais sendo que é $26 ele não faz essa conversão então por exemplo o dólar hoje está a 5 e 5 né então vamos supor aqui o produto curte 21.96 vezes 5.05 = 110 E aí você queira vender ele por 300 né E aí tem um preço de custo o preço do frente e tudo mais então você pode vir aqui colocar
300 vamos colocar 300 aqui em todos cada um Às vezes tem preço diferente tá nesse caso aqui eu vou colocar todo esse preço de venda aqui é um preço que você coloca quando você quer colocar alguma coisa em promoção por exemplo a gente falou aqui no Magalu né Magazine Luiza e a gente vai ver vários produtos aqui em promoção então você vê que o de 399 por 297 Então esse valor aqui de venda é equivalente a esse valor que vem assim sabe de você tá dizendo que o valor era esse E aí você
está vendendo por esse e é isso gera um etiquetinha de desconto lá no WooCommerce então às vezes as pessoas usam isso como uma ancoragem de preço a pessoa ver que o produto ele vale mais o que ele tá em promoção tenho faz com que as pessoas comprem mais eu vou deixar aqui por exemplo de 380 por 300 tá, 380 por 300 e as valor aqui você não altera porque ele já importa automaticamente do Aliexpress a quantidade em estoque que tem então tá vendo que tem um pouquinho aqui é importante
na hora que você for fazer a busca dos produtos você procurar produtos que tenham bastante no estoque para que não aconteça de você cadastrar um produto e na hora que você for vender Já tenha esgotado tá então isso é muito importante também, não altere que ele já puxa automaticamente lá aí você consegue vir aqui descrição e alterar também ele vem em inglês tá É porque a minha página está traduzida mas ele vem em inglês e aí você pode pegar esse text o aqui traduzir Então pode
copiar aqui copiar vir aqui no tradutor a traduzir né então você pode fazer isso com os produtos e aqui já tem algumas fotos que você pode deixar você pode excluir também ó eu tenho algumas fotos aqui informativos estão em inglês então você tem que pensar se você quer deixar a sua só algumas fotos ilustrativos as vezes compensa deixar em inglês mas se for se tiver muita informação aí às vezes é melhor você fazer uma arte para isso tá eu vo u deixar essas esses textos aqui né das
fotos e aí onde estiver texto a gente vem aqui e faz a tradução pronto, esse aqui vou até excluir, esse último aqui também vou excluir essas aqui também, vou deixar só essas aqui aí ilustração aqui do produto tá então beleza você pode fazer o que você quiser colocar o conteúdo que você quiser aqui tá aqui nas imagens você pode alterar as imagens colocar outras ou deixar as imagens mesmo que eles deixam aqui e aqui em informações de entrega vou clicar aqui vou clicar em traduzir aí a
que diz assim ó você pode verificar as informações de custo da remessa do Aliexpress o tempo estimado de entrega e rastreamento de disponibilidade então você pode vir aqui por exemplo pesquisar por China o Hong Kong por exemplo é você pode ver quem é que a entrega vinda de Hong Kong para esse produto é grátis Isso serve para você levar isso em consideração na hora que você for colocar aqui os preços tá então beleza d epois que você fez aqui você pode clicar aqui em salvar a tá na
verdade pessoal fiz uma confusão aqui o preço de venda na verdade é o preço que vai aparecer lá para pessoa comprar e o preço regular que é o preço que é o que eu mostrei para você como se fosse o preço que era antes de você colocar em promoção então aqui no caso ao contrário aqui que você tem que colocar a 380. tá e aqui você tem que colocar 300 é a mesma coisa só estava mostrando no campo ao contrário e a gora a gente consegue salvar e foi salvo com sucesso aqui você vir aqui em
lista de importação o meu produto ele já vai estar aqui eu posso clicar aqui em enviar para o Woocommerce, ele vai perguntar se você quer escolher a loja eu já tá selecionado aqui. Éé aí ele fala assim oh nosso sistema detectou que você editou manualmente o preço desse produto como resultado a regra de preço não se aplica esse produto regra de preço é o que eles colocavam de o produto tá $21 E aí eles colocaram 26 por exemplo né para fazer um cálculo lá para você vender mais caro
mas como eu mesmo coloquei não vai ser aplicado aí eu deixo desmarcado e aqui eu vou marcar Publique também na nossa loja online e eu vou clicar em enviar para Woocommerce Aí fala levará algum tempo a gente vai carregar um pouquinho depois ele vai fazer importação ele fala que você pode fechar essa aba aqui também tá E aí depois o produto ele vai aparecer, você vai vir aqui em produt os todos os produtos, e olha só, já até apareceu aqui né, já fez aqui o cadastramento lá muito
importante pessoal porque na hora que você for cadastrar você olhe todos os dados que eu te falei para que não corra o risco de você cadastrar nada errado tá então se a gente clicar aqui em ver o produto, ele já vai estar aqui no WooCommerce, tem que algumas fotos, tem que o preço ó, de 380 por 300 tá vendo aí fica a etiquetinha de oferta aqui, e aí tem que a cor azul ou e ntão vermelho né, Tem aqui um tipo de entrega vindo da China, a esse daqui a gente a gente pode tirar né
esse tipo de entrega que a gente pode tirar depois então a gente pode vir aqui no produto aqui em E aí Aqui em variações a gente opa, em atributos a gente pode remover esse tipo de entrega aqui ó e clicar aqui em salvar atributos. E depois atualizar tá?! e pronto, foi até bom ter acontecido isso aqui, que foi onde eu estava mostrando vocês aqui olha só vem aqui , aí tem aqui ó, informações de envio está vendo Então não precisa você selecionar que marcar Pode só consultar eu tinha
marcado em cima e tinha aparecido aqui, na hora que você for importar não precisa fazer isso tá pessoal E aí aqui fica tudo editável para você se você quiser colocar mais informações aqui, excluir aqui algumas coisas ó como eu quero excluir as imagens pode clicar aqui nela e clicar em delete e aí você pode alterar aqui colocar em outra categoria qu e já vem aqui olha só se não tiver marcado Você pode marcar aqui a categoria colocar as tags E aí vem todas as informações que você
quiser e se você quiser mudar também tá E aí depois você pode atualizar que o produto se você tiver feito alguma atualização E aí ele fica aqui né como eu falei para vocês em produtos todos os produtos. E ai este é o momento que você vai parar vai procurar os produtos que você quer importar ou se você tiver fazendo de teste vai lá e imp orta qualquer um produto lá só para poder criar aqui mas essa é a hora que você vai parar e vai importar todos os produtos que você quer eu vou
pular o vídeo para parte que eu já encontrei alguns aqui já volto pra gente continuar Pronto já cadastrei aqui os produtos que eu vou querer e agora a gente vai partir para a criação do nosso layout vamos começar pela criação do nosso menu e agora a gente vai começar a criação do layout do nosso menu como a gente fez a instal ação do tema Hello ele já criou os páginas para gente como página principal que é essa página aqui que carrega o seu domínio página sobre página blog e
página contato Então a gente vai vir aqui em páginas todas as páginas, onde tem aqui ó create your Website a gente vai primeiro por na lixeira essa página que a página inicial né eu vou criar uma nova, ó acionar nova eu vou colocar aqui página home, quero que minha página inicial chame página Home, e eu vou vir aq ui Modelo E aí vou selecionar elementor largura Total, vou clicar em publicar duas vezes, e aí pronto a página já está publicada e pronto já está criada a minha página
aqui só que ela ainda não é a minha página inicial para ficar sendo a minha página inicial eu preciso vir aqui em configurações leitura e aqui ó, a sua página inicial exibe aí eu vou selecionar aqui uma página estática E aí eu vou selecionar a página home que é essa página que eu criei para ficar sendo a minha página inicial eu que tenho salvar e pronto E aí ó se eu recarregar aqui agora em agora a página home é a minha página inicial Tá bom E aí já vem configurado aqui para a
página de post você a página de blog que ela também já foi criada aqui tá beleza aí agora a gente vai criar o nosso menu porque por padrão ele vem esse daqui né que é só os links que ele deixa aqui Que o padrão aqui do tema Hello e para criar com layout do jeitinho que a gente que a gente v ai usar o Elementor, então a gente vai primeiro primeira coisa criar a chamada dos links aqui ó no nosso no nosso WordPress Então a gente vai vir aqui em aparência menus em primeiro a gente vai
criar a chamada tá vendo ele já tem uma criada aqui porque é página inicial sobre blog e contato que são esses três aqui quando a gente vai modificar a gente vai deixar com outros itens aqui nesse menu para depois a gente chamar lá tá E aí você pode modificar esse daqui ou então você pode excluir o menu vou excluir e vou fazer do zero para vocês ver, cliquei aqui embaixo excluir ok eu vou excluir esse menu secundário também e eu vou criar um menu aí o nome vai ser Menu, aí eu vou
clicar aqui em criar E aí agora eu vou atribuir o quê que eu quero vou vir aqui em ver tudo aí eu vou escolher home vou escolher a página loja eu vou escolher a página de sobre e a página de contato e aí eu vou adicionar aqui ao meu menu, home contato sobre e loja, e ssa de loja eu vou deixar aqui depois de home aí eu quero que fique nessa posição aqui contato eu quero deixar por último a faltou a página de blog também vou colocar aqui em blog adicionar eu vou arrastar para cá aí
agora eu quero deixar algumas algumas categorias que eu cadastrei também e aí se não tiver aparecendo aqui é porque ela está desativada de aparecer aqui nesse painel Então a gente vai rolar até lá para cima vai clicar aqui em cima em opções de tela vai pr ocurar por categoria de produtos vai ativar prestem bastante atenção tá sempre eu faço isso e vocês ficam perguntando nos comentários no meu não tá aparecendo tá parecendo que tem que ativar aqui categoria de produto Aí
agora vai aparecer aqui categoria de produto vem ver todos e você seleciona os que você quer deixar aqui eu quero deixar fones de ouvido Apple watch smartwatch airdote e capinhas, vou adicionar E aí eu vou só pegar o contato que tava aqui deixar por último eu gosto sempre deixar contato por último um pronto agora eu vou salvar se eu vier aqui agora também eu já não vai estar mais menu porque aquele menu que ele estava chamando aqui não existe tá, e agora nós vamos partir para a
criação do layout do nosso menu vamos vir aqui passar o mouse aqui modelos Adicionar novo nós vamos escolher header que é menu em inglês e a gente vai colocar o nome que nós modelo, o nome vai ser menu. Vamos criar o modelo e aqui tem alguns modelos de menu que que já vem pronto se você quiser usar eu não vou pegar o modelo do criar do zero eu vou pegar aqui colocar nesse maizinho vou pegar uma sessão que tem seis colunas 1 2 3 4 5 6 5 eu posso clicar aqui em cima de coluna botão
direito e clicar em duplicar, eu quero 6 colunas aqui. aí Aqui você pode ir movimentando Tá vendo quando você passa o mouse bem no meio da coluna, ele te permite ir arrastando então quero arrastar e deixar essas últimas aqui bem pequenininhas essas duas últimas aqui, aliás as três últimas bem pequenas e na verdade são as quatro últimas bem pequenas aqui e aí deixar esse espaço grande aqui que é onde eu vou colocar a lupinha e esse espaço aqui médio do início que é onde eu vou por a
minha logo então vou ver aqui na seção tá nesses 6 pontinhos aqui que está de azul, vou vir em estilo tipo de fundo aí vou ver aqui em cor vou pegar essa cor roxa aqui quer uma das cores do projeto e vou colar a cor roxa Aqui tá o fundo da seção ficou roxinha tá vou vir aqui na biblioteca nesses pontinhos aqui em cima sempre que aqui aqui você vem na biblioteca de Widgets pra você arrastar para cá eu vou pegar aqui o Widget de imagem e vou arrastar para cá o tamanho da imagem
eu vou deixar aqui tela cheia vou clicar vou selecionar a minha logo branca essa que eu deixei aqui ó tá no meu computador tá vim aqui no computador localizei e vou arrastar para cá e pronto inserir mídia Pronto já tá minha logo Branca ali tá vendo eu posso vir aqui no estilo em largura diminuir ou aumentar ela, deixar do tamanho que eu quero deixar mais ou menos assim voltando aqui no conteúdo aqui em link eu vou vir aqui eu vou deixar o URL personalizado eu vou colocar o link do
meu domínio mesmo e modo que quando a pessoa Clique na logo ela volte aqui para o site tá para a página principal do site ó é sempre bom saber aqui embaixo e clicar em salvar rascunho pa ra que se acontecer alguma coisa com a máquina desligar ou você ser deslogado e não exclua as as coisas tá sempre continue aqui então beleza aí aqui no meio é onde a gente vai colocar nossa busca de produtos para que ela apareça aqui a gente precisa fazer a instalação de um plugin a gente vai vir
aqui em plugins, Adicionar novo e vamos procurar por Fibo Search onde essa busca chamava só Ajax só que aí agora eles colocaram fibo search no início tá então esse daqui clic ar em instalar e depois vem ativar e agora você vai clicar aqui em Alô e continua e pronto ele vai te levar aqui para as configurações do plugin, vou até clicar com o botão direito e clicar em traduzir para poder aparecer aqui em português para ficar mais fácil tá então a gente vai vir aqui em barra de pesquisa
e aqui ele te mostra como que fica a Barrinha e aqui são as configurações básicas então Aqui é onde você vai colocar o texto eu vou colocar né Vou mudar para o qu e você a procura eu vou apagar esses hifens aqui ó já aparece aqui tá vendo o que você procura, eu vou clicar aqui mostrar botão de envio e ele vai aparecer aqui vou vir aqui em cima tá vendo onde tem mostrar configurações avançadas do ativar aqui Aí apareceu esse monte de configurações aqui como eu quero que apareça a
Lupinha aqui em vez do nome pesquisa eu vou excluir que esse nome que é isso que você deixar em branco fica lupinha tá vendo e aí aqui descendo você po de fazer o que algumas configurações eu vou vir aqui tudo da entrada de pesquisa e vou deixar branco é só você arrastar aqui no espectro de cor aqui do texto da entrada de pesquisa eu vou deixar preto mesmo e aqui na borda eu vou deixar branco no fundo do botão eu vou deixar roxo eu vou colar a colar aquele cor de roxo que gente usa
que essa daqui e olha lá já ficou aqui, e por último no texto de envio da pesquisa eu também vou deixar branco Oi e aí pronto agora já vou c licar aqui em salvar alterações e agora aqui no menu a gente consegue vir aqui pegar o widget chamado shortcode a arrastar para cá E aí tá vendo que aqui né no start né me começar ele te ensina aqui como que você faz para colocar a barrinha de pesquisa no menu ele fala que se você for configurar customizados em que usar um short code é um
código curto aqui que você usa e que chama essa função Estamos bem copia esse código aqui e cola ele aqui que aí vai aparecer a B arrinha você pode clicar aqui em aplicar e agora já está aparecendo ali a configuração sempre clicando aqui E clicando em salvar rascunho tá agora a gente vai fazer uma configuração aqui nessa nessa Barrinha porque eu quero que ela fique arredondado e com as bordas brancas então vou clicar aqui vou ver aqui em avançado em CSS customizado e eu vou colar o
meu código CSS aqui E aí é só você colar o código aqui esse código eu vou deixar lá no material de apoio que eu sempr e deixo de todos os sites que eu faço aqui que é lá no nosso drive você tem acesso a esse drive indo lá no nosso canal no telegram tá, então você cola aqui sempre salvando aqui para não dar nada aí agora a gente vai configurar o restante aqui antes primeiro aqui a gente vai vir aqui vai pegar um widget de ícone vai arrastar para cá E aí aqui a gente vai subir um
ícone aqui tá pode ser uma imagem também eu gosto de pegar ícone nesse site aqui chamado flaticon. Agora ficou um pouco ruim porque os ícones de svg que a gente usa bastante eles são pagos Mas como eu deixo tudo o material da loja disponível para vocês todos os ícones que eu deixar aqui eu deixar lá no Drive Mas aqui é só você vir aqui Pesquisar o ícone que você quiser preferencialmente em inglês que a pesquisa é melhor em inglês, e aí é só você escolher o que você quiser e clicar
aqui em baixar só o png que é um tipo de imagem que tá disponível gratuitamente o SVG ainda e stá pago Tá mas eu deixo disponível para vocês lá no drive e é beleza, aqui no widget de ícone você vem aqui em enviar arquivo clica aqui em ativar Aí você vem aqui na sua pastinha que você vai ter baixado vai pegar o ícone de user vai arrastar para cá vai clicar em inserir mídia aí a gente vai configurar o estilo dele agora vamos vir em estilo a cor primária a gente vai deixar branco em
tamanho a gente vai diminuir aqui o tamanho dele vamos deixar tamanho 24 aqui e a í agora a gente vai vir aqui na biblioteca e vai pegar um widget de título aqui comum vai colocar aqui e a gente vai escrever sim Entre ou cadastre-se para a pessoa poder se logar na loja e a gente vai vir aqui em estilo Vamos deixar a fonte Branca vamos ver aqui na tipografia do texto e nós vamos escolher a fonte Montserrat, então em texto pessoal sempre lembre disso sempre aqui você vai colocar o
conteúdo aqui neste você vai configurar o estilo como cor tipografia sombra entendeu então que a gente escolheu agora eu tipografia que é o tipo da fonte e eu vou escolher aqui montserrat e o peso que a grossura da fonte vou deixar 500 e o tamanho vou deixar tamanho 13 mais ou menos aqui tá ó tá vendo que aqui tá ficando muito embolado o texto eu vou dar uma diminuída nessa sessão aqui da Barrinha aí vou aumentar aqui a sessão do texto E aí pronto. só que aí eu quero deixar um
título aqui também para aparecer quando a pessoa estiver logada né então não pode aparecer Entre ou Cadastre-se se a pessoa tiver logada, para isso eu vou clicar aqui com o botão direito, duplicar, para duplicar esse título, vou clicar no lapisinho aí aqui eu vou vir aqui nessa caixinha em tags dinâmicas e vou procurar aqui uma opção de userinfo que é para puxar as informações aqui do usuário tá E aí eu vou vir aqui vou colocar em field né campo, e aí eu vou puxar as informações do
campo é display-name que é o campo nome tá E ol ha só ele vem aqui o nome de usuário né você pode mudar para username ou primeiro nome também eu acho que fica legal colocar primeiro nome porque na hora que o cliente for se cadastrar ele já vai preencher o nome dele Obrigatoriamente né, então já vai puxar aqui no nosso caso não tá puxando nada porque quando a gente Se cadastrou a gente não pôs. Mas a gente pode vir aqui descer aqui vir em usuários todos os usuários vir aqui no nosso
clicar em editar e descemos aqui em nome Ó vou colocar o meu Micaela E aí vai atualizar aqui aí deixa eu excluir aqui fazer de novo clica aqui userinfo clica eu vou selecionar first Name quer primeiro nome e aí não apareceu ainda ou clicar aqui em salvar e vou recarregar a página Pronto agora eu tô puxando o Micaela e aí a gente vai colocar uma mensagem aqui ó você vir aqui em avançado você consegue colocar uma mensagem antes e depois então aqui eu vou colocar né antes que
significa que é um texto para aparecer antes do nome que você puxou eu vou colocar Olá uma vírgula e um espaço que vai ficar Olá Micaela e aí vai ser o nome do usuário, aí pronto vamos colocar esse nome aqui e deixar assim lembra sempre Salvando Aí agora aqui a gente vai colocar o ícone vamos voltar aqui na biblioteca o widget de ícone, que é esse daqui, né vou arrastar para cá eu vou enviar o ícone de coração que eu já deixei aqui separado nessa pastinha então está aqui Vou
arrastar par a cá pronto vai ficar meu coração ali eu posso clicar aqui clicar em copiar, clicar aqui com o botão direito e em colar estilo aí vai ficar do mesmo tamanho da mesma cor e aí que por último eu vou voltar na biblioteca vou vir aqui e vou pegar o widget de menucart para aparecer o carrinho aqui é pronto ele vai aparecer aí eu vou tirar e que algumas informações que eu não quero que apareça primeiro aqui em ícone, você vai escolher qual que é o ícone que você quer que apareça
aqui no carrinho eu vou escolher esse basquete médio aqui que é uma uma cestinha é mais bonitinha tá E aí aqui eu vou tirar esse tenho item de subtotal, não quero que apareça o preço e aí que eu vou vir no estilo vou começar dar uma configurada aqui, aqui em ícone color e vou mudar para Branco tá vendo Aqui em border widget eu vou deixar zero para poder sair aquela bordinha que estava, vou vir aqui no tamanho do ícone vou aumentar um pouquinho tentar deixar do tamanho que está os
outros ícones que estão aqui tá vendo e aí eu vou vir aqui em itens identificador vou pegar a minha cor amarelo eu vou por aqui em background e vou mudar essa cor do texto para o branco. Pronto né e agora eu vou vir aqui em padding, vou deixar zero, para ele tirar aquele padding que estava e pronto vai ficar assim tá, vocês podem perceber que alguns itens estão para cima e outros para baixo, a gente pode vir aqui na seção vir aqui em alinhamento vertical e deixar meio p ara tudo
ficar alinhado com o centro tá, ó vou voltar aqui vou clicar em salvar rascunho e agora a gente pode fazer algumas ligações aqui nesse íconezinho aqui é para pessoa conseguir ir lá para a página minha conta essa página ela já é criada pelo WooCommerce automaticamente, então a gente pode vir aqui em páginas todas as páginas e pegar o link da página minha conta que é esse oh, se você clicar aqui ver com o botão direito vai aparecer e você pode copiar o link, a í você vem aqui em link
e cola aqui e a pessoa vai conseguir ir para o link da página minha conta, só uma coisa antes de continuar aqui perceba que todos os páginas que a gente está fazendo, tá vindo com esse essa extensão aqui index.php e para mudar isso, para não ficar feio a gente pode vir aqui em configurações links permanentes E aí a gente muda aqui para nome do post tá, e agora a gente salva. E aí agora se eu tirar aqui esse index.php Vai ficar página certinha aqui da página minha conta. Beleza, então
deixa eu voltar lá agora Então deixa eu pegar esse link aqui agora que é o link certo E substituir aqui, pronto, aqui em Entre ou Cadastre-se eu também vou colocar o link da página minha conta e aqui em Olá Micaela também, porque quando a pessoa clique ela vai lá para página minha conta aqui é esse do coração é uma página que eu não vou ensinar você a fazer nesse vídeo. porque essa configuração aqui do coração é para wishlist é uma list a de favoritos para que a pessoa consegue
dar um coraçãozinho e fazer uma lista de favoritos para poder olhar depois, como o vídeo já vai ficar muito grande, esse é um passinho também um pouco demorado, tem um vídeo só sobre isso aqui no canal e eu vou deixar aqui no card na descrição para você ir lá aprender fazer só essa opção de coração tá mas eu vou deixar aqui quando você fizer é só você vir aqui no menu e colocar o link aqui tá que ele vai para aquela página aí agora eu vou ensinar para vocês a ocultar esse título
que tem aqui de Olá Micaela, para que as pessoas que estejam logadas não consigam ver esse daqui e as pessoas que não estejam logadas não consigam ver esse daqui, então a gente vai vir aqui no painel administrativo de novo vamos vir em plugins, Adicionar novo. E aí gente vai adicionar um plugin que se chama dynamic visibility for elementor, tá, pausa aí para você olhar certinho nome, é esse plugin aqui então você va i instalar e depois ativar, esse plugin é muito importante, a gente
vai usar ele bastante aqui na loja, ele permite que você justamente oculte algumas informações para determinar o tipo de usuário eu vou recarregar aqui o meu editor do elementor para a gente poder ter acesso às configurações e Beleza eu vou vir aqui nesse título aí vai aparecer aqui visibilidade tá vendo isso é adicionado por conta do Plugin visibility vou clicar aqui, vou ativar opção de visibilidad e vou vir aqui em User & role aí aqui é onde você vai colocar Que tipo de usuário
que pode ver, eu vou clicar aqui eu vou colocar em ver que aí já vai aparecer visitantes não logados, aqui ó, visitantes não logados. E então quem não tiver logado consegue ver isso daqui só quem não estiver logados, tá. E aí eu vou clicar no de baixo vou ver aqui em visibilidade, vou ativar vou vir aqui User & roles e aqui eu vou procurar os tipos de usuários que eu quero que apareça. Então eu quero que apareça para administrador e para subscriber que é o tipo de usuário do cliente
você pode colocar de vários tipos aqui ó Tem vários tipos de usuário que você pode colocar só como a gente vai usar esses dois aqui praticamente Vou deixar só esses dois tá aí eu vou clicar aqui no triângulo clicar em salvar e vamos fazer aqui a segunda etapa do nosso menu a gente vai clicar aqui no maizinho vamos pegar uma seção com uma coluna só Vamos vir na biblioteca vamos arrastar o widget de NavMenu para cá, ele vai trazer aquele menu que a gente fez lá no início, aí agora a
gente vai partir para configuração aqui dele a gente vai vir aqui em align, vamos deixar ele sempre alinhado, aqui em Pointer onde tem underline eu quero tirar não quero que apareça esse tracinho aqui embaixo então eu vou escolher none aqui, mas aqui tem vários que você pode ir testando eu vou deixar não que eu quero deixar só a cor mesmo mudando tá vendo aí agora eu vou vir aqui em estilo, vou vir em tipografia vou mudar o tipo da fonte para Montserrat eu vou deixar ele no tamanho
15 aqui e na cor da fonte eu vou colocar #171717 que é essa cor aqui também vou vir aqui vou mudar o peso para 500 para ele ficar assim um pouco mais fininho também vou vir aqui e em transformação eu vou deixar maiúsculo tá aí no caso ele deu uma aumentada no tamanho do texto Então vou vir aqui em vertical padding, vou diminuir e vou vir aqui em horizont al padding e vou diminuir o espaço entre eles, oh padding para quem não sabe É o espaço de dentro Então aqui em horizontal
padding eu consigo controlar o espaço entre os itens aqui tá vendo Olha, na real eu acho que eu vou deixar voltar ao peso aqui para 600 tá eu acho que ficou um pouco melhor 600. E aí essa é a cor do texto normal mas perceba que ele vai ficando verde Conforme você for passando o mouse, isso se chama hover, essa ação de passar o mouse, então a gen te vai vir aqui no hover e vai pegar o código da cor que a gente quer no meu caso é o roxo e aí eu vou mudar a cor para roxo dessa forma
quando eu passar o mouse vai ficar roxo tá vendo. Eu também vou mudar a cor ativa para roxo aí quando tiver por exemplo na página home esse aqui vai ficar ativo, quando estiver na página loja, esse aqui vai ficar aqui tá vendo e aí agora eu vou clicar aqui em publicar E aí Aqui é onde você atribui e determina Na onde que você quer qu e esse menu que você criou apareça eu vou clicar aqui em atribuir condição e vou deixar assim entre site. O que significa que você quer que ele aparece
no site tudo e aí depois eu vou clicar em salvar E aí agora eu posso voltar aqui no meu site eu vou vir aqui na página inicial e já vai está aparecendo o meu menu aqui tá vendo ele já vai está aparecendo aí uma coisa que eu quero fazer aqui agora é deixar essa minha abinha aqui fixa de modo que quando tenham bastante in formação aqui a pessoa role a tela essa Barrinha lá acompanha a tela, ela fica Fixa aqui em cima então eu vou clicar aqui na seção vou vir em avançado vou vir aqui
em efeitos de movimento vou vir aqui Stick e vou deixar top E aí dessa forma na hora que a pessoa for rolando a tela essa Barrinha aqui ela vai ficar fixa Ok, então vou clicar em atualizar e pronto então ficou assim o nosso o nosso menu nós já criamos o nosso menu e aí já tá funcional se a gente clicar aqui na loja ele vem para a página padrão de loja não mexemos nela ainda. Tá tudo funcionando direitinho agora a gente vai fazer o rodapé Eu sempre gosto de fazer assim fazer o menu
e depois o rodapé e depois o corpo do site, então agora nós vamos fazer o rodapé, vamos voltar aqui no painel do WordPress Vamos ir em modelos Adicionar novo e nós vamos procurar um modelo de footer tá, footer que significa rodapé a gente vai dar um nome para o nosso modelo ele colocar o nome de ro dapé vou clicar em criar modelo e quando você cria um modelo de rodapé Já tem alguns modelos prontos aqui do elementor pró, que se você quiser você pode clicar em importar então por
exemplo gostou desse, você pode clicar aqui e clicar em inserir. E aí você edita através desse eu vou criar um novo aqui do zero com vocês então a gente vai vir aqui vai pegar uma sessão com 3 colunas tá vamos vir aqui na nesse seis pontinhos aqui na barrinha azul da sessão e aí a gent e vai vir aqui no estilo tipo de fundo e a gente vai colocar uma cor de fundo aqui esse cinza claro que que eu separei E aí vamos ver aqui na cor vamos colar essa cor, que aí vai ser a cor de fundo
aqui da nossa sessão tá e a gente vai vir aqui na biblioteca vai pegar uma caixa de ícones, escreve icon que aparece Esse aqui oh, ícone com o textinho embaixo E aí aqui a gente vai escrever o primeiro vai ser frete grátis e eu vou escrever como sendo o título aqui na descri ção vou colocar para todo o Brasil a gente pode clicar com o botão direito duplicar, arrastar para cá aí nesse aqui a gente pode colocar assim, oh, parcele sua compra embaixo em até 12 vezes, tá Em até 12
vezes, vamos duplicar arrastar para cá aí vamos colocar assim compra segura E aí embaixo onde colocar seus dados protegidos Seus dados protegidos, ok?! eu vou clicar aqui na coluna e vou duplicar eu quero colocar mais uma coisa aqui que é pedido monitorado, pedido mon itorado em baixo vou escrever código de rastreamento é importante colocar essas coisas vantagens que a sua loja tem para poder deixar a pessoa mais segura de comprar com você né E aí agora a gente vai colocar os ícones
que corresponde a cada um então vou clicar nesse daqui vou vir aqui Enviar svg vou pegar aqui a minha pasta que eu separei com o nosso material e vou pegar os ícones aqui lembrando que tá todo o material lá no nosso drive no canal do Telegram, então vo u pegar aqui esses que eu separei rastreamento segurança delivery é de caminhão o entrega, vamos lá, o primeiro é esse aqui de caminhão frete grátis para todo Brasil não tá aparecendo aqui deve estar com algum bugzinho, atá selecionei
errado e pronto agora eu vou enviar o ícone desse aqui vou clicar aqui em enviar aí eu vou pegar a esse daqui que eu eu baixei o ícone do cartão né agora o de compra segura isso já coloquei aqui e o de pedido monitorado que é este aqui já c oloquei aqui também agora a gente vai fazer as configurações aqui do item ou clicar nesse primeiro aqui vou vir aqui estilo em espaçamento que é o espaçamento do ícone e do título eu vou diminuir aqui para diminuir o espaçamento aqui no conteúdo
espaçamento também vou deixar a zero aqui e aí aqui no ícone em tamanho eu vou aumentar aqui um pouquinho eu vou deixar 60 aqui e aí aqui no conteúdo vou vir aqui no título na tipografia vou mudar a minha fonte para monserrat E aí o tamanho 15, alias esse vou deixar tamanho 17, aqui na na cor da fonte eu vou deixar branco e aí aqui no texto eu também vou deixar monserrat E aí aqui vou deixar tamanho 15 ok e também vou deixar a cor da fonte de branco tá aqui no ícone eu vou voltar e
aqui na cor primária eu vou deixar de branco também tá ó vou clicar aqui em salvar rascunho e vou recarregar a página para ver se desfaz esse bugzinho se desfez o bugzinho, estava sumido aqui o ícone aí agora eu vou vir aqui na coluna vou vir em estilo, tipo de fundo vou pegar a cor roxa, que é a cor que eu estou usando aqui no projeto vou por aqui e pronto ficou aqui com fundo roxinho tá vendo e aí eu vou vir aqui né avançado vou vir aqui em margem, margem é o espaço de fora,
então por exemplo vou clicar aqui, vou copiar e vou colar aqui nessa sessão nessa coluna tá vendo que ficou grudado e eu quero que fique um cardzinho Então vou colocar uma margem que é um espaço de fora aqu i da coluna eu vou colocar aqui ó, margem 10, e aí ficou um espaço de Fora em todas as extremidades tá vendo aí eu posso copiar esse estilo e colar em todos os outros olha só E aí tudo vou ficar com espacinho assim eu também posso clicar em cima do item do ícone copiar e colar o
estilo para todos os outros que aí ele vai ficar com a mesma cor com as mesmas configurações que eu fiz eu vou voltar aqui em uma das colunas vou ver em padding, também vou colocar a 10 aqui para poder ficar um espaço legal em todas extremidades e vou vir aqui nesse estilo em borda e em arredondamento eu vou colocar 10 e vai ficar um cardzinho assim vou copiar e colar o estilo em todos os outros Pronto, aí ficou os cardzinhos assim, aí eu vou vir aqui nessa seção vou vir em
avançado vou colocar 40 aqui de padding para ficar um espaçamento legal aqui nas extremidades, olha só né, ele ficou assim vou salvar de novo aqui vou descer e pegar uma sessão aqui c om cinco deixa eu ver um dois três quatro eu quero cinco, então vou clicar em uma das colunas vou duplicar tá agora tenho cinco colunas aqui que eu preciso eu posso vir aqui nessa, nessa seção de cima clicar em copiar né, com o botão direito e vou clicar aqui, vou colar estilo para poder colar o estilo
do espaçamento e da cor de fundo que já tinha ali tá eu vou começar a colocar algumas informações aqui vou vir aqui em cima na biblioteca vou pegar um widget de título a Vou colocar aqui aí vou colocar atendimento vou vir aqui no estilo vou mudar para cor 17 17 17 vou vir aqui em tipografia e vou escolher a fonte Montserrat aqui, montserrat, montserrat, vou deixar o tamanho 17 ok E aí eu vou duplicar esse título vou arrastar ele aqui para todos os outros ó, duplico e
arrasto Duplico e arrasto, que eu vou precisar de um título em todos E aí agora eu vou só mudar nesse daqui eu vou colocar institucional, neste aqui eu vou coloc ar ajuda e nesse daqui eu vou colocar meus pedidos e nesse daqui eu vou colocar nos acompanhe ok. aí vou voltar aqui na biblioteca vou pegar aqui um widget de lista de ícones Oh, lista de ícones que é esse daqui E aí eu vou arrastar para cá primeiro eu vou excluir todos aqui deixar só um aí eu vou vir aqui abrir e vou excluir
esse ícone eu não quero quero só os textinhos. E aí nesse primeiro eu vou escrever assim ó, horário de funcionamento e eu quero que ele fique só es se item aqui, eu quero que ele fique em negrito. Então vou colocar maior menor e no meio vou colocar B aqui no final e aí que no início também maior menor e no meio eu vou colocar B tá que é um código HTML para poder transformar em negrito tá bom, aí eu vou duplicar aqui aí nesse aqui debaixo eu vou escrever normal segunda a sexta de
segunda a sexta 8 horas 8 horas às, por exemplo 23h né vou colocar um horário aqui qualquer você põe horário aí que você estiver disponív el aí para atendimento tá vamos colocar aqui E aí eu vou duplicar e vou colocar aqui agora um telefone de contato Então vou colocar o número de telefone fictício aqui E aí no seu caso você põe seu telefone aí E aí vou duplicar aí vou voltar nesse aqui de cima vou pegar um ícone aqui de telefone Então vou pesquisar por fone aqui e eu vou pegar esse
ícone aqui E aí nesse daqui eu vou pegar o ícone de WhatsApp, vou deixar aqui e vai ficar assim E aí vou vir aqui nesse estil o em ícone eu vou pegar a cor roxo, vou por aqui a cor roxo, que vai ser a cor do ícone, vou aumentar um pouquinho tamanho deixar mais ou menos tamanho 17, aliás 21 aqui para ficar um tamanhozinho bom, vou vir aqui no texto vou vir em tipografia e colocar Montserrat eu vou deixar o tamanho 15, e a cor do texto 17 17 17 e eu vou deixar peso 500 aqui e vou deixar
tamanho 14 mesmo. Achei que ficou acabou ficando um pouquinho grande Deixa eu olhar aqui para ver se ficou quebra ndo, ficou quebrando a linha para baixo então eu vou aumentar um pouquinho aqui essa coluna para não ficar quebrando tá E aí eu vou vir aqui na lista e espaçamento vou aumentar um pouquinho espaçamento vai ficar assim pronto aí agora eu vou duplicar essa lista de ícones, vou arrastar para cá, vou vir aqui em conteúdo vou excluir deixar só um vou excluir o título de novo
aí aqui eu vou colocar Quem somos, perceba que todos os esses itens tem como você colocar o link aqui por enquanto eu não vou colocar o link das páginas no final vou voltar fazendo as linkagens aqui com vocês Tá então vou fazer isso no final mas fica lembrando que é só vir aqui no link e colocar aqui o link então da página quem somos você pode vir aqui e pegar o link tá, da página contato pode vir aqui pegar o link e por aqui, tá, beleza, vou duplicar de novo aí Vou colocar aqui
garantia e vou duplicar, ah vou colocar home aqui aí vou subir esse aqui para cima, para ser o primeiro vou duplicar e vou colocar produtos para ir para a página de loja tá aí vou deixar assim vou duplicar vou arrastar para cá aí aqui nesse primeiro eu vou escrever políticas de devolução e trocas e no de baixo vou escrever políticas de de privacidade política de privacidade nesse aqui debaixo eu vou colocar Fale Conosco ó e vou excluir esse último aqui deixar só esses quatro e aí
Aqui também deu uma quebradinha para baixo aí como esse daqui tem um espaço qu e está sobrando que não vou precisar eu vou arrastar para cá tá vou colocar mais um aqui que entregas e prazos né, que também é importantes entregas e prazos, entregas e prazos, vou deixar aqui também tá lembrando que depois a gente vai voltar e fazer a linkagem, agora eu vou duplicar vou arrastar para cá aí eu vou excluir dois, deixar só dois aqui, no primeiro eu vou colocar acompanhe seus pedidos E no
segundo eu vou colocar editar cadastro e vou duplicar esse título aq ui, vou arrastar ele aqui para baixo aí eu vou colocar assim formas de pagamento eu vou vir aqui na biblioteca vou pegar um widgetzinho de imagem vou arrastar para cá vou deixar aqui o tamanho da imagem em tela cheia e vou vir aqui e vou upar uma imagenzinha de forma de pagamento que eu tenho aqui a gente vai usar o Mercado Pago então peguei uma artezinha que tem as formas de pagamento do Mercado Pago eu vou fazer o
seguinte vou chegar essa coluna um pouco mais para cá porque ainda sobrava o espaço aqui que eu não ia usar vou chegar essa aqui um pouco mais para cá para poder dar para ficar um espaço legal dessa imagenzinha tá E aí eu vou vir aqui, vou vir em estilo vou deixar ela aqui 100% vou vir no arredondamento vou colocar 10 para ficar arredondado vou vir aqui nesse título vou vir em estilo aí eu vou dar uma diminuída no tamanho dele aqui para poder diminuir um pouco colocar uns: aqui
também, vou vir em avançado desvincular os v alores de margem e vou colocar uma margem superior negativa para subir ele um pouquinho para cima ele ficar mais colado com os outros itens e aqui na imagem também vou fazer isso vou clicar na imagem, clicar em avançado, desvincular os valores de margem e subir um pouquinho a imagem, para não ficar tanto espaço assim na coluna tá, aí aqui nos acompanhe eu vou vir aqui na biblioteca vou pegar um widget de redes sociais E aí arrastar para cá,
eu vou colocar umas quatro opçõ es aqui aí eu vou deixar o Facebook vou mudar esse aqui para Instagram Lembrando que aqui tem opção para o link só você por os links aqui das redes sociais vou deixar vou trocar Twitter para pinterest E vou deixar YouTube também aí aqui na forma eu vou escolher um círculo e aqui no estilo em tamanho vou diminuir um pouco até que fique assim um tamanho bom, mas que não quebre a linha, aqui em cor eu vou tirar de cor oficial e deixar personalizado, vou
pegar a minha cor ro xa aí nessa cor aqui secundária a cor de dentro eu vou deixar branco e nessa cor primária é a cor de fora aí eu vou colocar a minha cor roxa aqui tá vou duplicar esse título que eu fiz aqui de forma de pagamento vou arrastar ele para cá e eu vou escrever aqui site blindado blindado, e eu vou duplicar essa imagenzinha que eu fiz aqui, vou arrastar ela para cá e vou arrastar a imagem de um certificado SSL para cá tá para poder o cliente se sentir mais seguro
ao compr ar também, que essa daqui Ela é maior do que essa né, então vou vir aqui em estilo vou diminuir um pouco a imagem, para poder ela ficar mais ou menos da altura dessa. E aí eu vou ver aqui, vou vir em conteúdo em alinhamento vou deixar alinhado para a esquerda aí vai ficar assim aí agora a gente vai descer aqui vai pegar uma outra seção de uma coluna só vai vir aqui em avançado, Vamos colocar uns 30 aqui de padding de novo, vamos ver aqui na seção em estilo tipo de fundo
Vamos colocar uma cor, vou por essa cor roxa aqui no tipo de fundo, vou vir aqui na biblioteca eu vou pegar um widget de texto aqui vou arrastar para baixo, eu vou copiar uma descrição que eu deixei que é muito importante colocar em loja, principalmente se você tiver o CNPJ né, o nome da sua loja o endereço né É o aviso de direitos autorais reservados, então vou colocar esse textinho aqui, copiar ele vou colar aqui dentro do item, e vou vir em estilo vou vir em alinhamento
deixar Centralizado colocar a cor do texto de branco Lembrando que eu pus esse CNPJ 0000 é de... a minha loja é de teste então CNPJ falso aqui tá porque essa loja que é de teste mas aí no seu caso você põe o CNPJ real se você tiver tá aí vou vir aqui na tipografia vou mudar para montserrat e vou deixar o tamanho 15 ok e pronto, vamos clicar em salvar rascunho aí beleza agora a gente pode vir aqui e fazer uma configuração no mobile então assim assim como a gente con figurou é como
as pessoas veem no computador mas o elementor ele te disponibiliza a opção de configurar aqui no mobile então se você clicar aqui nessa opção, aqui em cima ele te mostra como você está vendo o site pelo celular pelo tablet e pelo desktop né então vou colocar aqui no celular e eu vou ajeitar aqui para vocês verem ignorem aqui o menu para excluir de depois do do mobile né então vamos vir aqui na coluna vamos vir aqui em padding, Vamos colocar 20 aqui de p adding o restante tá com
tamanho ok aqui também vamos vir aqui na coluna, na seção quero dizer, vamos ir em avançado e 20 de padding Pronto, eu acho que a gente pode vir aqui nesse título e desvincular os valores de margem aqui para não ficar muito grudado né que no mobile acabou ficando muito grudado, vamos fazer isso nessa imagem aqui também, ok! aqui nos acompanhe eu vou pegar esses ícones aqui vou vim conteúdo ou alinhar ele aqui para a esquerda ok aqui no site bli ndado também vou vir em avançado
desvincular os valores de Margem aqui também avançado, desvincular os valores de Margem ok! aqui nesse aqui também vou vir aqui na seção vou vir aqui em 20, quero dizer, vou vir aqui em padding, colocar 20 de padding para ficar um espacinho legal assim também e pronto já fizemos aqui a configuração ó eu vou explicar só dessa vez aqui como fazer aqui no tablet mas ao longo do do nosso tutorial eu não vou não vou mais mostrar porque vai ser um passo a mais desnecessário que eu já
estou te ensinando uma vez você já sabe que para configurar aqui no Mobile você coloca aqui no telefone para configurar via tablet que você coloca aqui no telefone o que que você faz que altera é aqui e altera também no desktop mudar as coisas de lugar tirar excluir tudo isso que você alterar vai alterar também no desktop mas se você fizer só os ajustes de tamanho e espaçamento que nem eu tô fazendo aqui não vai alter no desktop também tá então aqui por exemplo, o que a gente
precisa fazer aqui por exemplo, vir nessa seção aqui, podemos ir aqui em padding, vamos deixar 20 aqui espaçamento para sobrar mais espaço aqui, nessa seção aqui de cima também podemos colocar 20 aqui de espaçamento de padding, aí vamos vir aqui nesse vamos vir aqui no estilo em texto aí vamos vir aqui no tamanho de texto Vamos colocar no tamanho 13 aqui para diminuir ó, já diminui, então vamos clicar aqui, c licar com o botão direito para copiar e nos outros ir colando aqui essa
configuração para diminuir o tamanho do texto aqui, aqui no título também Vamos diminuir ó vou diminuir primeiro esse institucional aqui que tá mais grudado, então eu vou vir nele aqui, vou vir em título e vou dar uma diminuída. Ó, ele ficou com tamanho 12 então vou copiar vou colar aqui o estilo nos outros, copiar... colar estilo colar estilo, colar estilo e colar estilo tá, aí eu vou vir aqui tamb ém colar o estilo nesse título aqui que estava grande e nesse aqui também já deu uma
diminuída neles aqui nesse daqui eu vou clicar nessa foto aqui vou vir em estilo aumentar um pouquinho aqui o tamanho, que ele acabou ficando bem pequenininho aqui, né e vou centralizar que eu acho que vai ficar melhor, vou vir aqui no site blindado, vou vir em conteúdo e deixar centralizado e a imagem, também vou vir aqui em conteúdo e vou deixar Centralizado essa coluna, acho que fico u melhor assim, certo, essa daqui de ajuda eu também vou deixar de Centralizado para poder não
ficar muito grudado aqui com institucional então como eu tive que fazer isso eu vou vir aqui e fazer a mesma coisa nesses outros deixar todos aqui Centralizado tá para aproveitar o espaço aqui, aqui nos acompanhe também então a gente pode clicar aqui para salvar, ó vamos voltar aqui para o desktop Você viu que eu não alterei as coisas aqui no desktop então que eu fiz o desk top ficou que eu fiz aqui no tablet ficou porque eu fiz no mobile ficou né Cada um Ficou só na onde que eu
configurei então vocês já aprenderam a configurar aqui no mobile agora tá bom, vamos clicar aqui em publicar aí a gente quer que apareça no site todo. Então é aquela mesma história, clica aqui em adicionar condição e deixa entre o site aí agora se eu recarregar minha página principal aqui então ficou esse erro aqui que é por conta do seguinte, lembra que a gente t inha colocado aqui uma tag HTML de b para poder ficar negrito? então eu esqueci de fechar quando você não fecha alguma
tag ele dá esse bugzinho aqui mesmo, então isso acontece demais tá, serve até de alerta para vocês não errarem aí, então ó, para abrir a tag você abre assim né, maior menor e coloca a tag dentro e para fechar sempre tem que pôr uma barra na frente também então você põe um barra aqui salva, e pronto, funcionou, aí já ficou aqui certinho nosso menu pront o e o nosso rodapé né e agora vamos partir aí para configuração da nossa página home, então vamos lá pessoal agora a gente vai
fazer a nossa página home, que é a nossa página principal do site, a gente fez até agora o menu e o rodapé e a gente fez o menu e rodapé aqui na parte de modelos do elementor porque o menu e rodapé eles já vem padrão do tema né já vem padrão do Wordpress então o próprio tema que você escolher que no caso a gente escolheu Hello ele já cria um menu e o rodapé lembra que antes da gente criar esse menu tinha algumas letras que estavam escritas de Rosa então aquele era o menu padrão e
aqui embaixo lembra que tinha umas letras escrito de preto assim desenvolvido pelo WordPress alguma coisa do tipo então aquele era o rodapé E aí quando tem alguma coisa que já é padrão do tema ou padrão do Wordpress, a gente precisa criar um modelo para subscrever essas coisas, quando não é padrão né, quando você que vai criar, a mais aí você não precisa atribuir um modelo, você cria direto vou mostrar aqui para você agora a gente vai fazer na página home né então a gente vai vir
aqui em páginas todas as páginas vamos escolher a página home, Vamos clicar aqui em editar, e essa aqui vai ser a nossa página home, aí para a gente poder editar ela com elementor a gente vai clicar aqui em cima em editar com elementor E aí vai abrir aquele editor que a gente tava usando né que a gente fez para o menu e para o rodapé, e aí perceba que olha só o menu rodapé quando você passa o mouse ele faz uma canetinha amarela dizendo que se você quiser editar, você pode clicar em
cima que ele vai abrir o editor deles para você conseguir Mas se você não fizer isso fica travado Tá vendo só esse espaço aqui que está em branco que é um espaço da página home E aí você vai construindo tá, vamos começar aqui então vou pegar uma seção de uma coluna só, aí eu vou vir aqui na biblioteca vou pegar um widget de slide eu vou arrastar para cá e ele vai ficar assim só que eu quero que esse slide ele fica em toda a extremidade aqui da tela, então o que é que eu vou fazer,
eu vou vir aqui na minha seção, vou vir aqui em espaço da coluna e vou deixar sem espaçamento tá, então aqui dentro da coluna que é onde tem esse quadradinho preto ele deixou bem grudadinho não deixar Nenhum espaço tá! quando a gente deixa default olha lá tá vendo entre a linha pontilhada e o it em e deixa um espacinho padrão a gente deixar sem espaçamento ele deixa bem rente aqui a extremidade da coluna. Beleza, agora o que que eu quero fazer eu quero que ele fica aqui na
extremidade da seção também, então eu vou deixar assim ó, largura do conteúdo largura Total ele vai ficar aqui na largura total da tela está vendo Então ficou que em toda a extremidade beleza aí aqui no lapisinho é onde eu vou mexer nesse slide que tá aqui, tá vendo, ele já vem um aq ui por padrão, eu vou usar somente imagens que foram algumas Artes que eu criei no photoshop, Inclusive tem uma playlist aqui no canal só sobre PhotoShop então eu já ensinei fazer banner, manipular
artes do freepik, fazer formas de imagem bolinhas com itens, várias coisas, inclusive indico demais você entrar aqui nesse site chamado freepik porque ele tem muitas Artes prontas Olha que legal esses banners aqui, você pode pesquisar aqui por banner ou qualquer outra coi sa que você precisa de arte que ele vai ter aqui e você pode baixar e manipular através do Photoshop ou Illustrator Tá bom então eu aconselho muito que você passa usar esse site aqui para poder pegar alguns banners
e fazer Olha só esse aqui que bonito por exemplo tá vendo ele já vem com vários prontos aqui então compensa demais tá esses que eu vou usar, eu fiz do zero. Inclusive eu vou deixar eles disponíveis lá no nosso drive que eu já falei para vocês o PSD é o arquivo editável em Photoshop e também vou deixar a imagem disponível tá então que que eu vou fazer primeiro eu vou excluir aqui, vou deixar só um aí vou vir aqui vou vir em conta em vou excluir o título e a descrição e também vou
excluir o clique aqui né do botão pronto vou deixar tudo em branco vou vir aqui na cor também vou colocar a cor branca e vou vir aqui em imagem vou clicar aqui em adicionar e vou enviar uma imagem aqui que eu deixei separada, ó deixei todas as image ns dos banners aqui então eu vou pegar essa primeira aqui eu vou arrastar para cá e pronto vou duplicar vou pegar essa segunda imagem aqui opa, enviar arquivo e vou arrastar esta imagem aqui, essa daqui do smartwatch vou arrastar para cá
tá depois eu vou duplicar vou enviar essa outra aqui do fone de ouvido tá vendo que eu estou alternando né, uma roxa, amarelo e uma outra roxa e vou fazer a quarta aqui e como estou lidando aqui com quatro principais categorias aí eu fiz quatro banner aqui né um de fone de ouvido, um de airdots, um de Apple Watch e um de SmartWatch, tá. Mas aí você faz o que você achar melhor não precisa fazer muito também né no máximo uns quatro assim que tá bom E aqui em height é altura eu vou
até traduzir aqui para português para você é uma altura só é a altura aqui do nosso slide então eu vou mexer aqui aumentar deixar o tamanho 600 aqui de altura e as imagens elas precisam ter pelo menos 1920 de largura e altura como você viu vai depender do tamanho que você quer Eu sempre faço uma altura maior do que a que eu vou deixar aqui porque a dependendo do tamanho de tela pode cortar Então eu sempre faço a imagem com espaço vazio aqui né que não não esteja muito próximo
ao texto a foto que eu tiver colocado aqui para poder não correr o risco de cortar em telas menores ou maiores entendeu isso que eu sempre faço o banner um pouco maior Ok então, aliás deixa eu vou aumentar um pouq uinho aqui deixar 650 vai ficar um tamanho bom aqui de altura Tá eu vou deixar 650 de altura beleza e agora vou fazer aqui algumas configurações aqui em opções de controle você consegue fazer algumas configurações aqui a transição ou seja o estilo de como o slide vai
passar eu vou deixar com slide mesmo mas você pode deixar como fading tá que é só trocar a foto sem passar uma para o lado, aqui a velocidade aqui é o direção da animação do texto só que a gente não tem nenhuma e aqui é são as navegações né são os controles que você usa para passar aqui os slides nosso caso deixei setas e pontos, são essas certinhas que ficam aqui e os pontinhos que ficam aqui e aí eu consigo fazer as configurações aqui em estilo em navegação eu consigo aqui ó,
tamanho da setas e aqui tamanho dos pontos os pontos eu vou aumentar A seta e eu vou só mudar a cor dela aqui para branco os pontos também vou mudar a cor deles aqui para branco ok, eu gosto s empre de deixar os pontos grandinhos assim que eu acho que quando a gente muito pequenininho fica com uma sensação de mau acabamento não fica muito profissional eu acho e aqui no caso das setinhas não deixa fazer tantas configurações então eu preparei um CSS um código aqui para poder customizar
também vai estar tudo lá no Drive como eu falei para vocês e é só você vir aqui em avançado né, pode ser em qualquer lugar Pode ser tanto aqui na lapisinho e vir em avançado ou a qui na seção, CSS customizado aí você cola aqui ele vai ficar aqui tá vendo aí lembra que eu coloquei a setinha de branco aí não tá dando para ver a setinha, então eu vou mudar a cor dela para roxo é esse roxo que eu estou usando aqui no projeto, vou mudar e aí vai dar para ver as setinhas agora tá vendo,
então ficou bem mais profissional agora com esses bolinhas aqui com a cor de fundo um código bem facinho que eu fiz inclusive Já ensinei criar códigos CSS aqui no canal do se você quiser ir ver, vou deixar para você na descrição tá aí pode ir atualizando para não perder nada tá beleza aí também vou mostrar para você aqui como fazer a parte do mobile desse banner porque se a gente mudar aqui para o celular você pode ver que mesmo que eu venho aqui e que eu diminua a altura ó, vou
diminuir a altura, ele vai ficar muito pequenininho no celular tá vendo. Então a gente tem que criar um outro com outros tipos de imagens só para o celular tá então que a gente vai fazer eu vou clicar aqui nessa nessa sessão vou duplicar E aí aqui nessa de baixo vou colocar as imagens com os tamanhos os formatos tamanho só para o telefone então vou vir aqui vou pegar as imagens aqui para mobile que eu tenho, então vou substituir essa por essa daqui vou clicar nessa vou substituir
ela também por essa daqui, vou clicar nessa e vou substituir ela também por é essa daqui, e essa eu vou substituir por essa, E aí que que eu vo u fazer agora eu vou vir aqui e vou aumentar a altura Tá eu vou aumentar àquela altura ou e deixar um tamanho bom aqui para celular, então vai ficar assim tá E aí Vou clicar aqui em atualizar e o que que acontece a gente tem dois slides aqui a gente tem que fazer com que um aparece só no desktop ou seja só para computador e o outro aparece só
para celular nesse aqui eu vou clicar na seção, vou vir em avançado, vou vir em responsivo e aqui vai ter ocultar para tablet, ocul tar para celular então vou ativar aqui e ativar aqui dessa forma quando tiver aqui no celular ele vai ficar cinza aqui indicando que ele só aparece no desktop E se eu fechar que o editor ele nem vai aparecer tá vendo eu preciso só isso daqui certo e aí acho que eu vou fazer a mesma coisa só aqui eu vou vir aqui em responsivo e vou ocultar para
desktop e quando eu deixar aqui no computador aí ele vai ficar cinza assim e se eu fechar o editor ele nem mostra tá ve ndo, dessa forma deixa oculto, e aí aqui no no slide você consegue colocar o link também, então você pode vir aqui em content colocar um link aqui ó aí por exemplo esse primeiro aqui é dos airdots né então você pode vir aqui no menu clicar com o botão direito, copiar o endereço do link e colocar aqui dessa forma se alguém clicar no banner ela vai ser direcionada
para os produtos dessa categoria, e aí eu vou deixar aqui é o slide inteiro que aí se a pessoa clicar em qual quer parte do banner ela é redirecionada para lá, vou fazer a mesma coisa nos outros vindo aqui em content esse aqui é o smartwatch né então vou procurar aqui relógio inteligente né porque a minha página traduzida e vou colocar aqui Vou vir em content e este outro aqui é o fone de ouvido né copiar, vou colocar aqui, neste aqui também que é o Apple watch e pronto aí nesse aqui
do mobile você faz a mesma coisa tá vem aqui oh, vou colocar só nesse último aqui depois eu linko os outros só mostrando para vocês como é que faz tá, então a mesma coisa, agora que eu já te ensinei como limitar as coisas para não aparecer no formato que você quer eu vou te ensinar a colocar no menu também tá não ficar atrapalhando a gente então voltei aqui para minha página home tá página principal, ó já tá até aparecendo o nosso banner aqui e aí eu vou passar o mouse aqui em
cima só passar o mouse em cima do elemento vai aparecer menu e eu vou clicar o menu co locar em cima do menu eu vou limitar aqui para que o menino não apareceu no celular porque depois a gente vai fazer um melãozinho diferente para o celular vou colocar aqui na seção vi nem avançado responsivo ocultar para tablet e celulares e na sessão de baixo também vou fazer a mesma coisa o avançado responsivo ocultar para tablet e para o celular meio pronto vou recarregar a minha página do
editor da home aqui E se eu colocar aqui para desktop já não vai mais apar ecer o menino lá em cima tá vendo beleza vamos prosseguir aqui com o nosso tutorial agora eu vou criar a parte de baixo aqui a sessão de baixo aqui que é uma sessãozinha que eu vou fazer de algumas categorias eu vou pegar uma sessão ou uma coluna só vou vir em avançado vou colocar um espaço dentro dessa do seu sessão ou com a 40 aqui de Sérgio pede lembra É sempre o espaço de dentro imagem espaço de fora
então aqui dentro tá vendo eu vou até excluir aqui antes a ext remidade que é onde tem essas esses pontilhados tava bem perto aqui da extremidade da sessão E aí agora ele foi um pouquinho pra dentro tá vendo Então a gente for no espaçamento vou vir aqui na biblioteca virem Tito o arrastar para cama vou escrever tá te gurias vou deixar aqui em centralizar agora eu vou vir aqui nesse estilo vou vir aqui na cor e vou colocar 10 7 por 7 dias 7 horas em esse cinza chumbo que eu gosto de
usar eh vou vir aqui na tipografia vou deixar a Mon tserrat eu vou deixar aqui o tamanho bom aqui eu sou mesmo tamanho 30 esse peso 300 mesmo e aí vou vir aqui na biblioteca eu vou pegar uma sessão interno E aí só pra cá isso faz uma sessão dentro de você são que a gente pode fazer vários carros aqui dentro e usar o mesmo tipo de fundo por exemplo aí eu vou clicar aqui na coluna duplicar lembra que a coluna esse quadradinho preto vou duplicar para deixar quatro aqui e aí agora eu
vou vir aqui vou pegar uma caixa de Im agino que eu vou escrever aqui caixa aí vai aparecer caixa de imagem arrastar para cá Oi e aí Aqui tem uma imagem tipo uma descrição vou excluir descrição que eu só quero usar o tio e aí que eu vou escrever o nome das categorias nessa por aí dot e vou duplicar arrastar para cá nessa daqui eu vou escrever fone de ouvido e vou duplicar arrastar para cá e nesse daqui eu vou escrever Smart watch me eu dupliquei a raça é para cá e nesse último
vou escrever Apple o Whats Ok e agora eu vou colocar um ícone saque de cada um tô aqui nesse primeiro aqui eu vou vir aqui eu vou pegar as imagens que eu deixei aqui de ícones a esse esse esse esse é bom arrastar para cá com o primeiro lote é isso daqui e o segundo aqui é o fone de ouvido é isso aqui o terceiro é o smartwatch peixe e o outro é bom este daqui e agora eu vou vir aqui em estilo em espaçamento eu vou deixar a zero acreditar nesse último aqui vou deixar as réguas
espaçamento entr e a imagem e o título é tamanho de largura que eu vou deixar mais ou menos uns 23 para não ficar nem tão grande nem tão pequeno aqui me conteúdo removido aqui no título aí vou mudar a cor para 17 17 17 Wolverine tipografia vão mudar para monserrar antes de encerrar tamanho 15 o livro copiar e colar o estilo em todos os outros itens aí agora eu vou fazer uma configuração aqui nas colônias Então vou vir aqui na coluna uma Birkin estilo vou colocar uma cor de fundo
bran co vou ver aqui em borda em sombra quando eu clico e nem sombra do bloco eu já tive a sombras aí aqui eu vou modificar um pouco basta essa Barrinha aqui que quer dizer a intensidade da sombra e aí eu vou deixar ela até chegar no 17 mais ou menos eu vou vir aqui em borrar e vou deixar cinco para ficar uma sombrinha bem Sutil tá vendo Oi e aí eu vou vir aqui erradamente vou deixar 10 e pronto agora eu vou vir aqui em avançado impedem eu vou colocar 10 aqui de espaçamento né Aí
vou circular os valores de pad e aqui no superior eu vou colocar 20 para não ficar tão bem grudadinho 50m com a extremidade que nem estava a imagem Ok E aí se eu copiar aqui do jeito que tá e colar aqui do outro lado você já sabe né Ele vai ficar grudadinho então para desgrudar eu vou colocar um espaço de fora da coluna Então vou colocar a margem é um pouco dessa Agora sim está com os passos corretos eu posso copiar e colar nas outras colunas tá bom o Tom ainda quero mais uma
coisa eu quero que na hora que a gente passa o mouse aqui apareceu uma borrachinha roxa Então vou ver aqui na coluna ouvir estilo em borda em Rover lembra que roubaram a ação de passar o mouse e aí eu vou colocar aquilo tipo de moda sólido aí Vou colocar aqui três vou pegar a cor roxa que eu tenho aqui vou colocar a cor roxa e aí olha só a hora que passa o mouse ele vai fazer em toda a extremidade só que eu quero só aqui embaixo então vou clicar aqui para desvi ncular os valores eu
vou apagar me todos deixar só no inferior aqui tá vendo Aí ó na hora que eu passo mal só aqui embaixo aparece uma gordinha também Ah beleza eu vou fazer isso aqui com o piá né e colar Hein tu não é que todos fiquem com seus peito e pronto agora que você pode vir aqui e fazer as ligações aqui igualzinho a gente fez por exemplo nesse primeiro o que que ela é Dota vem aqui copia Cola aqui em seu o que que é fone de ouvido copia vem aqui colo aqui nesse outro aqui que é smartwatch
Sofia vem aqui fala aqui não sei o que é Apple watch 1 e copia vem aqui e cola aqui tá mesa organizada aí agora o que eu quero fazer é que no restante aqui de toda a página fique uma cozinha um pouco branco bem gêmeo para poder dar destaque nos cards vizinhos Então vou vir aqui na engrenagem que é onde a gente configura toda a página inteira ouvirem estilo tipo de fundo vou pegar aço cor branco gelo que eu separei aqui e vou colar ela aq ui ó percebi que se você olhar só para ela
nem presta parece que é branco né Aí quando a gente deixa em contraste com o branco normal você vê que ela é um pouco mais escura tá vendo e aí deixa a sombras que a gente faz mesmo que sejam clarinhas com mais intensidade não gosto bastante de usar Socorro beleza aí o último última coisa agora vai pegar aqui em São Luís em avançado é clica aqui imagem no superior a gente vai colocar 20 de pede para poder ela não ficar muito gr udadinha com o título né um passeio pronto aí agora a
gente vai vir aqui e vamos criar a sessão de lançamento para a gente vai vir aqui vai pegar uma sessão de uma coluna só vamos ver em alguns hábitos colocar 40 ele pede publicar esse tipo aqui que a gente vai usar a mesma configuração vamos arrastar ele para cá e vamos escrever aqui lançamento em e a gente vai vir aqui no widget na biblioteca vou chegar um monte de produtos esse aqui ó produtos vamos arrastar ele para cá e ele puxou alguns produtos padrões né as configurações
padrões do Papel escreve a gente vai vir aqui vai fazer isso configurações colunas que a quantidade com tem que não deixar quatro e de Rosa Kelinha eu vou deixar só um só quer que apareceu só o Pati produtos aqui nessa sessão mesmo o carro aqui que é a consulta Ou seja que tipo de produto que eu quero que apareça aqui eu vou deixar esse daqui mesmo que é últimos produtos homem os produtos mais recentes né últimos produtos o que é que é de lançamento então se eu deixar o último os
produtos ele vai sempre mostrar os últimos produtos que a gente postou aqui então vai sempre mostrar os lançamentos Ok então pronto aí eu vou vir aqui no estilo vou configurar o estilo agora é aqui é para você configurar o espaço das colunas gosta das minhas aquele alinhamento eu vou deixar Centralizado eu texto e botar um ficar Centralizado aqui no título eu vou mudar a cor para 17 17 17 hora s eu vou fazer aqui vou ver aqui na discografia e colocar um Monte Serrat da fonte que a
gente gosta do Zap pronto e vou deixar tamanho 15 eu tava fazendo que a gente tá usando o atualizado que eu quero mostrar para vocês uma configuração aqui tá tem como você economizar alguns passos aqui é de configuração de cor de tinto ou de tipografia vindo aqui na engrenagem aqui nessas Barrinhas aqui e aqui em configurações do site você consegue vir aqui configurar as cores gl obais Então você percebe que sempre tem um link aqui ele fica de azul você pode mudar a cor da esses
links aqui tá vendo com a gente pode mudar presente para cor roxa que a pouco a gente costuma usar né nosso projeto é o sofá informar é a todos os links ficarem de roxos é a cor secundária que acordou dos textos a gente pode deixar 17 17 17 é isso que a gente tá usando E aí bom né a cor do texto do texto que padrão a gente pode mudar também para dizer 7:00 7:30 i i a a cor de Lins também a gente pode mudar para que a gente quiser vou deixar de rosto também aqui também a gente consegue
fazer configurações de fonte só então eu vou mudar aqui para monserrar pode padrão então sem ter e Puxa essa fonte Roboto ali deixar todas as nossas fontes de e padrão para Monte serrado e dessa forma vai ser mais fácil para configurar você pode fazer isso tá então aqui tem um monte de configurações que você pode olhando aquele botões você pode deixar pré-co nfigurado tá eu gosto de não fazer isso que eu fiz um vídeo só ensinando configurar isso aqui chama configurações do tema
inclusive de convite para ir lá assistir porque eu gosto de deixar sem configurações padrões tem mostrando para vocês todas as funções que tem aqui tá então se você quiser vir aqui dar uma configurado para economizar tempo você faça isso eu não Olá tudo vou deixar aqui sem configurar pé e mostrando para vocês a funções para que vocês Aprender o m áximo de coisas possíveis tá e quando você terminar de configurar Aqui você clica no xizinho e você volta para o editor do elemento
mesmo vamos continuar aqui e já configuramos o título né agora eu quero configurar aqui o preço e já acabou a cor roxa que é link e a gente já tinha configurado mas eu vou vir aqui eu vou aumentar aqui um pouco o tamanho que eu vou deixar assim mais ou menos tamanho 17 horas tá e aqui ele tem preço aí Aqui tem o preço regular a gente vai fazer a mesma coisa de coração eu vou colocar nenhum Oi e aí agora eu vou vir aqui na caixa né que a caixinha a coluna A gente do produto vou
vir aqui me cor do fundo ou deixar branco para virar um card Zinho tá vendo sombra do bloco vou colocar o mesmo tipo de sombra que eu pus lá em cima então eu vou pegar essa cor aqui e deixar até que o último número seja 17 e vou vir aqui me apagar né ou então espalhar e vou deixar assim que vai ficar uma sombrinha mais Sutil aqui tá vendo Oi e aí eu vou vir aqui também raio da borda né que é border-radius outra inglês que é melhor border-radius que eu além da arredondamento vou
colocar 10 aqui minha ficou arredondado tá vendo eu vou vir aqui me pede elas parte de dentro eu vou por 10 e ele ficou um espacinho aqui dentro e também eu acho que dá para gente melhorar um pouquinho essa sombra que não tá muito em muito grotesca vou deixar umas uns dois aqui de borrar para não ficar muito escur o com sobre bem Sutil agora quero configurar esse trenzinho aqui falando que está em oferta né que tem promoções E é aquele Siena e Flash eu vou biquíni background vou
colar cor roxa que a cor que não tô usando ouvindo o texto colocar a cor branca vou vim tipografia vou colocar muitos errar eu vou colocar peso 500 vou colocar um tamanho menor aqui 12 tá bom de tamanho e aqui você consegue controlar o arredondamento tá vendo eu vou deixar uma redondamente mais ou meno s assim e aí aqui é a largura que eu vou aumentar largura e vou diminuir a altura tá vendo que eu quero que fique assim mas oval Então vou aumentar um pouquinho largura Eu aumentei
então ficou assim 59 de largura e 20cm de altura para ficar assim mais oval Ok vamos voltar aqui para o produto vamos configurar o botão que eu esqueci então aqui ver carrinho viu cara a gente pode deixar a mesma tipografia com a cor roxa e a Fonte Montserrat não serrar e quando a pessoa cl icar em comprar vai perceber carrinho ainda ficar com essas configurações aqui e aí aqui em cima tá aqui ó luta não é botão back ground' colocar a cor de fundo laranja roxo a cor do texto eu vou
deixar branco e a tipografia eu vou colocar um Monte Serrat a gente ela vai desculpando barulho de moto não tem como esperar mais ficar em silêncio Então se apareceu um barulhinho aí foquem no conteúdo ignorem tá obrigado Beleza fonte Montserrat tamanho 15 G1 Oi e a CNI border-r adius que arredondamento acho que foi deixar a cinta para ficar bem aí danadinho tá vendo e aí beleza eu ficou assim ó já fizemos aqui a nossa sessão de lançamento só vou celulares mais justos ouvir aqui
nesse item ouvir aqui em avançado dizem Qual o valor imagem colocamos 20 aqui de pedem também para ele ficar mais desgrudados do título né para não ficar com espaço tão pequenininho assim que acaba ficando feio beleza e agora a gente vai fazer uma outra sessão aqui e mbaixo que é onde a gente vai colocar um banner bem bonito de promoção bom então vou pegar uma sessão com uma coluna só tá vou vir aqui em avançado em pede e colocar 40 eles pedem aqui também eu vou vir aqui na coluna
ao verem estilo tipo de fundo imagem e o arrastar a imagem que eu fiz de banner para cá Lembrando que vou deixar Sempre todos para vocês aqui ó aí me arrastei para cá inserir pronto posição Centralizado é tamanho preenchimento completo ó e vou vir aqui vou pegar um de dia espaçamento e vou aumentar o espaçamento aqui e assim que só você põe algum alguma solta alguma coisa de fundo ela não aparece não tiver um item em cima só coloquei aqui Um item de espaço e tô colocando espaço em
branco aqui só para poder aparecer aqui a nossa imagem tá aí eu vou voltar aqui na configuração da coluna vou vir embora nada eu vou colocar 20 de renovamento para ficar um banhozinho bonitinho você beleza eu sempre atualizando para não perder nada aí vamos mudar aqui para o modo responsivo e vamos já configurar algumas coisas presta atenção aqui poucas coisas que a gente vai vir aqui na seção ouvir impede que o espaço de leite e vamos deixar 20 para ficar um pouco mais de
espaçamento ouvir vocês não entendo desencosta logimage com a tirar os pensamentos que a gente fosse eu vou dizer aqui na Associação de baixo também desvincular os valores de pele né deixar viu tem como vir aqui no item e é vir aqui nesse estilo em coluna defe não é GAP da coluna e faça coluna A gente pode diminuir deixar bem pertinho aqui e nesse caso aqui acho que a gente pode diminuir mais deixar 10 espaçamento para ficar mais fácil aqui do item tá E aí a gente vem vem aqui e
o título ao podemos diminuir mais alegrinha e fala tamanho 14 mais ou menos e aí aqui no botão também então vamos procurar aqui por Button botar e Vamos diminuir aqui também Oi ó aqui dá para você ir mudança - de tela tap a sol então tamanho pequeno que tá aqui mas eu te garanto que você acessar o seu celular você vai ver que vai ficar mais espaço aqui tá Então é bom sempre você foi configurar alguma coisa aqui no meu bairro Não sei testando no seu celular para você ver vou até
mostrar aqui para você eu vou recarregar o me e o já tá bem bacana né nossa ruim como ficar aqui ficar inspecionar aí eu vou colocar aqui para mudar para a versão de telefone tá ou atualizar aqui para vir legal Zinho hoje tá ficando legal olha só ficou mais espaço aqui o título quebrou três minhas né então ficou um espaço aqui legal Zinho às vezes vai ficar um botão para sim botão para baixo porque o tamanho que fica aqui depende do tamanho do título tá pelo menos só com elemento
ele não tem como você me diga o tamanho que vai ficar os seus títulos aqui tá bom deixa para você não querer me sinto muito grande vai ficar feio assim não estou para sabia que botão quando tipo é g rande muito perto da extremidade aqui vou um pouco causalidade ruim só que a gente vai fazer aqui no Card se estivesse com muito espaço aqui e não comente não mas eu vou tirar esses passos que a gente colocou eu clicar aqui ouvirem avançado dos em Collor de margem para eu subir eu vou
voltar aqui nesse estilo aqui no box no link impede vou deixar 10 aqui dizer qual o valor de imagens e aí nesse inferior deixar o vídeo tá vendo para disputar o botão aqui da extremidade e vou atualizar e eu vou dar uma secadinha aqui pronto aí os botões estão mais distantes e ele ficou com a cara de pouco acabamento né E aí percebe que aqui no mobile o nosso banner e ele ficou ficou ruim aqui né olha só mesmo que a gente diminua aqui altura vai ficar muito pequenininho porque a
gente tem que fazer colocar uma imagem que seja boa que para o mobile a primeira coisa vir aqui na seção virem pede vou deixar 10 aqui de espaçamento Tá eu vou trocar a cor a rua não vou trocar a imagem de ir para uma imagem que eu quiser no caso de uma sessão de uma coluna você consegue colocar duas imagens diferentes você não não precisa fazer duas seções diferentes só pode usar ao próprio recurso do elemento duro tá olha só aqui não tem nenhuma imagem tá vendo agora o seu
pai aqui no desktop ele tá mostrando a imagem Então ele me permite aqui colocar uma imagem diferente para mobile eu vou ficar aqui vou vou o pai imagem que eu fiz para mudar em casa daqui basta para cá e pronto e agora tem uma imagem legal aqui para mobile né vou só aumentar o a minha altura aqui para não ficar tão grudando ele em cima eu vou atualizar Olá boa atualizar a página aqui na versão do celular olha só ficou bom né certinho aqui como é que nós já temos a nossa página
onde aqui quase pronta vou voltar aqui para versão de desktop e vamos fazer aqui uma outra exceção de produtos eu vou vir aqui vou copiar já viu copiei você só um inteiro aqui de produtos e eu vou colar ela aqui e eu vou colocar um título assim ofertas produtos E aí e em oferta produzem oferta de produtos em promoção eu quero que aparece aqui só os produtos em promoção tem pessoal tudo dando uma ideia pode colocar o que você quiser pode fazer várias sessões tipo assim aqui você
faz uma sessão só de fone de ouvido aquele se falando só de Apple both the smartwatch E aí você faz assim presentó duplica aí você escreve a qui ó essa só de Apple watch What assim sempre esqueço um teste é pote e aqui você coloca para aparecer só os produtos dessa categoria Como que você faz isso clica aqui vem cá ri lembra que querem é a chamada em a configuração do que que você quer que apareça e acne source né que pesquisa você disse para aparecer últimos produtos né não
traduzir você pode vir aqui e colocar presente para parecer e não o manual E aí você pode vir aqui colocar só os produtos que voc ê quiser é a minha página está traduzida então se você passar o mouse aqui você pode identificar a água de destaque e aí você pode vir aqui e colocar Incluir [ __ ] o outro é em inglês para você ver aqui assim ó term ou então prazo né Se tiver em português para você seleciona ele tá perguntando qual qual que é esse termo aí você você coloca categoria e
ainda mostrar todas as categorias Então eu quero que Apple watch categoria de produto Apple lote aí ele vai me trazer aqui só produtos que estão nessa categoria é para o outro entendeu então é assim que você faz para limpar só as categorias nosso caso como a gente quer os produtos em promoção a gente vai vir aqui vai vir série e vai deixar seio tá aparecer só os produtos em oferta vendo a festa certa certo então vamos atualizar o e Prontinho a nossa página home e ela já está é
totalmente pronta inclusive configurar os a parte do meu pai dela também né Legal né Muito legal esse edi tor do elemento que deixa a gente construir as coisas rapidinho agora vamos partir para a próxima página que vai ser a nossa página de loja pontinha aqui é parte da página loja mas antes vou fazer um outro passo que eu esqueci de fazer anos que é importar os desvios né os comentários avaliações dos produtos que tem lá na Aliexpress né Isso é uma parte muito importante porque
prova social uma das coisas que mais fazem vender né e eu descobri uma ferramenta muito legal para a gente poder fazer isso e dá para fazer um plano gratuito né assim como a descer ela é free e pronto ela tem um plano gratuito e tem um todo pago também e o plano gratuito dela já dá super pra começar então é muito legal antes de ir lá te ensinar deixa um like no vídeo tá porque eu tô fazendo tudo com muito carinho com muito Capricho Então deixa o like aí para me ajudar comenta o
que que você tá achando tal a tela e dá uma olhada se o botão do YouTube tá verme lho se tiver porque você não se inscreveu no canal eu sei que às vezes a gente esquece não se inscreve Então se inscreve aí que ia me ajudar também tá deixa lá e comente compartilhe rasto vamos lá as ferramenta é a review desse jeito que mesmo r.y.p. eo tá aqui viu pontocom vou deixar o link aqui na descrição para você acessar o site E aí aqui no site eles te explicam aqui né tem algumas informações
falando como é que funciona a ferramenta eu vou vir aqui em paz sim par a você ver né preços e olha só tem quatro planos aí a gente vai começar pelo plano free aqui é o plano grátis vou clicar no botão direito para traduzir e olha só o índice de avaliação de produtos sem logotipo da marca ferramenta de importação de resenhas né desvios e a nesse pronuncia e um monte de 20 avaliações para cada 50 produtos então assim você consegue importar até 50 produtos e são 20 reviews né 20
avaliações então para começar a tua super ótimo né Tudo bem bom então Conforme você for ganhando dinheiro você for querendo investir compenso super é comprar os outros planos porque aqui nesse plano por exemplo você vai vir mais para frente a gente não consegue selecionar os comentários do nosso país por exemplo do Brasil especificamente no plano pro Você já consegue fazer isso mas no fundo grátis Já permite editar então se tiver o comentário em inglês a gente consegue traduzir tá
E aí você vai clicar aqui em registrar né singl e para poder se registrar e é bem simples vai colocar seu nome de usuário e-mail uma senha criar uma aqui para mim o single pronto ao salvar aqui aí ele tá falando aqui ó só conta para registrado com sucesso aí agora eu já posso lugar Oi gente agora você vai cair nessa tela aqui que é para você conectar a ferramenta a sua loja aqui do comigo como você vai colocar aqui me conectar agora né e aqui tá pedindo para você escolher qual
plataforma então ele dá direito a v ocê configurar em qualquer uma dessas três a gente tá usando um como eles então vamos escolher um comércio e vamos colocar aqui o link da nossa loja Repare Bem o link tem que ser esse link aqui não pode ter/WP não pode entrar na frente tem que ser o link aqui do seu domínio Tá bom então o protocolo que ela https que é o que a gente criou almas SL tá você vem cola aqui instalar no né está lá agora e aí ele te mostra aqui as configurações que ele
vai ter acesso já pega que o seu usuário e te pede para provar e você vai clicar aqui em aprovar o rei Pronto ele já inclusive gera a chave secretas aqui que é é as que são cadastradas lá no começo mas você não precisa atribuí-los lá porque essa vinculação já fez isso E aí o que a gente vai fazer o primeiro a gente tem que fazer duas secagens aqui ó vou vir aqui no painel de administrativo do WordPress vir aqui em configurações leitura ou para mentira configurações links
permanentes e ver se você fez as configuração aqui que eu tinha mostrado antes quer deixar os links permanentes em nome do posto se tiver qualquer outro aqui tá errado e não vai funcionar você tem que deixar aqui em nome do peixe para ficar o seu domínio e o Slug aqui das páginas e produtos que você criar a outra configuração que você tem que fazer é desativar os comentários aqui do como eles então a gente vai vir aqui eu comer se configurações e vamos ver aqui em produtos vamos
falar com ela para baixo e aqui ativar avaliações a gente vai desativar e vai clicar aqui em salvar alterações Ok então preciso dessas coisas para funcionar corretamente agora que a gente fez a integração a gente vai vir aqui em cubinhos Adicionar novo e vamos instalar o Plugin do review e não será que ficar aqui e vai procurar por ti viu e já vai aparecer isso por mim aqui você vai colocar em instalar e depois ativar e pronto agora a gente já fez a instalação EA integração aqui
com o site se você vir aqui em configurações ele vai ficar aqui ó ri viu então você consegue até fazer algumas alterações aqui eu vou deixar ele da forma que está a gente voltando aqui para o site a gente pode a gente pode vir aqui e a gente pode recarregar aqui a página aí agora você vai vir aqui vai vir views e aqui vai que vai ficar o serviço que você importar e aí uma coisa importante pra gente fazer a instalação também é a extensão que ele também tem uma extensão do Google
Chrome é muito importante que você utilize o Google Chrome tá no seu no seu computador que como você viu e muitas extensões muitas vantagens de usar e olha se você pesquisar no Google para o review extensão já vai aparecer o primeiro link se pode explicar essa extenção aqui é só você clicar em usar no Chrome adicionar a extensão E aí pronto pode ser que para você já fica aqui no meu caso como eu deixo desativada Aí ela vai ficar desativada mas aí é só você procurar aqui é horrível
Import aí eu vou colocar aqui e deixar ativado é essa extenção aqui e aí que a gente vai fazer agora para a gente poder fazer a importação aqui do nosso civil a gente tem que procurar o produto que a gente a gente tá usando lá no nosso site tem que procurar ele lá na Aliexpress eu vou entrar aqui na dizer sim para a gente poder pegar o link certinho onde do produto ó fiz o login tente novamente mais E aí quando você logar aqui em maio produtos né meus produtos vai ter todos os
produtos que você importou então você pode clicar em cima do produto aqui ó enxergar detalhes E aí aqui vai ter Open em Aliexpress então abrir na Aliexpress você pode clicar com o botão direito vai abrir aqui o link do produto e aí Pronto né você chegou aqui nesse passo aí agora você precisa voltar aqui na sua loja é Vila quininho produtos todos os produtos identificar aqui na sua loja qual que é esse produto no meu caso é esse daqui né eu você precisa pegar um Slug dele o Slug é
o link que fica depois da Barra aqui então assim o seu domínio ele tem seu domínio né ele tem uma barra e aí tudo que fica depois da Barra geralmente é o nome de uma página o nome de um produto né o link de um post E aí é isso que a gente chama de Slug que é o nome que a gente usa aqui e para chegar naquela página E aí se você vindo aqui dentro do produto aqui em link permanente você vai conseguir clicar nele tá em você co nsegue copiar aqui somente o Slug né então você vai copiar
aqui pode dar um OK depois não precisa alterar nada e você vem aqui vem aqui na extensão do dormiu Cola que o seu Slug aqui tá E aí você pode vir aqui em engate reviews que ele vai carregar a e fez a importação dos viu lá para você então se você vir aqui News e recarregar você vai ver que ele fez a importação dos rios desse produto aqui tá vendo Então olha só ele importou 20 dos rios aqui você consegue ver que tem muitos vídeos aqui desse produto então comentários adicionados 43
ele importou somente é 20 e aqui no AliExpress tem como você né avaliação do seu país tem como você filtrar só que como a gente tá com uma versão fria que a gente não conseguiu fazer isso né fazer com que ele importar sol do nosso país então ele botou aleatoriamente aqui só que a vantagem é que ele permite que você é vídeo então ele importa né as avaliações e você pode editar por exemplo você pode vir aqui editar né é vir aqui pegar por exemplo esse daqui é um do Brasil então a
gente pode vir aqui vou pegar um comentário que ele fez aqui em português você pode só traduzir o que a pessoa fez aqui o comentário a pessoa fez ou então você pode vir aqui colocar um outro aqui que você quiser você pode vir É como se você tivesse importando esse daqui só que você vai estar fazendo por cima desse daqui e você pode mudar o nome né que não faz tem tem um está com estrelinha aqui você pode mandar o nome da pessoa que também eu pode deixar né que tá Brena é você pode
vir aqui mudar o país né colocar aqui Brasil por exemplo o Brasil e olha só é o likes dislikes que a pessoa colocou aqui a data que o comentário foi encurtado vou deixar a data correta mesmo que pode colocar fotos aqui do produto se você quiser no comentário e clicar em salvar ei ei se a gente acessar que o produto o que rolar a página aqui Henry BIOS a gente vai conseguir ver todas as variações tá vendo tô indo já forma aqui nessa linha tudo bonitinho eh as fotos aqui ele só
então tem todos os comentários aqui claro vai você vai ter um trabalhinho a mais se você for optar por escolher somente a versão Pro de vir aqui traduzir né os rios mas de para quem está começando Nossa tá ótimo você vai ter um trabalho em uma mais de vir aqui de tarde mas você vai conseguir lançar sua loja que fazer suas vendas e depois mais para frente você vai inv estindo mais nessas ferramentas que vão poupar o seu tempo né para poder ficar só na parte estratégica então assim
essa ferramenta que é maravilhosa e aí Disney fazerem um você vai vir e vai fazer em todos os seus produtos Lembrando que ele importa 20 porque não deixo você escolher a quantidade Mas você não precisa ficar com todos tá se você quiser desativar você pode clicar aqui ó vou traduzir para você ai que pensa é uma e ele mostra se você deixar desativado ele de sativa e não mostra esse então tem como você excluir tem como você deixar como comentário em destaque tem como você editar e tem
como você ativar ou desativar Ok então agora eu vou dar uma pausa e vou fazer a importação para todos os meus outros produtos antes disso eu só vou ensinar você fazer um outro configuração aqui porque assim deixe-me ver e agora ele está mostrando aqui as estrelinhas né dos rios aqui então como tem um produto que o review ele mostra tem as estrel inhas cheias aqui e nos outros ele deixa vazio como é que tá mostrando só esse aqui que foi avaliado Então é por padrão ele já colocou aqui
o amarelo dá estrelinha Mas você quiser de tal você passa o mouse aqui em cima do elemento clica bem cima do elemento abre o editor da página home E é só você espera carregar né vem aqui no Edit produto estilo e aí que vai ter em latim né que é justamente trabalha são tão se consegue mudar a cor da estrela né aí você pode vir aqui mudar a cor da estrela Olha só vou colocar esse amarelo que é o que a gente tá usando aqui e a você pode aumentar o tamanho da estrela pode aumentar o
espaçamento aqui não tá mostrando mas lá na página divulgada na mostrar vou dar um controle aqui para tu fazer que eu quero deixar aqui tu no tamanho padrão aqui as estrelas tá tá se você quiser de tal você consegue editar por aqui Ok Agora sim vamos para a página loja então vamos lá pessoal Agora sim mas vamos começar a configurar nossa página loja tá eu vou clicar aqui em loja para a gente ir aqui para página página loja é a página de fica todos os produtos que a gente cadastrou
tá E é como eu falei para vocês algumas páginas do WordPress elas veem padrão então quando você instala o o como ele sequer O plugin que cria o sistema da loja ele já cria algumas funções automaticamente então ele cria essa página loja que ele chama de arquivo de produtos para que fique aqui todos os se você cadastrar e alegria um tipo de arquivo também tipo de página que é o single produto né ou então produto individual produto singular que é essa página que que é uma página
igualzinha para todos os produtos que você cadastrar então todo o produto que que você cadastrar ele tem a mesma estrutura Tá vendo porque vem essas configurações por padrão e quando isso acontece quando tem algumas páginas e são padrões do Senhor depressa você não consegue editar direto com elem ento tá presta bastante atenção agora bastante porque Nossa esse Sem dúvida é uma das maiores reclamações e o meu último vídeo de loja daqui por exemplo pessoal sempre sempre
sempre sempre esquecem que não dá para editar a página de loja diretamente que ela tem que ser feito com modelo então sempre vem aqui que ele come elemento ou não conseguem editar e comenta eu não tô conseguindo a página da loja não funciona então prestem atenção você nunca vai consegui r clicar aqui diretamente editar página da loja por aqui tá você vai digitar pelo modelo que a gente vai criar então para criar a página da loja eu vou vir aqui no canal administrativo do WordPress
vou vir aqui modelos Adicionar novo vou escolher um modelo de arquivo de produtos ao produtos arquive voltaram o nome de loja e o página da loja a página na loja eu vou clicar em criar modelo e quando você faz né Já tem alguns arquivos aqui pronto que se você quiser clicar p ara para poder aproveitar você pode eu não vou fazer isso eu vou criar uma aqui do zero com vocês não vou vir aqui no maizinho vou pegar uma sessão com colunas só vou vir aqui em estilo tipo de fundo imagens
e eu vou arrastar para cá uma imagem da página loja essa daqui e o banner né que eu fiz para a página loja e pronto vai inserir aí eu vou vir aqui aí eu vou vir aqui em espaçamento lá para cá vou aumentar um pouquinho de espaçamento vou vir aqui na seção Wolverine Tá mãe Vou deixar preenchimento completo naquele imagens iadev certinho aqui a sessão imposição eu vou deixar Sempre analisado para que fique no centro aí eu vou soltar vou ver como é que vai ficar aqui ficou bem
pertinho da extremidade vou aumentar um pouquinho altura aí deixa eu ver né Agora ficou melhor aí eu vou clicar aqui né Sempre salvando a gente nem para vocês aí agora eu vou criar essa parte de baixo aqui a gente vai vir aqui me pegar uma sessão com du as colunas tá vamos ver aqui nesta sessão em largura a gente vai deixar um tamanho mil e 350 vai ficar uns pensamento bom aqui vamos arrastar essa coluna para cá para quê um pequeno e que fique com mais espaço vamos ver aqui em
avançado Vamos colocar orçamento de 40 aqui de pede tá vamos vir aqui na biblioteca vamos pegar o Edith de arquivo de produtos ou esse primeiro que arquivo de produtos e a gente vai botar aqui na página home e vamos abrir Mouse editor do ele mento por aqui e vamos ficar quentinhos loira te produto clicar em copiar voltar aqui na estuda a página loja que cá com o botão direito em cima do nosso vídeo antes de arquivo de produtos e vamos colar estilo que ainda vai colar todas as
configurações que a gente fez lá no widget da home né Ei pronto a única configuração que não que não está aqui a configuração de quantidade primeiro eu vou colocar aqui vou clicar em salvar rascunho eu voltar aqui Ou aquele tem 4 8 porque tem só oito produtos aqui se eu vier aqui de personalizar vir aqui newcomer se e é catálogo de produtos aqui você morre pode mudar a quantidade de produto que você quer você quiser quase produtos por linha você deixa quatro se você quiser três
produtos por linha você deixa três tá vendo e se você quiser duas linhas só é que que você mexe e se você quiser três linhas ou quatro linhas ou mais é porque que você coloca como eu só tenho oito produto cadastrado aí vai aparecer duas linhas com quatro mesmo tá mas se você tiver mais se quiser mudar a quantidade de linhas é a quantidade de produtos em cada linha é por que que você faz isso tá beleza vamos continuar aqui aí agora eu vou pegar aqui nesse vídeo vou vir aqui
avançado vou vir aqui em margem aqui na margem esquerda e vou colocar uns 40 aqui para poder ficar desgrudados dessa outra coluna porque aqui onde é que a gente vai fazer o nosso filtro tá sempre clicando a qui e clicar em salvar rascunho para fazer o nosso filtro que vai ficar aqui a gente vai precisar vir no painel administrativo do WordPress vamos ver imprimir Adicionar novo e vamos pesquisar aqui pelo plugin theme Oi pai E aí exclui Amarelinho aqui a gente vai instalar e ativar
ele na loja e quando a gente ativa ele já vem com essa abinha dele aqui neve em abril um amigo aqui chamado produto filtros né e agora a gente vai vir aqui me produto de fibras né quando ficar a qui e vamos em are the new National novo e a gente vai criar aqui o nosso filtro eu vou dar um nome aqui para o nosso fio que eu vou colocar filtro da loja aqui tá é o layout eu vou deixar isso aqui mesmo amanhã eu tiro zontal vou ficar aqui com o botão direito vou clicar em traduzir para
português para ficar mais fácil de usar porque ele é um pluguinho em inglês tá aí que tem Campos vazios não mostrar o campo se estiver vazio eu vou deixar ativado classificação de pr odutos ou contar classificação de produtos não vou contar contar gente produto ou tá Contagem não vou cortar fora de estoque não a mostrar produtos que estão fora de estoque Então vou marcar aqui para poder mostrar os produtos que não têm mais paginação eu vou deixar operação da paginação do deixar
normal produtos por página vou deixar 12 né que quantidade de produtos que aparece por página e se tiver mais ele vai criar uma paginação tipo assim um dois três não sei clicar dois é para outra página de produtos alterar grupos eu vou deixar sem marcar botão de reset eu vou deixar assim adicionar botão de redefinição E aí aqui eu vou colocar o nome né para esse botão vou colocar limpar filtro esse local é um botão para aqui quando você tiver selecionar algumas coisas por exemplo
como vermelho e iPhone aí você quer limpar duas que ver todos aí você clica nele limpar filtro que ele nem me mostre todos os produtos de novo tá relação lógi ca entre os taxonomistas eu vou deixar ou Porque sim Se você deixar e ou ou se você deixar e por exemplo se a pessoa marca o filtro vermelho e iPhone ele só vai mostrar se tiver produtos bem menos e da marca iPhone Se você deixar ou aí ele entrega para pessoa ou vermelho ou iPhone isso é bom porque às vezes a pessoa esquece
que selecionou ouvindo né E aí pode ir é de escutar a pesquisa dela então é legal deixar o ok Ou manda uma Manda outro tá modelo de página de resul tado eu vou deixar a moça o resultado na mesma página e mensagem de nenhum produto encontrado vou escrever usar nenhum produto e foi encontrado com E essas características nenhum produto foi encontrado com essas características E aí agora sim nós vamos criaram os nossos filtros tá primeiro que eu vou criar vai ser o filtro de
categoria que é isso daqui a gente vai arrastar para cá E aí eu vou colocar aqui o título que é filtrar ou categoria vou deixar o título não vou colocar aqui esconder o título do Canto Eu quero que mostre contar gente produto mostrar Contagem produtos vou deixar ir arquivo da categoria vou deixar incluir cada gurias filha eu vou deixar mostrar como caixa de seleção que ele tem algumas opções tem como caixa de seleção que é uma bolinha assim para você selecionar tem como deixar
como links que aí tem só os nomes inscritos tem rádio que são esses botões tipo esse daqui que eu vou selecionar um ou seleci onar outra tem o menu suspenso que é desse jeito aqui eu acho que fica mais legal caixa de seleção então vou deixar isso lógico que também vou deixar ou pedido vou deixar o jeito personalizados legal você e tal e quando de cores não vou marcar e também não vou selecionar nada aqui específico aí eu vou salvar vou fechar aqui vou criar o de couro agora vou
arrastar Aqui para baixo eu vou colocar o título filtrar ou pouco vou deixar tudo marcado aqui igual salvar a úni ca coisa que eu vou mudar aqui vai clicar aqui em exibir cor como icones coloridos que eu quero que apareceu as bolinhas com as cores né E aí aqui tá vendo aqui tem todos os nomes de cor que você criou eu não se pode clicar aqui e selecionar uma cor por exemplo Amarelo o selecionar uma cor de amarelo aqui Azul gostou deixa eu dar uma cor de azul e olha esse daqui tem
que ser mais uma disco né vaso Largo Este era um azul claro Rosa de baixo que tinha mais o claro bra nco cinza o dourado E aí e lilás o preto rosa É mas esse Rosa tem que ser mais historinha alguém rosa pink eu deixei outro Rosa aqui o caminho outra cor de rosa eu vou vir aqui na nossa lá as na home wear Quinho inspecionar vou pegar essa Rosinha que tem ali o roxo Verde o vermelho e aqui eu vou selecionar para ocultar rótulos de coco para não aparecer o nome das cores aparecer só as
bolinhas tá pronto Agora vou subir aqui vou fechar vou criar o de marca vou deixar o de m arca aqui embaixo de categoria na verdade colocar filtrar o massa tá deixar tudo marcado aqui certinho aonde também aí vou criar o de preço aqui por último vou deixar aqui a empurrar filtrar por preço deixar slide e vou salvar agora eu posso fechar quando você fecha ele 10 errinhos você não conseguir clicar na página mas você pode só recarregar aquele some aí ele cria esse short code aqui que
é o código referente ao filtro que a gente criou e a gente vai vir aqui na no ssa página Vamos ir aqui na biblioteca vamos pegar um bilhete de short code vamos arrastar para cá e vamos colar aqui no nosso shortcut a gente vai colocar aqui vamos clicar em salvar eu vou colocar aqui para visualizar o aqui no olhinho e para vocês verem tá vendo o que aqui não apareceu os filtros Mas aqui apareceu é assim mesmo é normal ele fica em branco aqui no editor mas na página ele fica certinho
aí tá vendo Citycom certinho agora nós vamos pegar um filtro que é original aqui do próprio como esse é o filtro de classificação e ficar classificação a gente vai passar aqui para baixo que a gente filtrar o classificação aí eu vou colocar são classificação aqui para poder a gente fazer esse vídeo aqui pelas estrelinhas a vou ver aqui em estilo estrelas eu vou pegar o amarelo aqui de novo produto E aí o Google vai ficar isso amarelinho e agora eu vou clicar em publicar na nossa
página o clicar em adicionar condições vou deixar assi m todos os arquivos de produto eu vou colocar em salvar e agora é só clicar aqui na página loja vou para a página loja E aí vai está aparecendo os filtros aqui ou filtrar por preço limpar filtro único que não está aparecendo aqui é o filtro de cor que a gente fez eu ficar porque lembra que a gente colocou Campos vazios não mostrar os campos vazios então é por isso que todos os campos de cores ele fica vazio se eu vir aqui
desativar e deixar para mostrar os campos vazios ele vai mostrar o filtro aqui de cor olha só mas ele não vai funcionar porque o filtro de cores são vazios e porque que só acontece o dizer se ele tem um problema em relação à cadastro de produtos quando você cadastre um produto ele cria uma variação de cores então senhor pode ver que ele tem que ocorre está em inglês mas dá para você traduzir para português e ele cria aqui certinho né variação só que ele não consegue vincular com o
atributo que você fez no Como eu disse E aí por isso que você não consegue criar filtro nenhum de cor com ele se você não consegue criar filtro nem ficou com ele então assim tem duas alternativas para isso Ou você deixa sem filtro de cor aqui deixa só um filtro de categoria E de marca né de preço deixa sem o filtro de cor ou então você vai me produto por produto e altera os atributos que ele criou para um atributo que você criou no conte vou te explicar como antes eu vou Repsol
peço desculpas por que eu vou ser bem repetitiva porque eu preciso porque se você não fizer isso não dá certo você entendeu o que eu falei né se você não quiser ter o trabalho de fazer essa alteração que eu vou te ensinar agora você não vai conseguir fazer filtro de cor a página do produto você não vai conseguir fazer filtro de bolinha de cor você não vai conseguir Gente desculpa tô sendo repetitivo porque eu não quero ler aqui embaixo Ah o meu não consegui o fio de cor Ai meu Deus
vou ter que parar o tutorial e nunca mais fazer uma loja na minha vida porque eu não consegui fazer o fio de cor acredite ou não Eu leio esse tipo de coisa que eu não totorial da minha outra loja algumas pessoas não prestaram atenção no que eu falei e aí disseram que pararam tutorial no meio e não ia mais fazer então ó tá escutando né se você não fizer essa alteração que eu tô te falando aqui o filtro de cor filtro de cor só o fio de cor ele não vai funcionar se você não fizer não
vai funcionar Ok então vamos lá vou te ensinar agora a fazer as alterações aqui você vai vir aqui no produto não é normal e se você pode fazer na hora que você tiver cadastrando o produto mesmo oi vem aqui no edital produto E lembra que você consegue chegar no produto aqui por todos os produtos também não se vem aqui em todos os produtos editar é você chegar nessa página aqui também em tudo que você importou da disse usando fica aqui ó categorias tudo mais né somente essa part e
aqui ó os atributos tá vendo ele cria um atributo cola que você pode traduzir para a cor também tem problema mas aí ele queria dessa forma que ele apresenta as cores dessa forma aqui e para pegar o atributo que a gente criou aqui lembra daqui tensão atributos aquele produtos na é atributos e que tem um tributo cor e o tributo marca E aí aqui a gente criou amarelo azul azul claro cinza lembra então para aparecer esses atributos que você criou E aí sim você poder pux ar eles
aqui nos filtros você precisa vir a CNI atributos personalizados cor adicionar aí aqui tá vendo ó apareceu que você criou aí aqui sim você vai poder colocar os atributos Então você vai fazer assim ó tá vendo que tem azul rosa pink verde amarelo branco e preto eu escolhi aqui azul rosa pink o verde o amarelo o branco o e preto que E é assim que você consegue fazer com que o atributo que você cadastrar aqui ele seja chamado no que você criou que não cores e aí você tem que marcar
aqui ó usado para variações para que você consiga cadastrar variações dele ali tá aí você vem aqui salvo atributo E aí presta atenção que essa que que a parte importante quando você coloca um atributo aqui você quer dizer são atributo cor você quer dizer que esse produto ele tem rosa verde eo vermelho né que quer dizer que esse é um atributo é uma característica desse produto atributo em variação são diferentes porque por exemplo eu posso te r cadastrado aqui no fone de ouvido
zuccon atributo preto quer dizer que ele é só preto né Então vem aqui colocar uma tribo da cor preta e ele só tem um tipo de coco né agora variações quer dizer que você tem variações do produto então presente você tem um preto e um rosa um vermelho entendeu então as variações elas servem para isso E aí aqui quando você puxa da dizer ele já traz todas as variações né então assim tem um preto branco amarelo né os que vem lá e aí para a gente vincular as variações aqui aos atributos
novos para gente conseguir usar eles no filtro a gente vai fazer sim esse Colors aqui a gente não precisa mais então a gente pode clicar aqui em remover em é o que depois em salvar a tribo a vai ficar só de coco aqui aí a gente vir aqui em variações a gente vai ver que não tem mais uns nomes das cores aqui está escrito qualquer cor então a gente pode vir aqui e pode atribuir aos novos a gente criou Então esse aqui a gen te coloca o amarelo deixa eu ver aqui se ao te deu algum erro
e não veio te deu algum erro não veio então faltou Amarelo o verde Oi e o preto né eu comprei já tá certo a gente consegue mudar isso aí para amarelo esse aqui é o preto a gente consegue mudar para Preto esse aqui é o verde a gente consegue mudar para verde esse daqui é o azul a gente consegue mudar para Azul esse daqui é o branco a gente consegue mandar para Branco a não coloquei Branco lá expliquei o rosa a g ente consegue ligar para Rosa eu posso salvar Pelo que eu vi ali o o azul
deu o branco deu ruim né Não consegui pronto salvar o Henrique variações esse aqui tá faltando que o branco né pronto e aí pronto Prontinho aí é só vir aqui e atualizar a beleza é isso a gente olhar ali embaixo de novinho variações Oi gente salvou tudo certinho aí vamos dar uma olhada lá na página da loja para a gente ver agora E aí e agora tá mostrando aqui você selecionar Azul ele aparece aqui e aqui normal seu clicar no produto ao seu escolher a cor amarelo ele vai trocar por
várias escolha Azul eles aqui o capu azul eu consigo usar e os filtros aqui né com as cores estão lembrando Só se você quiser usar o filtro com a cor que você vai precisar fazer isso né todas paranauê de um por um dos produtos quando você cadastrar você fizesse alterações se não se você não quiser fazer o fio de cor não precisa Beleza então vamos lá vamos seguir é uma a gente já fiz o nosso filtro de cor aqui algo até limpar aqui ó eu fizemos aqui o nosso filtro de coisa usamos
essa parte aqui da loja agora o que falta para a gente configurar a parte do mobile aqui né E dá uma ajeitadinha aqui nessa nessa coluna tão né Vamos lá eu acabei de saindo aqui do editor eu dou a minha página deixa eu fechar aqui para mim voltar aqui no dito vou passar o mouse elemento clica aqui ó em página da loja tá vendo eu vou abrir que o editor do elemento eu vou vir aqui nessa coluna vou vir em avançado bobinho imagem net 5 los valores de Margem E aí eu quero colocar o
espaço aqui deixa eu só ver Eu Nossa eu sempre me esqueço qualquer esteira qualquer direito aqui vamos colocar 40 que na direita onde eu montei diferença entre robô 70 aqui na direita mais ou menos aí Vou atualizar deixa eu ver como é que vai ficar aqui o arco no espaço bom já as cadeias grudado aqui né então ficou com o espaço bom aqui beleza aí agora a gente v ai clicar aqui nesse ícone e mudar para mobile né a imagem saco a gente tem que vir aqui que o carne estilo imagem e
trocar já tenho aqui né é um basicamente o mesmo que a gente colocou lá na aula esse aqui e ainda promoção né você que toda loja em promoção então eu troquei aqui beleza aí agora a gente vai configurar esse fio por aqui primeiro eu vou mexer na sessão vou vir aqui na seção vinha vou sábado colocar 20 de pé a mais próximo das extremidades OK aí agora a gente vai mexer no filtro porque eu não quero que o filtro ele aparece do jeito que ele vai ficar aqui de mostrar para vocês como é
que tá ficando seu clicar aqui que o carrinho inspecionar ó tá vendo o filtro ele já fica aberto aqui eu quero que ele apareceu fechadinha aqui ela não ficar com a página muito grande então o que que eu vou fazer eu vou voltar aqui para desktop para mostrar para você e aí eu vou vir aqui vou pegar um mídia de chamado acordeon e basta para c á eu vou excluir esse aqui debaixo e eu vou pegar esse short curto que eu tenho aqui e vou colocar aqui e vou colar aqui dentro e corre short
coaching tem na hora que ele abrir ele vai abrir o filtro só que eu tenho um churrasco hoje para poder deixar fechadinho que eu vou escrever sim filtre sua busca eu que sou um eu vou deixar assim aí Aqui aonde que você consegue escolher os ícones Então eu tenho esse conizinho aqui só que eu vou trocar ele tá eu vou clicar aqui p ara ir na biblioteca Vou colocar aqui em todos e vou escolher um chamado slime verifico não tem mais cara de filtro tá E aí aqui no ícone ativo também vou
trocar por esse ícone aqui que é chamado de slide e pronto vai ficar assim só quem eu vou vir aqui neste Lu chito bem aqui eu vou mudar discografia alguém está muito errado é que a gente já tinha configurado Beleza o ícone o alinhamento dele eu vou deixar no final para que ele fica aqui tá vendo vou colocar no mobile aqui para ver como é que tá ficando eu vou pegar aqui a coluna vou vender avançado e aqui imagem eu vou colocar aqui para tirar aqueles pensamentos que a gente tinha
colocado entendendo Então eu ia ficar o filtro fechadinho assim e se a gente não tá ele vai ficar aqui e aí nesse William tinha aqui eu vou clicar vou vir aqui avançado ouvir responsivo vou vir ocultar para tablet e celulares eu quero aparecer só explique esse vídeo aqui para fechar é de classificação vou deixar aqui embaixo mesmo né e deixa atualizar aqui aí vamos ver como é que ele está ficando aqui no celular Oi ó o cheiro está ficando fechadinho aí somente o clicar aqui que ele
abre tá vendo ele tem que estar com a categoria E Total senão ele fica assim eu vou aumentar um pouquinho lá letra vou ver aqui em título O grafia aí vou deixar 17 aqui mais ou menos vamos errar eu estiver com a maior do que o texto padrão aqui os mesmo tavam o melhor né E aí eu quero tirar ess e essa linha Zinho aqui eu vou vir aqui me acordeon aí Aqui tem sim cor da borda ah e tem largura da borda eu vou deixar a zero ele vai ficar sem nenhuma borda E aí e pronto você nem logo E
aí a gente pode fazer uma sombra para vir aqui para ficar mais bonitinho tá a gente chega à sombra e a gente vem aqui na cor arrasta bem para cá para ficar bem farinha de trigo 17 mais ou menos bem clarinho ele borrar a gente deixa dois assim aí ficou bem Sutil Zinha assim e eu clic ar em atualizar ó aí vamos ver como é que ele tá ficando aqui aí ficou assim um filtro a mensagem ti me deixa assim ele fica fechado a gente clique ele abre e pronto já vamos ter praticamente terminado
aqui né a nossa página só essa sessão que eu vou aumentar um pouquinho espaço dela colocar ideias e para poder ter mais espaço aqui para os dias de produto ó ó e pronto Oi e aí que a gente vai precisar fazer eu cortei esse filtro aqui do desktop né para ele aparecer só no mobile então vou clicar nele aqui o viés possível ocultar para desktop E aí ele não aparece aqui tá vendo aí só mais uma coisa que a gente vai fazer aqui que por um título aqui vamos colocar filtre sua busca né é
isso aqui é para desktops moverem estilo fotografia eu vou deixar para lá e 20 eu vou vir aqui é avançado responsivo ou para celulares e e para tablet né É porque não aparece o choque no desktop E aí Ok vai ficar assim nossa página lógico voltar aqui para o r apaz não desktop aí ficou o filme sua bolsa só por categoria Por marca por cor o preço e classificação ele ficou certinho aqui ele Pronto já vamos ter terminado aqui a nossa página de loja agora a gente vai criar o layout da
página de produto individual Então quando você clica em cima de um produto ele abre essa página individual aqui né padrão aqui do próprio descreve e a gente vai fazer uma um pouco mais é customizável mas amiga vão né então a gente vai vir aqui no painel 2D Prestes Vamos ir em modelos Adicionar novo você pode escolher modelo de cinco produto ou cinco produto e nós vamos dar o nome de página do produto vamos clicar em criar modelo E olha como sempre sempre tem algumas opções aqui
para vocês mas eu não tô pegar né não vou pegar explique vou criar um do zero aqui vou pegar uma sessão aqui com uma coluna só vou vir aqui em cima vou pegar e sumir diante de Brad Campos aqui que é o caminho percorrido certo é o mesmo que aparece aqui tá vendo eu vou deixar aqui vou só mudar o texto aqui para 17 17 17 horas ele vai ficar assim e a tipografia eu não dá para Mont Serrat E aí Oi e a o peso eu deixar 500 aqui beleza aí eu vou vir aqui na seção ouvir avançado vou
colocar um buscarem aqui de ped eu vou pegar uma outra sessão com duas colunas vou vir aqui avançado também vou colocar 40 de prédio vou dizer colar os valores e no superior eu vou excluir e aqui já tem um espaço legal antes não ia ficar muito espaço aqui né aí beleza aí agora eu vou vir aqui na engrenagem sobre estilo tipo de fundo e vou colocar uma cor aqui que esse branco gelo que a gente tá usando o cálculo de fundo aqui que é isso aí eu vou vir aqui na coluna ouvir estilo
tipo de fundo cor colocar a cor branca Ah tá vou vir nessa outra coluna aqui vou fazer a mesma coisa estilo tipo de fundo cor voltou a cor branca eu vou voltar aqui na minha biblioteca vou pegar o bilhete de imag em de produtos e vou colocar aqui né Aí ele já puxa automaticamente a imagem dos produtos aí aqui você consegue e configurando aqui é o espaçamento entre as imagens que tem aqui e a imagem principal tá aquele pensamento entre as Thames é as imagens pequenininhas vou
deixar oito sim aqui é se você quer que fica esse ícone Zinho de oferta no meu caso eu vou tirar ele aqui e deixar ele sem medo e veja que aqui não dá para fazer muitas configurações né nesse dirigir imagem só um pouco os mesmos e aí a gente vai vir aqui vai pegar um produto aí tu né título do produto da raça para cá ele vai puxar o nome aqui do produto tá vendo vou vir aqui em estilo em tipografia aumentar o tamanho da letra vou deixar mais ou menos aqui tamanho 23 tá vou vir
aqui vou pegar um mídia de um outro de título dessa vez aqui o título padrão vou arrastar para cá aí eu vou escrever sim mas em informações nós vamos beleza aí eu vou vir aqui uma até link e vou escrever hashtag e mas Opa junto tá um Pomar com ele a gente e a esse título Zinho a essas informações que vai aqui vão ficar aqui embaixo que são essas tá então a gente vai fazer isso é vamos ver aqui nesse estilo tipografia peso a gente vai deixar 500 decoração a gente vai para o
sublinhado para dar entender que além que tá vamos deixar também por 15 mesmo nós vamos deixar minúsculo mesmo assim e também vamos duplicar e vamos colocar o título política de trocas lhe de bolo política de trocas de bolsas a esse daqui por enquanto eu não vou linkar mas aí você fica sabendo que na hora que a gente fizer a página de política de devoluções que a mesma que a gente vai colocar aqui aí você pode vir aqui nessa página e colocar o link aqui tá deixa eu ver aqui
geralmente o WordPress ele Já criei essa página ou páginas todas as páginas a política de privacidade e pode clicar aqui de tal vai vir aqui trocar o título política de privacidade e a gente pode nessa página aqui fazer a política de troca e devolução também então a gente altera aqui aqui no link permanente também pode estar copiar aqui ó ou aqui a publicar publicar E aí tá vendo é gerou um link aqui eu copio e colo aqui que é a página de política de privacidade tá aí agora eu vou
vir aqui na biblioteca vou pegar esse vídeo aqui aqui de produtos ranking para poder mostrar as estrelinhas que ele tem né as avaliações que ele tem vou até fazer um TV E aí ele já tem os rios aqui certo ok aí aqui você consegue customizar a cura aqui tá deixar um amarelo aqui deixar a estrelinha com a cor que você quiser aqui você consegue mudar o tamanho da estrela vou deixar assim por enquanto agora eu vou vir aqui vou pegar o ID produtos prize Vou colocar aqui embaixo a esse
daqui vou deixar com a cor das sete e 17 e 17 horas inclusive o tipo aqui em cima vou deixar 17 17 17 também beleza aí depois disso daqui eu vou colocar aqui o nosso botão de comprar já aparece aqui na frente adicionar ao carrinho adicionar ao carrinho E aí já vai aparecer aqui na frente não vai mexer aparece as opções aqui para você colocar mas a gente vai mudar essas opções aqui aí que que eu vou fazer agora eu vou vir aqui na coluna ouvir avançado que eu vi imagens vou colocar
10 aqui de espaçamento eu vou vir nessa coluna não vinha avançado imagem também vou por 10 de espaçamento e aqui ainda nessa coluna eu vou verem pede em vou colocar 30 de pede para comportamento do lado de dentro Ok E aí nasceu outro que também vou colocar 30 de pé para Foz pensamento do lado de dentro né Eu quero que ele se desgruda em aqui essas duas essas duas colonos Então vou vir nessa imagem descem cinco anos valores aqui na direita eu vou colocar um pouco mais de espaço
Então vou colocar um 30 de imagem aqui na nossa direita tá e ele ficou mais desgrudar também tem um espacinho aqui OK aí e u vou vir aqui também nessa coluna vou vir estilo engorda e arredondamento do deixar 10 e nessa daqui também vestiu engorda e arredondamento e vou deixar 10 ok e ficou assim o carregado E aí eu vou vir aqui na sessão vou vir aqui em layout em largura vou aumentar um pouquinho a largura dele aqui E aí eu vou clicar em publicar adicionar condições e vai aparecer
aqui em produtos para aparecendo e produtos Então você está dizendo que isso modelo que a gente tá fazendo el e vai aparecer em todos os produtos individuais a gente vai clicar em salvar aí eu vou voltar aqui nos produtos e na verdade eu deixasse daqui carregado vou vir aqui na loja e você sabe a gente desse produto de novo que quer deixar o seu like sem carregar para eu comprar aí tá vendo aí já tá aparecendo aqui o título mais informações antes de devolução aqui o preço e aí
agora aqui só aparece o botão de comprar quando você seleciona aqui a avaliação né Só que eu não quero que aparecer dessa forma eu quero fazer um filtro de cor bonitinho aqui e aí para aparecer esse filtro de cor a gente vai precisar instalar um joguinho então eu vou vir aqui no painel administrativo do WordPress lembrando de processar o painel se você tiver aqui fora daí de todo só passar o mouse aqui em cima irem painel ou então só acessar o link do seu site/W admin Ok é
plug-ins Adicionar novo E aí eu vou procurar YouTube com esse nome aqui ó variation e stante estantes foram começo perdoe no inglês não sei falar inglês nem esse daqui ó músicas coloridos esse primeiro tá vou deixar o link aqui na descrição também para vocês verem certinho aí você vai clicar aqui em instalar pois em ativar tá beleza vai ter feito aqui ativação E aí agora a gente vai vir aqui em produtos atributos aí nós vamos aqui no atributo que a gente criou de cor vamos clicar
aqui em cima de editar E aí aquele tipo a gente vai deixar a cor e vamos at ualizar a e agora a gente vai recarregar a página E aí a gente vai voltar para cá agora vamos colocar aqui em cima do nome cor Oi e aí vai aparecer todas as cores que a gente fez aqui aí em cada uma dessas cores a gente vai clicar em edital clica faz assim porque com o botão direito aí vai aparecer Abrir nova guia e você vai fazendo todos assim para você deixar essa página aberta e abrir todos os outros na
nova guia o lilás Rosa a rosa pink a Rose roxo verde e vermelho já Oi e aí em cada uma delas aqui vai aparecer o ícone Zinho de cor para você colocar na cor e a referente a soma que você criou então só vir aqui escolhe Amarelo atualiza e esse azul escolhe o azul que você quer atualiza eu escolhi azul claro que você quer e atualiza eu vou dar uma acelerada aqui no meu e tem muitas cores Mas aí você entendeu né você vai fazendo aí no seu e pronto agora que Você atualizou todos aí
você pode voltar e fechando as as guias E aí você po de atualizar essa página principal aqui tá vendo já vai ter colocado um ícone Zinho aqui de produto em todos tá E aí se a gente você está aqui ó você já vai ter aparecido aqui já vai ter mudado e em vez de aparecer os nomes aparece as bolinhas aqui tá vendo só que ele fica muito feio desse jeito né eu preparei um CSS para deixar ele um pouco mais amigável eu vou deixar lá no Drive como eu falei para vocês então você vai copiar o
CSS vai vir aqui no editor vai colocar em cima desse vídeo é bem avançado costumes ss e vai colar o CSS aqui ó e vai atualizar E aí se a gente vai carregar aqui vai ter tirado essa parte cinza vai ter deixado um pouco mais próximo um do outro né esses itens aqui é agora tem algumas configurações que a gente pode fazer no próprio plugin mesmo então vou voltar aqui ó quando você está linda aparece sabe aqui lá na engrenagem Zinha o clicar com o botão direito vou clicar em traduzir
para português para vocês verem tem que habilitar a dica de ferramenta Agir é quando você passa o mouse ele aparece escrito tá vendo amarelo azul branco eu acho interessante a gente pode deixar e o tio da forma quadrada ou arredondada eu vou deixar arredondada e que eu acho que fica mais bonito eu tô mal já fica arredondado e tem algumas outras configurações aqui que você pode considerar mexer então por exemplo drop Down converter menus suspensos padrões em tipo de Botão Então
se a gente vê em outros atributos como por exemplo de marca que aí a gente não vai colocar cores nele né a gente pode colocar como botão em vez de ficar aquele dia sim suspense que tinha né Aí tem os avançados aqui que a maioria a gente pode deixar do jeito que tá mesmo mas você conseguir traduzir aqui você consegue almentao o tamanho né aumentar o tamanho da miniatura largura altura da fonte tamanho da fonte ó é mas eu vou deixar do jeito que tá mesmo tá vou deixar as
conf igurações que tá mesmo eu queria só te redondada não tem colocado aqui as bolinhas aí vamos continuar aqui agora e agora a gente vai vir aqui na biblioteca vai pegar um ambiente de lista de times vai arrastar para cá nesse primeiro aqui eu vou escrever frete grátis para todo ou Brasil neste segundo aqui eu vou escrever 30 dias bem garantia e nesse último vai escrever 7 dias para devolução e troca finalmente as condições que o pessoal costuma disponibilizar né quando vende
produtos eletrônicos assim e o frete grátis geralmente pessoal põe frete grátis aqui Porque os prédios da Aliexpress são únicos né é um valor fixo para o Brasil para qualquer lugar então geralmente o pessoal vai lá olha tipo assim se o valor para o Brasil é 31 e vai custar mais um sem aí já considera que o preço do produto vai são 130 E aí já põe o lucro em cima disso entendeu então fala que na loja que o frete é grátis Mas aí você já tirou a margem de lucro para comprar l á grave
com frete grátis Então beleza aí a gente vai colocar uns repolhos aqui nesse primeiro eu vou colocar aqui em cima vou procurar o Chuck quer um caminhãozinho neste segundo aquilo procurar o modal é medalha e me dá um ok É nesse último aqui eu vou procurar turu é oh oh oh o que a setinha indo e voltando a senhorita troca aí vou ver aqui neste vou ver aqui na ícone e tamanho aumentar um pouquinho tá lendo aí deixa a 23 ouvir no texto em discografia do colocar fonte Montserrat E aí é né
vou deixar esse tamanho mesmo vou deixar peso 500 vou vir aqui em recuo do texto O afastar um pouquinho Ok vou ver aqui em lista ver em espaçamento afastar um pouquinho e pronto vou vir aqui vou apagar um bilhete de imagem normal vou arrastar para cá o colocar tamanho tela cheia e vou pegar aquele aquela imagenzinha de método de pagamento que a gente tem que o mercado para eu passar uma segurança a mais e aí eu vou vir aqui na coluna bobeirinha Rosado e Vamo dar para você tempo aqui
de pede eu acho que tá ficando muito grande só coluna não vi na outra eu vou fazer a mesma coisa avançado 70 de pele para aumentar né os pensamento de dentro aqui atualizar vou vir aqui no preço eu tinha colocado não tinha configurar direito né vou vir aqui ouvirem tipografia eu quero tirar esse risquinho que tem embaixo Então essa decoração quer deixar nenhum E aí vou fazer isso no de cima de baixo também então vou deixar aqui decoração n em lá Oi e aí o tamanho vou deixar
tamanho a 30 meses aqui no preço de baixo é um 25 no disse que é isso daqui beleza vamos atualizar aí vamos ver como é que tá ficando aqui vamos clicar aqui no produto que a gente se ver a escola assim vai aqui já tem as informações eu sou a clica aqui já muda aqui né então certinho nós vamos fazer aqui a segunda parte do nosso na nossa página Vamos pegar uma sessão com uma coluna só também a gente vai vir aqui avançado mas col ocar correta de pertinho vamos ver aqui na biblioteca
vamos pegar o edit de relacionar de produtos né produtos relacionados vamos arrastar para cá E aí vai mostrar produtos relacionados assistir a este daqui vamos vir aqui na nossa página home Vamos pegar uma configuração destes produtos que a gente usou ali então eu vim aqui na home né gente toda a página home clica aqui clica em copiar volto para cá clica em cima e fiquem colar estilo aí ele colou o estilo aqui tá ven do aí tem Oi e o o título aqui produtos relacionados à eu saber
que está é em português certinho produtos relacionados aí aqui você controla Quanto que você quer que apareça tá é produtos por página quando os colunas que você quer tá é a hora que você quer vou deixar na ordem padrão mesmo sempre atualizando cá para não perder nada e aí eu vou vir aqui vou pegar seus tablets aqui ó é produto tá eu vou colocar aqui que aí tem as informações do produto aí tu tem descriç ão informações adicionais reviews né que a gente te importado tão que tem
todas as informações meus pais estão tudo em inglês é o importante é para mostrar vocês mas a maioria tá em inglês depois eu vou traduzir beleza e aí vai ficar assim oi oi nossa paz naquela que assim ele só vai fazer um configuração aqui abrir aqui avançado vi a imagem em superior eu vou colocar uns 40 aqui para ficar mais dois grudado esse vídeo tinha aqui de cima tá E aí eu vou vir aqui e pe garam tipo já está pra cá e eu vou colocar um formações do o fruto o mais bonito do
produto ouvir que estilo e tipografia aumentar aqui um pouquinho é pa atualizar Oi e aí esse outro conteúdo aqui ele pega da das configurações padrões do tema E aí é igual falei para você se você quiser alterar pode vir aqui vir em configurações do site em alterar esse daqui por exemplo se não me engano ele é um H2 quer um tipo de título você pode vir aqui em tipografia aí você p ode procurar por H2 aí para ter certeza você pode aumentar o tamanho a diminuir tá vendo é esse tipo
de título alguém mesmo só o diminuir vou deixar para amanhã 17 por exemplo Deixar a mão serrar vendo P600 né Aí você tem que dar uma cor aqui também ficou tá e esse texto de dentro aqui E aí E como tá aqui com isso as fontes globais Ai que a gente já tinha ama configurada a primária EA secundária Ainda estás a fonte padrão gente pode vir aqui Montserrat e deixar também qu e também aí tem fonte de texto provavelmente essa daqui a gente muda para Monte ar Olá amiguinhos e tem isso
aqui para dele é E aí Ah beleza então você pode ir olhando aqui fazendo as configurações mas como a gente configurar no início já está todos aqui com a fonte Montserrat é só isso daqui que eu diminui o tamanho do título a esse daqui eu vou vir aqui vou vir em estilo aí Aqui tem a configuração do título né eu já tenho Edilaine aí que eu posso aumentar um pouqui nho ele pegou a configuração padrão né que a gente criou aí que eu posso deixar no tamanho desse que eu deixei aqui
embaixo Em geral os títulos carinho tamanho igual né aí agora vamos dar uma olhada no meu bairro para ver como é que tá ficando clicar aqui não é para deixar mobile use nossa primeira sessão vamos ver avançado deixar da seped não é que o espaço de dentro vamos ver aqui nesse título vou deixar Centralizado ouvir nessa outra sessão ouvirem avançado vou deixar a 10 de pertinho também aí eu vou vir aqui nessa coluna vou ver aqui na imagem vou deixar cinco aqui de Margem só e de pede
eu vou deixar 30 tá de pensamento aqui dentro é que tá dando é ruim mas certeza realmente não está não aí eu vou vir aqui vou deixar cinco de de Margem também e vou deixar tempo ele pede Ok o tamanho já estão é a mais legal é a mãe de fonte né jogando também legal essa imagem que tivesse aumenta mais ainda está no tamanho máximo mas vo u vir aqui na sessão vou deixar dela de página tudo bem Oi e o restante está com tamanho legal a gente pode recarregar a página que E aí ficou a
nossa página e produtos que tem todas as informações Olha a gente pode fazer uma mudança aqui em vez de colocar 40 de Margem nesse aqui vamos colocar no título tá então porque aqui no título desencontro longe imagem coloquei 40 não título ficar mais espaçado e onde é que quando está no celular aqui e aqui então tamanho bom n é Aqui também já viu e tudo belezinha ótimo Já terminamos aqui a nossa página de produto agora nós vamos para a página minha conta então vamos lá pessoal nas
essa página de minha conta você pode vir aqui no painel de certinho duas depressa em páginas Procurar minha conta clicar aqui em ver tá E aí vai abrir essa é a parte da minha conta por aqui que o cliente eu consegui versados de nível conseguir os pedidos vai conseguir ver os endereços né modal algum dado os detalh es da conta dele vai por aqui que ele vai conseguir gerenciar a conta dele aqui na sua loja e por padrão ela vem assim bem feiosinha mas a gente vai conseguir modificar
deixar ela bem bonitinha você tem que deixar essa página que aberta tá me deixar lá aberto eu vou deixar ela até aqui na na primeira aba eu não fechar e aí você vai voltar aqui para o painel de Minecraft 2D preze ou a digitar vou vir aqui em editar com elemento aí agora eu vou vir aqui eu vou começar a criar que o layout aqui da nossa página primeiro eu vou vir aqui na interrogado na engrenagem né em layout da página vou colocar elementos largura total E aí eu vou clicar no
maizinho aqui em cima da sessão ou clicar aqui vou pegar uma sessão com uma coluna só ouvirem que avançado vou colocar 50 de pedem ouvirem estilo tipo de fundo vou pegar o código da cor roxa tinha fechado aqui com ajudar cor roxa e colocar aqui vou ver aqui vou pegar um título eu vou escrev er minha conta aqui por minha conta você não realizar o ver Estilo vou pegar a cor do texto e Pony Branco vou vir em tipografia vou colocar acordo aco não tamanho do texto em 30 o restante já
está configurado né E aí eu vou duplicar de novo esse título E aí aqui eu vou vir tag de não vou vir aqui eu vou vir e user vivo eu vou pegar o fio de né que é o campo que eu quero chamar aqui primeiro nome ou pode ser nome de usuário também você que sabe eu vou colocar o primei ro nome aqui e aqui levantado em antes eu vou colocar Olá ligo e espaço em depois eu vou colocar tudo bem o Olá Micaela tudo bem E aqui antes do tudo bem vulcão espaço aí vai ficar assim lá Micaela Olá
Michael tudo bem aliás é só vivo tem que ficar depois de Michael né o Olá E aí aqui tira o espaço coloca com, espaço e depois tudo bem olá Micaela tudo bem G1 e eu vou vir aqui na estilo de novo e vou diminuir com a mãe deixar mais ou menos tamanho 19 peso 500 vai fi car mais fininho liga por mais fininho fez o 400 vai vou deixar assim e aí agora eu viro aqui vou pegar uma outra sessão de uma coluna só vou pegar um vou aqui na biblioteca vou pegar uma sessão interno vou arrastar
para cá eu vou colocar a mesma quantidade de desse tem aqui painel pedidos download endereços detalhes da conta e saiu na verdade esse download eu não vou colocar porque a gente não vai vender nada virtual tu vai ter necessidade né então é um dois três qu atro e cinco então a fazer duplicar que até fazer cinco coluninhas tá é uma duas três quatro 15 eu vou vir aqui vou pegar um ícone né um texto em baixo é uma caixinha de conexão assim vou pagar conteúdo aí vou deixar agora tá
aqui ó painel o painel E aí eu vou pegar o link aqui ó eu clico aqui em cima eu consigo copiar o endereço do link e é que me link eu vou deixar esse endereço vou duplicar arrastar para cá já vou copiar o endereço aqui de pedido vou mudar o títu lo aqui para pedidos eu vou colocar aqui link duplicar arrastar para cá eu vou pegar o link de download esqueci vou pegar o link aqui de endereço vou mudar o título aqui endereços eu vou tirar o link aqui pode colocar outro nome também tá
vou colocar os mesmos nomes que estão a gente vai repetir do processo mas não é que ficou o carro detalhes da conta Oi e para pegar o link saio de brincar ajuda para cá com o link e mudar para sair e agora eu vou colocar o ícone co rrespondente em cada um aqui eu vou enviar um e conhece da higiene eu tenho alguns aqui já usa então a quarta todos para cá é o primeiro eu vou deixar isso aqui é o de painel Às vezes dá um bugzinho assim você clica ali ele volta e pedidos que eu vou
deixar esse aqui de carrinho e endereços de barra vou deixar isso aqui de mapa E aí os detalhes da conta eu deixei esse aqui de user' o vídeo usuário e o sair eu vou colocar esse aqui de quartinho de saída meus aí tá errad o aqui Vou por um amigos pronto tanquinho agora vou vir aqui no estilo em lançamento e vou diminuir o espaço entre o ícone e o título vou vir aqui em tamanho no diminuir um pouco tamanho do ícone aqui aí eu vou copiar clicar aqui copiar e clicar os outros e colar
o estilo para ir e diminuindo e pronto aí vou ver aqui dentro de cada coluna vou ver aqui nesse estilo de borda vou colocar uma sombra aqui no bloco aí vou vir aqui vou arrastar cor para 17 para ficar bem clari nho eu vou deixar o borracha aqui em mais ou menos cinco e eu vou deixar arredondamento de 10 bolsinha sombrinha E aí agora eu vou vir aqui avançado impedem voltou 10 aqui de perde em imagem eu vou colocar 10 também ela ficar assim mais afastado aí vou copiar ou lá o estilo em
todos os outros é por causa que eu também vou fazer nesse daqui vai vir aqui na minha vó das colunas vem layout alinhamento vertical vou deixar meio O piá e colando tudo ela história né você clica e ele dá um bom vizinho mas só clicar aqui neste e voltar o que ele volta pronto aí agora eu vou vir aqui nessa sessão cima vou virar avançado desenvolve a luz de pede e aqui no pé de inferior eu vou colocar 150 vou ficar no espaço aqui maior Aqui para baixo aí eu vou vir aqui nessa
seção interna ouvir avançado em margem Vou desenrolar os valores e vou colocar uma margem negativa aqui para poder subir para cá para com a pontinha ali em cima eu vou colocar menos 60 e vou vir aqui em cada uma das colunas vem aqui no estilo colocar a cor branca não fica transparente assim fiz nenhuma vou copiar e colar o estilo de todas e pronto aí só atualizar essa página a gente vai conseguir ver as alterações Só que ainda continua aqui ó com esses itens e eu vou deixar um CSS
para vocês lá no nosso material aí você vai vir aqui nessa sessão vai vir em avançado Vamos colocar nos 40 de pezinho aqui vamos virem custam kss e vamos colar o CSS aí vamos atualizar e vamos atualizar a página e pronto só vai aparecer de cada um só as informações da página que ele tiver carregando por exemplo a gente está na página principal se a gente for aquele perdidos ele vai carregar só as informações do pedido meu caso falando que não tem nenhum aqui no endereço para
carregar só endereço entendeu aqui no meu caso não tem nenhum tá pedindo para adicionar então fazendo dessa forma aí a gente deixa a nossa página configurado pelo menos aqui para desktop agora vamos agora a fazer as configurações aqui para mobile e antes eu vou vir aqui é bobinha avançado e os em qual os valores de pad e aqui nesse inferior colocar 80 eu achei que ficou muito pouco espaço aqui embaixo eu vou atualizar aqui é mas é assim mesmo a gente vai testando os espaçamentos
vendo como é que ficou para você poder chegar aí não eu acho que você quer tá legal aqui gostei desse espaço agora eu vou colocar aqui na mobile como é que eu vou fazer e eu vou duplicar essa seção interna que tem o quê né se você são Zinho interna vou duplicar E aí eu vou vir aqui nela ouvir avançado desencolar estilo de Margem que eu tinha colocado aqui aí eu vou vir aqui em cada uma delas e vou excluir só o título e eu quero deixar só o ícone E aí Oi e aí eu tenho cinco
colônias se você dividir sem / 5 vai dar 20 então eu tenho que 5 colunas e para que elas fiquem todas na mesma linha elas precisam ter como somatória sem Pixel de largura né então se eu tenho cinco aqui e eu preciso de 100 pixels eu tenho que dividir 100 pixels por cinco da 20 então em cada coluna eu vou vir aqui ouvirem largura e da coluna vou colocar 20 pixels de largura tá posso até que não tá aqui me copiar vir aqui colar o estilo me todos aqui elas vão ficando um do lado do
outro Tá certo eu vou ver aqui é bovine estilo conteúdo aqui nesse pensamento eu vou deixar 0 e deixar conteúdo aqui no meio vou vir aqui nesse passamento vou colocar menos 20 os casamento E aí eu vou copiar e colar isso em todos os outros E aí e com todos assim aí agora eu vou vir aqui no ícone e vou vir em tamanho e vou diminuir o tamanho veja o creme fique tamanho bom aqui vou copiar online sem todos os outros e eu acho que podemos diminuir um pouquinho que se chamar de mim
esse espaço negativo para 15 ou menos 15 né e colonos vestido nos outros pronto aí agora a gente vai pegar essa ses sãozinha vamos vir aqui minha avançado mesmo responsivo e ocultar ela para desktop eu não quero que ela apareça no computador tá vendo vai ficar assim daqui vou a técnica nela aqui e desenvolve a luz de Margem Tá sumida aqui a ouvir responsivo a ouvir nela assim nem responsivo deixa voltar para desktop para eu conseguir tirar esse valor negativo né Ela que disse não
tá bom vai ficar melhor campo de visão aqui quando você precisar alterar aí Pronto voltei aí eu vou ver q ue não responsivo e deixar ela ocupada para desktop aí essa daqui eu vou fazer o contrário é essa daqui eu vou deixar ela oculta para o celular e aí aqui no celular vai aparecer só essas pequenininhas e no desktop vai aparecer só essas grandes em que ok E aí mais uma configuração que a gente está fazendo mobile vir aqui na sucessão Green pede deixar 20 aqui de pede com espaço
bom né quem Pronto agora atualizar vamos ver aqui como é que ficou ó desktop continua do mesm o jeito e no mobile ficou assim que ficou com o espaço bom também né ficou bonitinho aqui ficou só os quadradinhos aqui mas pessoa clica aqui na ela vai aqui para o conteúdo Beleza agora a gente vai fazer os ajustes que faltam aqui na página de minha conta a gente precisou ocultar essa parte aqui do menorzinho para só quem é é né quem tá alugado no site consegui ver e a gente precisa
colocar um formulário de cadastro se porque se a gente não vocês aqui sem estar l ogado olha vai aparecer essa parte aqui que não era para quem tá advogado ver e só vai aparecer o formado de entrar não tem formulário de cadastro assim para isso já apareceu por lá de cadastros a gente vai vir aqui no painel dor de pés em configurações geral vamos deixar opção de membro qualquer pessoa pode ser registro ativo vamos salvar vamos vir aqui newcomer se configurações e a gente vai vir
aqui em contas e privacidade e a gente vai deixar ativa que algumas opç ões A primeira é permitir que os seus clientes façam login em uma conta existente durante a finalização de compra permitir que seus clientes crie uma conta durante a finalização E permitir que seus clientes crie uma conta na página de minha conta que é essa página que a gente quer que apareça o formulário tá então especificamente esse daqui tem que estar ativo para que pareço formular lá na página de minha
conta tá E os outros é bom deixar ativo para permitir que a pessoa conseguiu logar ou criar uma conta na hora que ela estiver fazendo a compra lá tá bom Agora eu vou atualizar né salvar e aí se a gente vieram aqui recarregar agora e olha já apareceu aqui o formulário de cadastro tá vendo e aí eu tenho sucesso que eu fiz para deixar o botão mais compatível com layout arredondado e roxo esse essa aqui que vai estar lá no material a gente vai vir aqui no editor do elemento da página
de minha conta vamos clicar aqui no short Onde vamos Zinha avançado Custom CSS e vamos colar SSS aqui aí vamos atualizar aqui para a gente ver e olha só já está aparecendo aqui acessar Ciça cadastre-se com botão melhor né só vou fazer uma adaptação aqui para deixar a fonte um pouco mais fina mas já vai estar lá no CSL tá para você porque tá com uma fonte muito grossa outra configuração que a gente vai fazer agora é limite essas menos que a gente fez aqui só para usar o salgado
Então a gente vai ficar aqui no suc essão viram visibilidade ativar aqui vamos ver aqui Nilse e rolei e vamos deixar aqui colocar para o tipo de usar administrador e para o tipo de usuário assinante no lugar se você tiver mais tipo se coloca para mais chips vou vir aqui nessa se organizar primeiro aí vou vir aqui nessa de baixo na sucessão aqui debaixo e tem que ser essa daqui que é a principal não acha daqui do meio que a mãe tá que você acha que ele tá principal hora diferença
daqui é Menorzinha tem dois e essa tem três eu vou vir nela vou fazer a mesma coisa ativar Oi e o biquíni user roles e Google arranjo administrador e para subscribe 1 e me atualizar e vamos ver aqui agora na página da jogada lá a apa gente logada já fica assim né eu que a gente pode fazer agora vou colocar aqui no mobile e Associação aqui eu vou ver aqui em avançado dos micose valores imagem de pede e aqui na parte de cima eu vou colocar sem porque a gente tem um menuzinho e fica
no bairro é grande né e os outros dois eu vou deixar deve-se e não é E aí beleza ficou aqui a nossa a gente já da pessoa consegue fazer algo estava por aqui beleza vai finalizamos a nossa página minha conta também bom agora a gente vai fazer a configuração da nossa página de carrinho você pode vir aqui no painel demonstrativo em páginas todas as páginas vai ter aqui carrinho você pode clicar em ver mas se não tiver nenhum produtos no carrinho ele vai ficar vazio assim aí para você
conseguir visualizar o carrinho você tem que vir em algum produto selecionar aqui alguma opção e clicar em comprar tá vendo Aí sim vai vir aqui aí você pode clicar aqui ou então você clica aqui ver carrinho ou então só recarregar a página que você já tava e você vai conseguir ver que as configurações tá dá para gente ficar rindo E aí que a gente vai fazer e vamos clicar aqui vou explicar aqui na editar página nós vamos ir aqui em modelo Vamos colocar em ler mentor largura Total
atualizar porque a meditar com elemento e vamos ver aqui na seção virem avançado colocar 40 aqui de pede desvincular os valores no de cima eu vou aumentar para 70 para não ficar tão grudada a cinco minutos no de baixo também vou colocar cê tem aqui para não ficar tão grudado com o rodapé beleza aí eu vou vir aqui me custou um CSS e vou colar aqui excesso que eu preparei para mudar algumas configurações porque a maioria das configurações aqui não muda direto no tema ou então não
tem um modelo aqui no elemento era para configurar o estilo tá porque eu vou fazer vou colar aqui e ele já muda a cor do botão para cor que a gente tá usando tá vendo e aí ó aqui onde tem background O que é onde você vai conseguir mudar então se a sua colcha outra você coloca o código da sua cor aqui tá vendo tem aqui vai ser Ground tem background-color aqui que é desse botão maior esses daqui de baixo são desses botões aqui pequenos ó tá vendo Então por aq ui você consegue mudar a
cor aí o restante eu fiz o aumentar esse campinho de checkout deixar arredondado vou excluir aqui para você ver a diferença eu tava assim aí ficou assim certo vou colocar aqui na atualizado e aí eu vou vir aqui nessas nas três Barrinhas vou vir em configurações do site vou ver em tipografia E aqui onde tem links vão mudar a cor do link para esse roxo que é o rosto do projeto que aqui ele tá pegando essa configuração aqui tá Rosa né eu vou mudar para rosto tá vendo geografia eu vou
deixar a 500 para ficar tão Fininho e o atualizar eu vou fechar e beleza a cozinha nossa página de quem tem agora eu vou colocar aqui colocar no modo responsivo ouvir na seção ouvirem pede e deixar 20 e peixe tá ou então eu gostava dela e pede para ficar bem pertinho aqui da na extremidade e vou atualizar Olá beleza já finalizamos aqui a nossa página está rindo agora a gente vai para nossa página de checkout quando a pessoa ela compr a ela vai comprar aqui na sua loja ela tem a
página de carrinho né Ela vem aqui para página de carrinho que é essa E aí depois ela vai me em finalizar acusa né ou concluir compra que ela vem para a página de checkout na onde ela coloca todas as informações de compra das o endereço preencha as informações de pagamento né e é aqui que a pessoa realmente realiza a compra E aí é assim né o padrão Como disse ele vem desse jeito só que a gente vai customizar e deixar bem bo nitinha essa página tá a primeira coisa que a gente vai
fazer é fazer a configuração de pagamento aqui né porque a gente não tem nem nem um gato aí de pagamento aqui eu vou ensinar vocês a configurar hoje o Mercado Pago geralmente é o pessoal mais USA e as taxas são melhores e ele tem como te entregar o dinheiro em até um dia né então isso para dropshipper é muito necessário porque aí você pega o dinheiro depois de um dia e aí com dinheiro que que você compra a pesso a comprou o produto de você você já pega esse dinheiro e vai lá na
aliexpress.com nesse próprio dinheiro que a pessoa te pagou e compra o produto para ela né então o pessoal costuma usar bastante e aí para colocar gato hoje pagamento você vai vir aqui no cúmplice vou colocar aquele configurações os pagamentos Oi e aí é por aqui que você vai fazer a configuração tá ele já vem aqui com o transferência bancária cheque pagamento da entrega para aparecer outros métodos d e pagamento aqui você tem que adicionar um plugin Então vamos ver que Microlins
Adicionar novo aí vamos escrever aqui Mercado Pago Ok Google Michael Mercado Pago para o comerci vamos clicar em instalar e depois em ativar e pronto ele fica com as notificações aqui pedindo para você avaliar aí ele também já fica com botãozinho aqui para você ir para as configurações perdi eu te mando aqui para as configurações tá vendo aí o que você seleciona o seu país vou deixar Brasil sa lva as alterações aqui embaixo ele pede algumas coisas ele perguntou se se a loja já está em
modo de produção se você escolher sim acham se você escolher esse escolha assim só quando o produto estiver pronto para vender vou deixar assim aqui adicionar as credenciais aí ele te manda e buscar as credenciais lá no na sua conta do mercado pago e você clica aqui em buscar minhas credenciais ele vai te redirecionar aqui para o site aí eles têm um sistema bem bem seguro aqui para você entrar então sim Sempre que você foi entrar Eles vão pedir para você validar o seu seu o seu
e-mail tá eles estão bem bem criteriosos Conta aí então eles vão pedir aqui para enviar um SMS uma ligação para você com código eu vou pedir para enviar um SMS aqui para mim vou esperar chegar o código e vou colocar aqui e pronto aí chega o código você preenche o recado e continuava E aí ele te leva aqui para o local onde é que você vai pegar suas credenciais você Cli que em ativar credenciais aí a gente pede para colocar o URL do site vai pegar aqui né o seu site aqui sem dor no pé
de mim tá Eu só até antes do WP admin só o link do seu site mesmo aí você cola aqui aqui você coloca Que tipo de produto que você vende né aqui no meu caso eletrônico eu autorizo os meus dados conforme a decoração de política de privacidade Então você tem que autorizar preencher o campo de nosso roubou aqui às vezes tem essa chatice aqui de ficar achando as coisas E aí o e enviar formulário e pronto aí já está criada que suas credenciais de produção e E aí que já tinham a
publiquei e o toque aí você copia que publiquem coloca aqui me credenciar de produção tá clique aqui para copiar o seu acesso toque colo aqui e credenciais de produção aqui você pode escolher a categoria da loja colocar aqui com o botão direito e clicar em traduzir aí eu vou escolher aqui parte acessórios vou colocar isso daqui e aí eu vou clic ar em salvar alterações e ele tá dando um aviso aqui de mim meu campo de teste tá em branco então para pegar você pode vir aqui eu voltar
para escrever ciais pegar aqui credenciais de teste eu vou copiar e colar aqui também publiquei teste e acesso took the test salvar alterações e pronto aí Tem mais informações aqui para você preencher aquele pede para você colocar o nome da loja eu vou colocar aqui a online Shopping assim sorios já pegou aqui a categoria na loja aqui você pode colocar um prefixo ou então número para que na hora que a pessoa cumprir de você apareça lá no banco dela ou então no cartão de crédito dela
homenzinho lá eu vou colocar online tchau ti mesmo tá esse aí de integrador aqui é um Eyed que você consegue se você for parceiro no mercado pago se você que o seu de parceiro é você pode colocar aqui para solicitar lá e não é obrigatório tá você tem que preencher um formulário ele tinha prova envio para você eu não vou c olocar vou deixar sem aí eu vou colocar aqui em salvar eu vou descer de novo e vou deixar aquela ativar o check-out aí vou deixar assim converter moeda eu vou
deixar não porque eu não vou fazer nada com dólar qualquer outro tipo de moeda se você tiver vendendo em dólar outro tipo de moeda que preciso converter você deixa ativar o sim eu vou deixar não porque eu mandei só para o Brasil reais mesmo pagamento com cartão salvo no mercado pago vou deixar assim eu vou cli car em salvar alterações e quem agora estou se eu vier aqui em recarregar aqui nas configurações de pagamento né que a gente tava antes a gente vai ter todas as opções aqui
tá vendo aí tem o mercado pago como chegar o de prova a gente não vai usar tem enxergar o tio personalizado aqui aqui nesse botão gerenciar é bem aqui na onde é que a gente tava tá vendo se você clicar aqui em gerenciar a gente vai voltar lá para aquela abra que a gente tava antes e vamos voltar aqui para nossa página de carrinho para a gente ver agora em concluir compra e agora já deixa aqui a pessoa ela efetuar a compra aqui tá vendo Então tem que o número do cartão para ela
colocar os dados então agora a gente já tem o Mercado Pago configurado aqui posso fechar essa aba do Mercado Pago se eu voltar lá nas configurações de pagamento ele te deixa inclusive personalizar o pics então se você ativar aqui ele dá a opção da pessoa conseguir pagar pelo pics tá se você ativar esse pagamento personalizada que via boleto a pessoa consegue pagar via boleto também então vou deixar ativado aqui vou clicar em salvar e o seu é carregar passando finalizar a compra
aqui e ele vai dar opção aqui ó pagamento via boleto era só pode parar inclusive boleto normal ou na caixa né Oi e aí vai ter que opção de pagamento com cartão de crédito vamos clicar aqui me Mercado Pago personalizado com Pixel vamos clicar em gerenciar é porque aqui ó se voc ê rolar até aqui embaixo você vai ver aqui para você permitir que a pessoa consiga pagar na sua loja com bicos você tem que ter uma chave cadastrada lá no mercado pago Então você precisa cadastrar uma chave
pics lá você pode clicar aqui nem saiba mais sobre pics se cadastrar uma chave ele vai pedir para você baixar o aplicativo é escolher sua chave pics escolher candidatos que você quer colocar para sua chave eu vou fazer isso aqui agora para poder gerar o campo lá para mostrar para vocês e você segue esses mesmos Passos aqui tá baixa o aplicativo longa escolhe aqui a sua chave pics pronto eu já fui no aplicativo cadastrei mim chave é bem fácil só você seguir as orientações aqui
mesmo e lá no aplicativo e nem seu perfil e em suas chaves e cadastrar uma chave lá e aí depois disso eu preciso fazer mais nada pode só recarregar aqui ó eu vou só recarregar aqui e recarregar aqui na página do check-out E aí você vai vir a opção Olh a só minha vida aqui embaixo pague com o Kiko e a pessoa vai poder pagar com cartão ou boleto ou Kombis para você beleza agora que a gente já fez a configuração de pagamento a gente vai mexendo layout para isso a gente vai precisar
vir aqui em plugins Adicionar novo e vamos procurar pelo plugin chamado cartflows é um plugin que vai nos ajudar a conseguir mexer no layout do check out part o flows com esse plugin aqui do do ícone laranja você vem instalar e depois ativar é estudo em permite que você consiga editar como elemento o layout do check-out porque o elemento ou o padrão ele não te deixa meditar então assim eu não consegue mexer lá nas configurações de layout dele mas esse plugin ele permite que você
consiga usar o elemento para editar essa página que é travada tão ativando aqui agora depois de ativar aparecer essa minha aqui cartflows aí você pode vir aqui na minha home do Plugin aí ele vai vai ter várias opções aqui ó etapa s configurações modelos aqui no etapas é onde você vai ver as etapas que você tá configurando então ele chama de etapas as etapas de de compra então por exemplo finalizar a compra uma etapa aí a página de Obrigado que a página que aparece para o cliente
depois que ele compra é a outra etapa e eu fiquei tem o nome de etapas aqui que são as etapas de compra tá E aí tem aqui a partir de configurações primeiro a gente vai vir nessa parte de configurações acne configuraçõe s a gente vai ativar essa opção aqui ó de impedir que os mecanismos de buscas index em esse fluxo nessa página só para na hora que a realizar a compra que ela precisa saber não precisa estar no Google Às vezes você dá um salvar no configurações ele recarregar a
página dessa forma e fica travado mas se você fizer de novo aí ele funciona tá é uma outra coisa já tenho que conferir se o editor daqui é o elemento tem que ser o editor elemento para a gente Conseguir con figurar aí agora a gente pode começar a criar as nossas etapas a gente vai vir aqui em modelos e aí a gente pode escolher um desses modelos aqui que não tem escrito pro tá vendo Então a gente tem esses três esses seis modelos aqui é para você ver como é que eles que eles são
você pode ficar aquele B né ver todos os aspectos né de todos os passos que você consegue ver eles aqui tá vendo que você aqui é Alan de peixe esse daqui é o check-out e essa aqui é a página de Obrigado né E aqui embaixo você clica em voltar e você consegue ver todos eles aqui tá vendo acha que tem uma onda de veja até bem bonitinha né só que a gente não vai nem usar essa Land page não Oi gente vai usar só a página de Obrigado que essa daqui e a paixão tinha calça Vou importar
esse daqui mesmo azulzinho já vou clicar em importar fluxo vou dar um nome para o meu fluxo que vai ser finalizar compra e o que que a importar e pronto aí importou os três para cá c omo eu não vou usar Land page eu vou clicar aqui nesses três pontinhos e vou clicar em excluir Oi e pronto eu vou ver aqui no check-out né vou clicar em editar que eu quero mudar esse nome ele está em inglês e ainda tem espírito curso na frente né então vou vir aqui em configurações em geral e aqui no
Skype tá então né título do Passo que eu vou colocado finalização de compra e aqui no Slug eu vou colocar finalização traço de traço compra Ah tá ó e vou clicar em salvar aí agora eu vou vir aqui em configurações de novo aqui em cima e aí eu vou colocar check-out global que é o check-out aqui padrão dor de preze eu vou mudar para finalização de compra que é esse modelo da página de checkout que a gente importou E aí vou clicar aqui em salvar e esse eu recarregar aqui a página
agora ele atualizou para este de finalização de compra que a página de checkout que a gente Crew A gente um pouco tô na verdade né E aí ela fica disponível pa ra a gente poder editar lá com elemento aqui a gente só vai seguir mais um passo o ano que é colocar as informações necessárias para compra porque a gente sabe que a gente precisa que a pessoa consiga colocar o CPF ou CNPJ dela para que a gente possa emitir nota fiscal né seja tudo dentro das normas certinho e para aparecer
aqui a gente precisa vir aqui em plugins Adicionar novo Oi e aí a gente vai procurar um plugin chamado o como é que se Extra check-out Fields for Br asil que é esse plugin aqui ó Então a gente vai clicar aqui em instalar depois em ativar e esses campos de CPF só o Brasil que precisa né os outros países não tem aí se a gente atualizar aqui agora e meteu o campo aqui do CPF médico olhei o tipo de pessoa física ou jurídica ele bateu os campos certinho aqui agora a gente pode voltar
aqui para o painel voltar aqui na etapa e clicar em finalizar compra clicar aqui em editar e que o carrinho de tar com elemento e está co m ele muito de novo e de novo é E aí vai abrir aqui hoje todo ele é muito tá aí a gente pode excluir essas primeiras primeiras opções aqui Oi e a gente vai vir aqui nessa sessão vai vir em estilo vou mudar a cor de fundo aqui para esse branco gelo que eu já tô usando projeto Ah tá vou vir aqui na coluna ouvirem estilo vou mudar o tipo de fundo
dela para Branco ouvir em borda colocar 10 de arredondamento ouvirem sombra vou vir aqui na cor o arrastar para cá e deixar 1 7 e vou deixar a borrar 2 e me marcasse e eu vou vir aqui avançado em pede colocar 30 de pede aqui na coluna a conecta forma aí vou vir aqui na biblioteca vou arrastar um Edit de imagem aqui para cima e do Cocal tamanho da imagem em tela cheia ó e vou pegar uma imagem aqui que eu tinha separado Nossa isso daqui em por todos os modelos essa imagem aqui a
gente vai trabalhar com Mercado Pago então Acho interessante deixar uma imagem assim que a compra é segura para p assar mais segurança aí eu vou vir aqui nesse estilo um largura pode diminuir aqui a largura dela para não ficar tão grande né e já Centralizado beleza aí eu vou mexer um pouquinho aqui nas configurações já tá com um layout bem arrumadinho só vou mudar aqui as cores eu vou clicar aqui vou ver Nesse estilo aqui na cor primária eu vou mudar para essa cor roxa que a gente
tá usando e o cabeçalho também E aí e a tipografia aqui vou mandar toda para Mont Serrat o peso 500 e aqui nos botões vou vir aqui na cor do do fundo né e vou para o de roxo e a cor do texto eu vou por de branco aí eu aqui na tipografia vou vir e vou mandar a fonte para a mão de serrar e deixar tamanho 15 aqui na borda vou deixar nenhum a acne arredondamento eu vou deixar 30 e aqui no na Global na tipografia tá pop eu vou colocar a mão Serrat que a gente tá usando eu não estou aqui
nos cabeçalhos também tinha mudado sua cor Vamos mudar o tipografia também para não ter r ar a mesa essa aqui é a sessão aqui do pagamento eu vou colocar esse mesmo tom de cinza que já tem para não ficar desse Estou orando muito é tão pegar essa cor aqui o código da cor cinza é isso aqui O que é a inflação toda de Cinza vou deixar arredondamento de 10 aqui para ficar mais Sutil um pouco aqui no nos campos aqui do formulário aí vou deixar nos 30 de arredondamento para eles ficarem
mais arredondado já vêm essas sessões Aqui de baixo vou excluir tudo eu vou vol tar aqui na seção principal Uber e avançado vou colocar 90 de pede em superior e pede interior aqui e depois vou atualizar e ele assim aí deixou só mostrar para vocês aqui como que tá ficando eu vim aqui para atualizar a página né aí ficou assim aí aqui tá com probleminha que tá com um errinho aqui nessa nessa parte e aí eu preparei um CSS aqui para a gente poder corrigir isso é isso aqui E aí a gente
vem aqui nós do elemento bem avançado sucesso customizado vamos c olar aqui em blusa atualizar e vamos voltar aqui atualizar para mim te ver E aí ó agora sim o botão aqui ficou no espaço certo tá E aí o que aconteceu aqui foi que sumiu com rodapé e com menino aí para corrigir isso a gente vai vir aqui na engrenagem e vai deixar o layout da página ainda é full que é padrão Aí ele vai volta ao menu rodapé Tá vendo só que a gente vai vir aqui vai vir aqui nesse com de Tito poder
esconder o tio que tava escrito finalização de compra sabe vamos clicar em atualizar E aí pronto já vamos ter terminado aqui de configurar a nossa página de finalização pelo menos um desktop né Vamos só conferir como tá ficando aqui Oi beleza Oi e agora a gente vai para o no modo de mobile para a gente vê nos ele aqui na sessão é no pedem aqui a gente pode deixar 30 no superior e 30 no inferior e aqui dentro da coluna eu vou vir aqui vou deixar ideia tá para não ficar muito alguns
passo muito grande aqui aí eu vou ver na i magem ouvir estilo em largura o aumentar o máximo ela aqui eu vou clicar em atualizar Oi e pronto já vamos ser tem nada agora finalmente a nossa página de finalização de agora nós vamos configurar a página de Obrigado de compra e quando a pessoa realiza a compra E aí para isso a gente vai voltar aqui no painel né no cartflows vamos ver aqui nas etapas e vamos voltar aqui aí que vai ter custo tanquinho né E vamos colocar aqui nem editar
Vamos ver que em configurações a qui em geral vamos mudar o título obrigado pela compra e o obrigado obrigado né o número do slide da página Vamos salvar E aí vamos voltar a vamos clicar aqui em editar é aquele elemento alimento e elementos de novo para a gente poder configurar e já tenho layouts mais ou menos pronto aqui nesse ícone Zinho eu vou mudar o ícone por um ícone de cheque eu acho que vai ficar mais legal e ficou Nike E aí e pronto aí vou escrever aqui assim seu pedido
foi com a irmã só pe dir que foi confirmado Oi e aí vou colocar essa frase aqui embaixo que é assim estamos processando seu pedido você logo receberá um e-mail com os detalhes de andamentos né que é o que geralmente acontece vou vir aqui na seção ouvirem avançado ou diminuir que esses valores não vou deixar 40 aqui embaixo e 40 em cima tá de pede vou mudar tipografia aqui cara já que eu tô usando que a Mosca e Rafa tá o princípio de baixo também over still mudar é tipografia para
Mont Ser rat é a fonte para branco e deixa também eu 17 aqui e aqui eu vou excluir essa sessão Zinho aqui debaixo deixar só isso aqui que é o Mídia Kid na página de obrigado é isso daqui mesmo tá aí vou ficar aqui em atualizar eu vou voltar aqui vou vir aqui e voltar E aí eu vou colocar aqui nem visualizar para mim ver como é que está seu pedido foi Confirmado estamos processando seu pedido celular o que receberá um e-mail com os detalhes de andamento Tá certo vou voltar aqui vou
vir aqui na engrenagem aqui nem layout da página vou deixar de full que não é a gente fez e aqui eu vou esconder o título tá Enquanto carrega já vou pegar a cor roxa aqui a gente mudar essa cor de fundo que tem aqui para cor roxa e a gente tá usando atualizar beleza e aqui já vai vir comer no rodapé e agora eu quero finalizar uma compra aqui simular uma compra eu coloquei nos dados aqui e aí eu vou fazer Nem força de boleto aqui vou clicar em finalizar compra ou aqui no CPF
colocar os dados aqui e vou finalizar a compra e pronto me levaram aqui para página de obrigado tá vendo aí aqui obrigado seu pedido foi recebido E aí fica aqui os dados né das aí aqui no meu caso como é boleto ficou o boleto aqui e aqui embaixo tem mais informações aí eu vou fazer uma alteração aqui a gente pode clicar aqui nesse Widget E aí é que a gente pode colocar um título ou cá obrigado pela compra obrigado pela compra e o atualizar E aí Aqui tem as as opções que você pode
deixar ativa né a visão Geral do pedido detalhes o pedido endereço de cobrança endereço entrega eu vou deixar tudo ativo aqui e obrigado pela compra mudei aqui e aí que a gente pode mudando o estilo tá aqui no cabeçalho ou mudar tudo que for de azul aqui para roxo e é porque a gente tá usando e tudo que tiver de Pops aqui na fonte vou mandar para Montserrat então e você nesse momento aí vai fazer a mudança do layout aí para o que você estiver usando tá em geral do pedido não ser
rápido também E aí E aí E aí E aí E aí E aí a localizar Aí vou vir aqui Vou atualizar e vai ter mudado aqui para roxo e as fontes não tem idade para Montserrat e agora e eu vou vir aqui ao nas sessões e nessa cor de fundo aqui vou mudar para um cinza aqui mais mais escuro um pouquinho a localizar e vamos ver como é que vai ficar a exposição um pouquinho mais Faro não é igual a raça Barrinha para cá para diminuir a velocidade o disco na cozinha ci nza quinase nos itens né ele vai ficar
assim eu não sou pai muito obrigado que pode colocar aqui nesse momento um botão para o WhatsApp seu alguma coisa assim né deixasse disponível para a pessoa tirar dúvidas com você eu vou deixar desse jeito mesmo fazendo uns ajustes aqui de tamanho tá vendo a diminuir um pouquinho Tito Achei que tinha ficado grande demais e assim ficou melhor em beleza já vamos ter feito aqui a nossa parte aí agora vamos só colocar no mobile para a gente ver essa aqui primeira eu vou vir aqui em
avançado ou vincular os valores de pad eu vou colocar 20 aqui de ped eu vou ver aqui no ícone mas ele não tá com o tamanho muito grande aqui é isso aqui também acho que tá legal Vamos colocar aqui no meu bairro para a gente ver o tamanho do ícone tá legal assim podemos um diminuir daqui deixa eu ver esse espaço aqui na sucessão de baixo ou vinculados ao longe pede e depois eu vou colocar dele e pronto achei que ficou com os pensamentos melhor aqui agora e beleza a gente vamos
ser terminada a nossa página de Obrigado também Antes de Partir para configuração da nossa página de contato eu quero fazer uma configuração aqui que vai ajudar a fazer com que o Mercado Pago Regente - os nossos pedidos que às vezes ele costuma rejeitar muitos pagamentos né que a gente adicionando esse script aqui e eu vou deixar para vocês lá no material vai ajudar com que ele rejeite menos Então você vai copiar esse código vai vir aqui no painel administrativo dor de pés Oi você
vai vir aqui em elementor a Custom code a adicionar e vai dar um nome aqui eu vou colocar código o Mercado Pago eu vou colar o código aqui vou deixar aqui no Red o publicar e me pronto OK e isso vai ajudar aí agora a gente vai configurar a nossa página de contato ou clicar aqui vou vir aqui em editar página e depois vou vir em editar com elemento eu vou ver aqui na engrenagem esconder Tito vou dei xar ativo e acne largura da página vou deixar ele mentor largura total e no excluir
essa seção aqui que vou pegar uma outra com duas colunas ouvem avançado no colocar 50 aqui depende Tá vou ver aqui vou pagar um título passar para cá eu vou colocar Fale Conosco e ouvir estilo vou colocar tamanho 30 nesse Tito vou duplicar ele vou pegar um título que eu deixei aqui eu gosto de colocar pelo Canal de atendimento aos clientes estamos disponíveis para atender da melhor for ma a envolver em estilo vão mudar essa cor para 17 17 17 eu vou mudar o peso para 500 e o
tamanho aqui eu vou deixar menor vou deixar Bom dia é nós Ah tá vou ver aqui vou pegar uma lista de ícones e a arrastar para cá eu vou excluir aqui nesse primeiro eu vou colocar um telefone tocando o telefone de teste aqui tá não existe telefone ou você sabe hein E aí eu vou ver aqui eu vou pegar o ícone de telefone é porque nesse Primeiro vou duplicar e vou mudar o ícone do de baixo para o ícone de WhatsApp e vou duplicar vou colocar um e-mail aqui colocar contato@1risjc.com.br é
um e-mail profissional assim que passa mais segurança para pessoa comprar ela vê que é uma empresa de verdade empresa séria no clicar aqui vou pegar no meio de mídias não o ícone de envelope né para fazer a parte do e-mail e pronto e aqui nesse caso a gente pode duplicar também e colocar aqui o endereço né vou repetir o endereço o que que macho E aí eu vou mudar esse ícone aqui para o ícone de mapa E aí eu vou mudar esse ícone aqui de ver logo telegrama E para isso daqui a gente
vai combinar mais com o sol o WhatsApp ficar feio se colocar aquele outro aí vou vir aqui nesse estilo em ícone vou aumentar aqui o tamanho do ícone ouvir Invista aumentar o espaçamento aqui no virem texto em tipografia e vou colocar o peso para 500 e vou vir aqui nessa cor e vou diminuir um pouquinho aqui vou deixar um cinza mais claro ok e vai ficar assim eu vou pegar aqui aqui na biblioteca e deixa de redes sociais nessa escrever sociais que aparece aqui é vou colocar aqui
deixar o alinhamento para esquerda eu vou colocar algumas redes sociais aqui colocar o Instagram eu vou deixar o Facebook mesmo tem que eu vou dizer sua mania Instagram e esse daqui não ir no Tooncast ó e vou deixar um outro aqui como eu vou deixar esse outro aqui com o Milton e pronto aí aqui você coloca os links tá vai fazer sociais então o saco se você vir aqui colocar o link aqui é quando a pessoa clica ela consegue ser redirecionado para cada uma das suas E aí eu vou vir aqui
nesse estilo aí tipo de corpo colocar personalizado vou pegar a cor roxa que a gente tá usando aqui aí aqui na cor primária eu vou deixar roxo e Nicolas secundária vou deixar o branco aí vou voltar aqui em conteúdo nem forma eu vou deixar círculo eu vou vir aqui de tamanho vou diminuir um pouco tamanho dos erros é e pronto tav a vir aqui na biblioteca vou pegar uma elite de formulário basta para cá ele já pegou mais ou menos configurado certinho né aqui me informe Farm name eu vou
colocar o nome aqui colocar formou horário de contato aqui eu vou mudar para nome né e português tanto o Label essa parte aqui de cima o título quanto o placeholder é esse nome que fica aqui dentro do campo tá e aqui no e-mail já vou deixar e-mail mesmo aqui em mensagem Vou Mudar para mensagem em português copiar co lar aqui em baixo vou duplicar esse campo aqui de e-mail aí nesse aqui debaixo eu vou mudar o Type dele né o seja o tipo para telefone o telefone eu vou mudar para ter
ver telefone e vou duplicar e vou mudar o Type aqui para select ele ficou assim a assunto é que eu eu vou colocar as opções quebra só consegue escolher o assunto trocas de volume sons o problema com a compra E aí o e outros Ah tá eu vou deixar assim nós fumar aí eu vou vir aqui embaixo em botões aí que a g ente tem send eu vou colocar enviar eu vou vir aqui em estilo botões border-radius né que arredondamento vou deixar 30 e vou voltar aqui no conteúdo vou voltar em botões e vou
deixar aqui alinhado para direita tá vou voltar em estilo vou voltar em botões e aqui em pede eu vou desenrolar o valor eu vou colocar há 30 da esquerda 30 na direita para acho que eu posso aumentar para 4040 na 30 e 40 anos direito e ficar maior vence quem eu vou vir aqui na seção ouvirem layo ut em alinhamento vertical vou deixar meio para ficar assim mais centralizado eu vou vir aqui vou pegar uma sessão com uma coluna só ouvirem estilo tipo de fundo vou colocar aquela cor de
fundo roxa hoje a gente está usando a ouvirem avançado colocar 70 de pede no duplicar esse título aqui vou arrastar para cá e vou colocar contato ó e vou mudar a cor para branco eu vou vir aqui em conteúdo em alinhamento e vou deixar centralizado ó e vou atualizar lua tá aqui no formu lário E é este colo né the Label ou seja a cor aqui do título os mudar para Roxo e eu também vou mudar que a tipografia para peso 500g Ah tá eu vou atualizar e aqui me fio de nylon Campos eu vou mudar
para uma cor cinza mais claro aqui eu vou atualizar também eu também vou deixar arredondada que os campos que a gente já estou usando tudo arredondado né eu vou deixar tudo arredondado a localizar e aqui no formulário eu vou colocar um pouco mais de espaçamento aqui um pou co mais espaçamento aqui dos Campos ó e aqui entre o título e os campos E aí beleza vou só colocar aqui no mobile ouvir nessa primeira sessão impede eu vou por 20 nessa segunda sessão também o bem avançado impede
e vou por 20 nesse título aqui debaixo eu vou colocar a sua mãe hoje 15 o restante Vou deixar do jeito que tá só esse daqui de redes sociais que eu vou vir aqui nem conteúdo e vou deixar centralizar está está o que vem pronto já vamos ter tem nada que a nossa página de contato olha aqui para você receber essas informações aqui e tem duas maneiras né o o o visualizar a página que a pessoa te mandar uma informação aqui E aí se você já recebe aqui dentro do WordPress on o enviar e se
você tiver alimentou pronto tá já recebe dentro do WordPress aqui e eu fiz um vídeo só sobre isso aqui esses tempos e elemento submissões E ai que você recebe ou Moreno quem mandou confirmar que foi aí que me ver você consegue ver os da África pes soal deixou tá vendo Então fica aqui eu não tô também recebe por e-mail também recebe as informações por e-mail e o Na onde que você vai receber né Nicole meio que você vai receber você clica aqui vem conteúdo vem e-mail geralmente ele
pega o e-mail que você fez aqui quando você cadastrou WordPress Mas você pode mudar se você quiser receber em outro e-mail só você colocar aqui a mudar aqui é o título né do e-mail que você vai receber pode mudar o título para informações ou então eu tipo assim pré em pensamento do ou mouryou no site e é né aí já em todos os emails com esse título aqui para você certo só assim que você consegue manusear que o seu formulário é beleza já fizemos aqui para gente contato e agora vamos
fazer a sessão de sobre mudei aqui o endereço Acabei de perceber que eu tinha colocado era a festa daqui de cima né com Aí coloquei o endereço certo vamos criar a parte de sobre aqui eu vou criar aqui embaixo mesmo não vou faz er uma página separada tá se você quiser você pode fazer Inclusive essa página que essa se tem que a gente Pelo menos é uma página mas eu vou mudar para ligar para a sucessão aqui que eu vou vir aqui em baixo vou pegar uma sessão com duas colunas vou vir aqui
em avançado vou pegar colocar 70 de pedem de novo é e vou duplicar esse título aqui vou arrastar ele para cá eu vou deixar aqui alinhado para o direito vou colocar sobre nós aqui E aí vou duplicar e colocar conheça um pouco sobre a mãe a Shop e a fé e aí nesse tipo aqui debaixo eu vou diminuir o tamanho tá e E aí eu vou pegar um vídeo aqui de texto las Aqui para baixo vou pegar Um textinho que eu tinha preparado aqui Um textinho pequeno e aí você veio o que que você vai escrever
sobre a sua loja tá vou deixar vou vir aqui no estilo vou deixar o alinhamento aqui para a direita vou vir aqui em tipografia vou deixar para mãe 17 horas e o peso 500 e aqui na cor eu vou deixar um cin za um pouco mais claro e nos cartão pesado Ok vou vir aqui vou pegar uma um bilhete de imagem vou arrastar para cá vou pegar uma imagem de uma mulher eu preparei aqui no Photoshop inclusive têm aulas de Photoshop aqui no canal tá se você quiser aprender colocar imagens dentro de
formas e vários outros coisas no vir aqui na seção ouvirem layout ouvirem alinhamento vertical vou deixar meio Ah tá o quê na na imagem da Moça Vou ver quem tamanho da imagem vou deixar a te la cheia ouvir estilo em largura eu vou diminuir um pouco a largura para não ficar tão grande assim um e-book carne atualizar aí eu vou colocar aqui no mobile vou ver se você são aqui ouvirem avançado colocar 20 de ped E aí eu vou vir aqui e responsivo reverter as cores mobile para o texto
ficar primeiro ouvir aqui no título vou deixar Centralizado e vou ver nesse texto e deixar ele justificado eu gosto de deixar assim justificado o que você ficar com muito espaço assim eu venho aqui e espaçamento da fonte o diminuto tá vendo a diminuir um pouquinho espaço o note E aí beleza já configuramos aqui aí para poder gente conseguir encarar esse sobre aqui para essa presta atenção gente primeiro tem que vir aqui na sessão em Raid colocar sobre E aí vamos ver lá no painel
demonstrativo dos de praias é o Vini aparência menos e vamos ver a CNI sobre vamos remover vamos ver aqui em links personalizados no texto a gente vai colocar sobre Oi e aí aqui a gente vai pegar eu vou pegar o link da página contato aqui é a página onde é que tá a sucessão eu vou colar ele aqui e aí no final eu vou colocar/né já tem a barra lá vou colocar hashtag e o nome do Eyed que a gente criou que é sobre e o clicar em salvar e agora é só clicar aqui no sobre ele vai me levar
bem para essa página e nessa sessão aqui que tem o sobre tá a gente vai ter criado dança com a gente contato ela Associação de sobre aqui ok coisas que eu n ão vou ensinar não vou ensinar aqui nesse vídeo tá a página de blog EAD post eu não vou ensinar porque já tem vídeo só sobre isso aqui no canal E essas são coisas opcionais nem todo mundo vai fazer então eu não vou ensinar aqui porque tem vídeo só sobre isso tá bom mas eu vou deixar na descrição essa parte aqui do wish list que
eu deixei o coraçãozinho aqui eu não vou estar também tem um vídeo só sobre essa função aqui tá bom eu não vou ensinar a fazer isso coraçãozinho uma outra coisa que eu não vou estar também é o menos Zinho porque aqui eu também esse nenhum - vinho para mobile é muito legal que eu fiz aqui nesse site da Aurora Fashion que é esse menos Zinho aqui ó mostrar para vocês e esse menino Zinho aqui tá vendo ele fica assim com cara de aplicativo tem um vídeo só sobre ele não vou ensinar
porque ele é opcional também nem todo mundo vai fazer e ele demora muito tempo então essas coisas que tem vídeo só sobre isso Vou de ixar na descrição para você conferir tá aí no mobile vou só te ajudar a organizar é esse menino que a gente fez aqui mesmo que ele não fica assim não vai mas se você quiser aquele menino lá com cara de aplicativo mais bonitinho você vai lá no outro vídeo veio tá bom aí agora que o que a gente vai fazer essas páginas que a gente colocou aqui no rodapé
tá então por exemplo a gente vai fazer a página de entrega de prazos a página de política de trocas e devoluções página d e política de privacidade ela já é criada automaticamente pelo WordPress não se você vir aqui em páginas todas as páginas ela já vai estar aqui né que foi que a gente viu mais cedo a gente pode vir aqui né E aí Oi ó ele criar um texto aqui que está toda em inglês né que é um texto padrão Ou requisitos padrões aqui para política de privacidade aí fica a gente vai
fazer a gente vai vir aqui em modelo deixar elemento largura do tal atualizar e clicar aqui está com elemento E aí já vai abrir uma página com o conteúdo aqui ai gente vai excluir essa sessão vai pegar uma seção nova vamos ver aqui avançado Vamos colocar 50 de pede vamos ver aqui vamos pegar um Edit anti título arrastar para cá eu preparei aqui o texto traduzido Eu também tirei a as palavras onde tinha escrito assim título sugerido tá no aumentar que eu título tamanho para 30 ou
pegaram Edit de texto o asta para cá aí eu vou copiar aqui e esse texto E aí o chocolate dentro des te vídeo E aí ele já vai ficar assim Vou colocar aqui no meu bairro para eu ver aí eu vou ver aqui na sessão vou vir impede vou colocar 20 e pede e voltar alisar em beleza Nossa a gente política de privacidade já vai estar criada tá aí eu vou deixar o meu editor aqui do rodapé aberto para a gente ir limpar nas páginas já tá então o que que eu vou fazer eu vou vir aqui um elemento
ficar no rodapé um beijo eu vou deixar aqui a página de política de privacidade a gente já tinha não tinha colocado a tia não também não então beleza então nós vamos pegar o link e não vou voltar aqui para o painel administrativo do Wordpress a ouvir em páginas todas as páginas ou páginas policiais privacidade vou clicar com o botão direito em ver copiar o link aí eu vou ver aqui e vou colar o link aqui nesse política de privacidade aí tem o política de devolução e trocas né eu
vou criar uma página dessa vou virar 500 falar nova me dá o nome de polít icas de devolução bom E então Aquele modelo vou deixar elemento largura Total publicar duas vezes tá porque eu já que a gente está com elemento vou pegar o meu texto aqui ó eu vou deixar a copiar daqui nós temos devoluções e trocas e beta aqui embaixo aí eu preparei um texto aqui para mim se você quiser olhar para se inspirar para vir aqui no site olhar ó vou pegar uma sessão com coluna só vou ver em avançar
no corpo precisa de pede vou vir aqui para pagar o bilhete de texto colar autêntico preparei aqui o vir aqui vou pegar um de título aí eu vou colocar né esse tipo de política de devolução e troca aqui governo estilo vou deixar tamanho 30 Oi ok E aí Vou atualizar pronto E aí tem uma coisa que eu quero fazer é assim aqui na políticas da bolsa em troca já tem Ah o texto de garantia que recebi aqui então o que a gente pode fazer para não precisar criar duas páginas que a gente possa
aqui no rodapé né garantir separado a gente vem aq ui achei da onde que tem garantia de pegar só o texto aqui a partir da onde que tem garantia e na contra o X aqui vai excluir daqui aí eu vou dar um duplicar né nesse texto Vou colocar aqui o texto copiei né na garantia Oi e aí você até apagar esse título aqui um pequeno e duplicar esse daqui e arrastar ele para cá escrever nada tia E ai aqui nesse título eu vou ver aqui avançado e vou criar uma rede para a gente madrugar era tia e
pronto vamos ver no mobile a gente ver c omo é que ficou bastante espaço né vamos ver na seção impede Vamos colocar 20 de pede em atualizar E aí vou sair aqui da página de novo e o atualizar aí tá aqui ó políticas de devolução e troca aí eu vou colocar aqui qual que é o endereço do link ouvir aqui no rodapé Ai que positivos da bolsa em troca vou para o link aqui e aqui na hora que tem garantia eu vou para o mesmo link aqui no final depois da Barra eu vou colocar a hashtag garantia
essa forma na hora que o cli car aqui eu vou direto para casa sessão lá onde tem escrito garantia tá esse daqui hoje eu vou terminar de limpar o restante Olha isso daqui a página home é só que eu escrever o nome da página que ele vai ficando aqui esse aqui é quem somos né lá na água de contato então é o mesmo que a gente pegou aqui de sobre a gente pode colar aqui né em garante a gente já posso produtos a página de loja e a gente vai escrever loja e pegar a página aqui e esse daqui
já já colocou co mo se Fale Conosco já para a gente contato não a e agora vamos criar o último que a a gente entregas e prazos então aqui em páginas adicionar nova eu vou criar a página de em entrega e trampos é são coisas elemento o largura Total aqui modelo publicar duas vezes e ele tá com elemento quando isso eu já vou pegar no texto que eu separei aqui E aí e o arrastão no título para cá e eu vou escrever entregas e prazos a ouvir Aqui Nesse estilo aumentar o tamanho para 30 eu vou
vir aqui na seção virem avançado colocar 50 de pede ouvir aqui na biblioteca pegar um índice de texto ou lá o texto aqui e pronto atualizar ver como é que ficou no mobile ver aqui na sessão com a gente ele pede um o e atualizar E aí vou voltar lá para pastos Como atualizar aí apareceu aqui entregas e prazos no clicar aqui coletar o link E aí Vou colocar aqui Oi beleza o acompanhamento de pedido é lá na página de minha conta eu vou colocar aqui um lá Micaela para ir lá para a página
de minha conta né E aí pedidos é esse link aqui de ordem né vou copiar aí tá vendo tinha simulado nos compras aqui mais cedo e aí tá mostrando aqui tá vou voltar lá para o rodapé do colar aqui acompanhamento de pedidos editar cadastro e é isso aqui detalhes da conta E aí vou copiar também colar aqui Oi beleza e esses daqui depois eu vou por minhas redes sociais aqui mas aí beleza já limpamos aqui todos os que faltavam brincar né aqui do rodapé E aí agora nós vamos fazer uma
configuração aqui no menu ficou faltando aqui de configuração olha só a gente vir aqui configurar o identity de carrinho né porque olha só como é que fica seu colocar em comprar aqui o feio né a gente tem que configurar para fechar as outras armas aqui pra configurar incidente de carrinho de carrinho a gente tem que passar o mouse aqui em cima de elemento Abrir o menu vou abrir uma outra guia para manter isso aqui aberto para ficar vendo tá e a gente vem aqui n o Edit em estilo e
aqui embaixo em produtos a gente configura essa parte aqui então eu vou configurar aqui primeiro os títulos tivesse já tá puxando Hoje eu tô puxando monserrar aqui a cor eu vou pegar essa cor roxa eu tô com ela aqui se a gente colocar aqui aqui no preço do produto vou colocar a cor roxa também e aquele botões aquele background também vou colocar roxo e na cor do texto também e no de baixo também EA cor do texto também tá só atualizar também como é que já ficou aqui Ah beleza eu
deixei os botões roxos aí aqui ó no layout dos botões eu vou deixar traduzir aqui ó deixa empilhado tá e vou ver aqui o arredondamento não é nem raio redondamente vou deixar 30 eles ficarem arredondados ou atualizar atualizar página aqui E aí E aí chegou em baixo do outro escola redondada tá vou vir aqui na produtos de novo e aqui nesse preço do produto eu vou deixar pegar as configurações aqui do título e vai atualizar O Neymar chegou a Oi Ni vai ficar assim é isso não
configurado aqui aí agora eu vou configurar no mobile que eu tinha tirado para a gente poder ir fazendo o site sem trabalhar mas aí agora eu vou configurar no meu bairro eu vou ver aqui nessa sessão Wolverine avançado ouvirem expulsivo vou botar desocultar aqui novamente para conseguir ver e nessa daqui também virei avançado responsivos ocultar novamente e aí que que eu vou fazer me pegar aqui uma sessão com 3 colunas aí vou vi r aqui vou copiar essa louco vou colar ela dentro da
primeira coluna no copiar essa boquinha vou colar ela dentro da segunda coluna Oi e esse menino aqui vou copiar e vou koline dentro da terceira coluna E aí eu vou vir aqui na coluna quer dizer vou vir na seção tá eu vou pegar a cor roxa que eu tenho aqui vou ver no estilo tipo de fundo vou colocar a cor roxa e eu vou vir aqui nessa última coluna arrastando aqui para cima quero que ela fique do lado dessa aí eu vou vi r na aqui na logo na coluna da logo vou colocar 70 aqui de largura
bovina essa coluna aqui do menu eu tô por 30 de largura tá vai ficar um do lado do outro aqui eu vou vir aqui nesse menorzinho ouvirem estilo ouvirem é botão alternar ouvirem cor de fundo vou deixar branco e a cor aqui bruxa roxo tá E aí a gente clicar aqui ele vai abrir sim aí para ele não abre assim feio a gente tem que ver aquele conteúdo e deixar aqui ativado largura e completa tá aí ele vai tirar n a largura e completa aqui do da extensão da tela e vamos ver aqui de novo na
seção Vamos ir em layout alinhamento vertical vamos deixar meio tá ah e também vamos ver aqui em espaçamento da coluna não me deixar sem espaçamento aí vamos ver aqui em avançado Em pézinho Vamos colocar 5 e ela está brava por sete não ficar muito grudadinho e E aí Acácio aí essa daqui de cima vou voltar algo times vou clicar aqui ouvirem responsivo ocultar para tablet para o celular esse kit da parte também responsivo ou tá com tablet meu celular eu vou deixar assim a beleza é isso
vai ser o nosso melãozinho aqui lembrando que eu ensinei fazer um menu bem legal com cara de aplicativo que é isso que eu fiz aqui na hora do fashion E aí E aí O que é isso menuzinho aqui né então se você quiser aprender e vai lá no vídeo eu vou deixar aqui na descrição para ver o pessoal tá chegando no final do vídeo acho que eu mereço um like né Dá uma olhada aí se você ainda não c urtiu o vídeo curte se inscreve no canal se você não foi inscrito e já comenta aqui embaixo que que
você tá achando o vídeo se você tá fazendo a me ajuda aí para fazer o contigo tudo entregue o vídeo para cada vez mais pessoas tá E aí para que essa essa seção aqui não aparece no desktop vamos fazer a mesma coisa vir aqui ver em responsivo e ocultar para desktop e vamos atualizar Oi e aí vamos lá mexer tá aqui agora não está aparecendo aqui mas se a gente colocar aqui no mobile aí ele aparece tá vendo Ah beleza então já fizemos aqui o rodapé se configurações tem um ajuste aqui para
a gente fazer eu tô na página de um produto aqui esse é o produto ele tem outro tipo de variação que não é de cor que essa variação de tamanho aqui e é isso pode acontecer Às vezes você vai ter produto que tem variação né Por exemplo esse tipo de produto que tem muita variação de ir pulseira Neco de pulseira e tal você também tem alguns produtos tem variação de memória né E aí para não ficar essas bolinhas aqui assim a gente vai vir aqui nessa água aqui né de não sei pronunciar a
gente Sanches Sei lá sabe aqui do filtro EA gente vai tirar essa opção aqui de converter os menus drop-down para um círculo tá tirar aí localizar aqui me responde no Zap tá ao normal E aí também esse essa opção aqui do botão que tá Rosa eu fiz um CSS para gente deixar ela roxinha E arredondada então deixar também lá no material Você vai clicar aq ui em cima dele vai vir aqui em avançado no CSS customizado e vai dar um espaço nesse processo que a gente já tinha pulado e vai por aqui
ganhar seu botãozinho vai ficar daquele jeito ali beleza Oi e aí é isso que a gente atualizar aqui agora e já vai estar aqui botãozinho já vai ser Roxo para comprar ok uma outra coisa que falta também foi a gente fazer ela encaixa desse mais informações aqui né então a gente vai vir aqui nessa sessão aí aqui informações do produto em J oinville avançado Vamos colocar um AIDS de mais info o vídeo uma copiar vamos ver aqui neste aí vamos substituir aqui e deixa o hashtag tá isso do
restante para fazer ligação aí se a gente já tá Misaki ou me explica aqui mais em foi ele deve para cá né Então pronto agora sim já fizemos todos os correções aqui nessa página agora uma outra configuração que a gente vai fazer é forçar O https para a gente ir buscá-lo aqui né o SL aqui mas em alguns lugares Ele deve estar s em o SL porque às vezes a gente coloca para carregar e ele ainda parece ser um bocadinho Então a gente vai fazer o seguinte vai vir aqui no elemento vamos vir
em ferramentas E aí vai ter substituir URL a gente vai pegar o link aqui do nosso site presta atenção não pode ter w pé de mim é só o link tá aí aqui nesse primeiro a gente vai colocar o link aí vamos vir aqui vamos excluir o s e nesse aqui a gente vai pular o link normal como é a gente tá dizendo para substituir todos os livros que tenham http pelos rins com https tá E vamos colocar em substituir ou ele alterou 226 linhas que estavam só http E aí pronto agora o site carrega se
sente normal com http Ok e beleza Fizemos assim ajuste aqui aí agora uma outra coisa que eu tinha falado pra vocês que a gente vai fazer é a criação do e-mail lá na hospedagem da Rocha Anger né então vou lugar lá de novo E aí eu vou entrar aqui na minha conta do do online Shopping vou clicar em gerenciar Oi e aí eu vou descer aqui na água de contas de meio E aí eu vou vir aqui eu vou clicar aqui@um lá em shopping acessórios né que é o que eu tenho aí eu vou clicar em adicionar conta
de e-mail aí eu vou colocar o nome aqui do e-mail que eu quero eu vou colocar por exemplo contato né lembra que a gente colocou lá na página de contato e se meio aqui falei para vocês ficar mais profissional né contato@e o link do seu site então a gente pode só contato aqui que ele já vai pegar o arroba e o link do nosso site E aí você cria uma senha aqui para o seu e-mail E foi com a nuclear Oi e pronto já está aqui seu e-mail E aí para acessar é só você vir aqui no webmail. Aí o
link do seu site presentou o link do seu site sem o https tá a web mail Online Shop acessórios. Com E aí já vai abrir aqui nessa parte da Rocha e aqui você pode vir aqui e fazer o login aqui com a sua conta vou fazer o login aqui para vocês verem E aí e me Pronto já vai estar aqui o seu e-mail é você pode inclusive fazer um redirecionamento para você pode clicar aqui que tá hein a criar um encaminhamento E aí por exemplo eu vou colocar para encaminhar para o meu e-mail da Gmail que
eu gosto de usar bom então toda vez que chega um e-mail nesse aqui vai chegar para mim no Gmail também dessa forma vai ser mais fácil de eu ver né não vai correr o risco de chegar aqui nessa conta e eu não não vê que vai chegar lá para mim também Beleza então é isso ag ora a única coisa que falta é ensinar você fazer o processamento do pedido então vamos lá pessoal agora nós vamos fazer aqui o processamento nosso pedido eu vou ensinar para vocês como é que faz para você fazer o
processamento que tu pedisse quando a pessoa compra na sua loja né então vou simular uma compra aqui eu estou aqui em um dos produtos da nossa loja que é esse daqui vou escolher essa variação amarela aqui vou clicar em comprar aí já vai ficar aqui no carri nho né Posso colocar aqui em ver carrinho em concluir compra Oi e aí pronto vou estar aqui na página de finalização de compra e aí que que eu vou fazer aqui para poder testar porque eu tô fazendo uma compra real aqui para testar
de verdade pra mostrar pra vocês eu vou vir aqui no comerci em cupons vou gerar aqui um cupom adicionar um cupom o chamado teste 80 eu mandei colocar um desconto na de oitenta por cento para ficar mais barato para poder ter instale aí que ela t ipo de desconto desconto de porcentagem eu vou colocar em oitenta por cento de porcentagem de desconto e vou clicar em salvar e aí o código do meu do meu cupom esse daqui teste 80 E aí também que tá sem reais que o o valor do produto eu vou
colocar esses cupons de teste 80 para ele ficar sozinho pronto beleza aí agora eu vou realizar minha compra aqui não preenchi todos os dados aqui qualquer alguns dados E aí no caso vou preencher os dados do meu cartão aqui e depois eu vou clicar aqui em finalizar compra tá E aí pronto olha só meu pedido Foi confirmado né vai esperar o cartão confirmar vem aqui tem os detalhes do pedido que eu paguei quando que eu paguei né E aí a geralmente quando dá certo né o pedido já aparece
aqui para você na sua conta do Mercado Pago meu que ele tá analisando né aqui pedido já está analisando aqui aí pode demorar alguns minutos ou para chamar algumas horas para aí confirmar na hora que confirmar a pessoa rece be um e-mail também falando tá tudo certo como pagamento né quando alguém realiza uma compra aqui na sua loja ela fica aqui ó fica aqui woocommerce vendidos já tinha feito alguns outros aqui que eu tava testando né E aí que eu acabei de fazer foi esse daqui ó fui
a um minuto atrás né tá com status de aguardando que está aguardando o Mercado Pago aprovar o pagamento certo nem a primeira coisa que você faz né quando a pessoa compra na sua loja é isso vir aqui nos pedidos para conferir se os dados estão todos corretos né Aqui tem o status aguardando é quando o gatinho de pagamento está confirmando o pagamento e aqui minutos do pedido você consegue ver né então que níveis reduzidos do estoque então é só falta o pedido de a retira do estoque né
já subtrai mercado pago o pagamento está em revisão né então o Mercado Pago tá aguardando o pagamento aqui ele ele faz automaticamente na hora que o pagamento ele é concluído até mostrar nesse outro pedido aqui que deu certo que eu fiz mais cedo não que isso daqui vai aparecer sim status do pedido alterado pagamento pendente para Processando o que significa que o Mercado Pago aprovo entendeu não pode levar alguns minutinhos para isso acontecer mas aí na hora que acontecer vai
aparecer ali escrito que mudou para processando eu vou mudar aqui manualmente porque foi eu mesmo Realizei o pagamento então vamo mudar aqui para processando Vou atualizar e ele vai prec isar nota aqui ó mudando para processando E aí quando isso acontece quando muda para processando e ele fica aqui ó na água pedidos abertos aqui notícias e aqui no dia ele tem basicamente os mesmos status de processamento do pedido que tem no começo quando pedido está pendente ou seja aguardando
aprovação de pagamento ele fica aqui pode ver que ele tá aqui aí quando o pedido fica processando ele pula para cá é né Então deixa eu atualizar aqui para a gente ver se ele vai mudar para processando lá na terça e e ele pula para cá por que significa que o pagamento foi aprovado e ele vai estar aguardando aqui você fazer o pedido na lá na Aliexpress né atualizar aqui de novo para ver e hoje já mudou aqui para aguardando pedindo tá vendo Então já aprovou o pagamento tá
aguardando você e fazer o pedido lá na Aliexpress E aí tem algumas coisas que você precisa seguir aqui para você mandar lá para fazer o pedido tá A primeira é vir ar CNI né sabia aqui que no meu caso aqui está escrito Aliexpress estão desde que é um tipo de entrega mas não sei o pode ser que não esteja escrito tá pode ser que seja um método de pagamento sua se eu tiver escrito máximo de pagamento você tem clicar e escolher o método de pagamento aqui se o seu ainda não tiver
nenhum opção aqui ó se tiver só esse título aqui e não tiver nenhuma opção de entrega é porque você precisa fazer um mapeamento o mapeamento aqui do s eu produto e qual que você faz isso você clica aqui mapeamento E aí vai aparecer o produtinho Aqui você clica aqui clique em ok E aí você vai fazer o mapeamento aqui das opções que tem aqui do produto então por exemplo esse produto aqui ele tem várias variações né E aí ele tem por exemplo o amarelo que a cor que você colocou o azul
o branco preto tá E aí se não tiver pegar automaticamente ele vai pedir para que você faça esse mapeamento aqui e diga o presente o amarelo é o significa o quê aí você vem aqui e escolhe meu caso é o Yellow o azul ele significa o que é o Blue o branco e significa o que é White e o rosa que significa o que é o pink o ver significa Green aí depois que você faz essa essa vinculação aqui né Acho que você disse para que que serve cada um a qual que se refere cada um aí você clica aqui
em salvar aí assim vai começar aparecer aqui para você os métodos de entrega para você escolher aí aqui no meu caso tem esse Ali express free aqui que é um frete grátis que demora de 40 a 41 dias aqui e tem esse ela Express estandarte que é dois ovos e 83 sem e que leva 30 dias então vou pedir aqui no AliExpress grátis né que é do frete grátis e vou colocar o quê pronto aí depois do espaço a outra coisa que você tem que ver aqui é aquele custam detalhes para você conferir se os
dados o cliente estão certinho sim né É muito importante que você pega o CPF para poder gerar nota fiscal para ele né para o certinho confirme seus dados eles estão certos de ter fone de e-mail de endereço né de CEP aqui eu sugiro que você pega esse CEP jogue no Google para ver se realmente isso é que existe esse é o CEP que está aqui nesse endereço até certeza que o endereço está certinho e que não vai dar nada errado com a entrega e você também tem que ficar com o pedido aberto
para você conferir né se o endereço que ele pôs aqui é o mesmo que está aqui se o CEP que ele possui aqui é o mesmo que está lá né E aí Se tiver alguma coisa errada sempre em contato com cliente para perguntar Olha o seu endereço aqui tá com Serpa e tal mas não é a rua que você colocou tá certo não tá entendeu então você tem que conferir é muito importante conferência daqui para garantir entregas certinho beleza aí depois de fazer isso daqui vai ter mais um dado que você precisa
fazer que é a CNI ações parte de mensagem quem trabalha com dor não precisa mandar uma mensag em para o fornecedor dizendo que você é dropship e que ele não coloque nenhuma etiqueta ou nenhuma não adesivo de logo nada referindo que o produto foi feito pela loja dele não pela sua né então ele vai enviar um pacote diferente eu senti que tá sem logo cliente né um pacote neutro E aí tem uma mensagem padrão todo dropshipper usa que é essa daqui tem que ser uma mensagem em inglês né
porque a gente estava lidando com lojas internacionais eu vou deixar lá no materi al essa mensagem para vocês conhecer pode colocar essa mensagem por aqui ou você pode fazer melhor eu vou salvar aqui essas alterações que a gente já fez até agora e aí eu vou vir aqui a miss e diz né configurações acne ó ter né E aí eu vou vir aqui ó Nessa bem aqui aqui você consegue configurar uma mensagem padrão para ir em todos os pedidos então se você colocar uma mensagem aqui todo mundo que você
fizer ele vai enviar essa mensagem para o fornecedor Então você vai p egar essa mensagem vai colar aqui vai clicar em salvar aí eu vou voltar lá nas minhas ordens o seu vir aqui em ações de mensagem a mensagem ela já está padrão aqui entendeu então beleza depois que você fez tudo isso você pode clicar aqui em ordem né para fazer o pedido Ou se você tiver vários produtos aqui você pode clicar aqui que ele vai selecionar todos os móveis e aí você vai clicar nesse botão aqui ó o jogo
ficar com o botão direito e traduzir para português para vo cê ver significa faça o pedido no AliExpress eu vou clicar aqui e fazer o pedido no AliExpress nele vai pedir para você confirmar se está tudo certo medo de entrega né o preço que você comprou o preço que você está vendendo e você vai confirmar ele vai aparecer aqui ó um pedido bem sucedido e aqui vai aparecer o botãozinho de faça o pagamento ou então seu pai já tiver em inglês meio deprimente né E se você clicar aqui você
vai ir direto lá para o parque e do Aliexpress né E aí vai estar aqui o seu produto que você pediu eu já tinha colocado outros aqui que eu tinha testado antes e aí esse aqui é o que a gente acabou de fazer né e é isso vai conferir aqui mais uma vez e aí depois você vai vir aqui e vai pagar né então você vai vir aqui vai pagar E aí você pode pegar aqui com o pics ou você pode colocar nessa setinha aqui escolher qualquer outro método de pagamento né o pessoal gosta muito de pagar
com boleto então você pode clicar o u vai estar aqui também nessa tinha né clica aqui no Boleto Aí você coloca o número do seu CPF aqui é muito importante que você coloca o seu CPF porque se der algum problema né você vai conseguir resolver então se você por você perto do cliente pode ser que de algum problema fica difícil para você conseguir resolver porque não está no seu nome então coloca o seu CPF aqui aí você clica aqui em confirmar vai gerar o boleto para você né para você
pagar eu você vai lá e realiza o pagamento certo ele é só isso aqui você vai perceber que vai estar mudando aqui os estados então estava aqui em aguardando o pedido a gente já mandou para fazer o pedido lá na Aliexpress agora tá aqui aguardando pagamento na hora que você pagar lá na o Aliexpress ele vai mudar aqui para aguardando embarque entendeu E aí esses status que vão estar mudando aqui vão estar mudando lá no como eles também beleza e aí na hora que você recebe o código de
rastreio po rque na hora que você realiza a compra aqui no AliExpress né você recebe um código de rastreio que eles dão E aí você pode vir aqui no pedido e colocar o código do rastreio aqui para aparecer o campo para você conseguir colocar o código do rastreio você tem que vir aqui em plugin Adicionar novo e escrever correio E aí vai aparecer foguinho que amarelinho do Carlos Sanches você vai instalar e ativar a E agora se você recarregar aqui e vai ter uma bem aqui de correr está
vendo aí quando você receber o código rastreio você pode colocar o código aqui só que os tem que se atentar alguma coisa o código de rastreio que você recebe na AliExpress é diferente do código que você consegue rastrear nos correios porque o código dos Correios precisa de um código com duas letras no final só que isso é muito fácil de resolver quando você receber o código é só você vir aqui nesse site chamado tracking Direct link aí você cola o código da Aliexpress aqui e além de
mostrar o percurso né tipo assim ele já foi postado onde é que ele tá né o percurso de entrega ele também vai gerar para você aqui embaixo um código com dois duas letras no final que você consegue rastrear nos correios Então é só você jogar o código da Aliexpress aqui que ele vai converter E aí você vem aqui e coloca para o seu cliente receber para ele conseguir fazer aí o rastreamento dos pedidos também tá bom e agora que já fizemos todas as configurações nós vamos fa zer a parte
mais importante que é a parte de contemplar o nosso trabalho bem feito Então olha só estamos aqui com a nossa loja pronta então fizemos aqui a home várias páginas aqui a página de lógico ficou super bem feitinho filtro né a página de produto e tudo mais filtro de cores aqui tudo certinho né página de contato página sessão Kid sobre tão finalizamos aqui a nossa loja Pessoal espero muito que vocês tenham gostado fiz tudo com muito carinho aqui para ensinar pa ra vocês deixe um
comentário aqui no vídeo dizendo que que você achou se você quer que eu traga mais vídeos aqui e especificando mais sobre de seres né que é aquela plataforma lá para para a gestão dos pedidos na Aliexpress comenta aqui para mim eu quero mais dizer que eu vou fazer um vídeo explicando tim-tim por tim-tim é do site deles tá bom É dá um like no vídeo se inscreve no canal confere agora se você não for inscrito Ative o Sininho para receber uma notifica ção sempre que eu postar um vídeo
novo por aqui me segue nas minhas redes sociais para a gente poder interagir por lá e clica no link que eu vou deixar aqui na descrição para ir direto lá para o meu Canal VIP do telegram Eu pretendo trazer mais aulas de dropship perguntando se você vem até o canal por conta da Audi dropshipper se escreve fica que vai vir mais e um abraço até a próxima Português
![Como Criar uma Loja de Dropshipping no WordPress com WooCommerce e Elementor [AliExpress e Dsers] Como Criar uma Loja de Dropshipping no WordPress com WooCommerce e Elementor [AliExpress e Dsers]](https://i.ytimg.com/vi/ZDf-hE9txE0/maxresdefault.jpg)
merce e Elementor [AliExpress e Dsers]
0 Comentários