Como iniciar uma loja online: guia passo a passo para o sucesso

1. Apresentação: Olá e bem-vindo ao meu curso. Então, deixe-me fazer algumas perguntas. Então, você quer aprender como criar sua loja virtual? Claro que a resposta é óbvia, claro que você sabe. Mas você quer aprender a criar sua loja online sem precisar investir muito dinheiro? E, claro, sem saber programar, basicamente vamos criar nossa loja online de uma forma fácil. Então, neste curso, na verdade, são criadas uma verdadeira loja de comércio eletrônico Basicamente, o que eu não falei, recriei minha loja virtual que criei um mês antes de começar a gravar esse curso recriei minha loja virtual que criei um mês antes de começar a gravar esse E essa loja online precisão já está fazendo vendas, está obtendo vendas orgânicas. Então isso significa que eu não preciso gastar dinheiro para conseguir essas vendas. E é exatamente isso que vou ensinar neste curso. Neste curso, vou te ensinar o método passo a passo, como você pode criar sua loja on-line aparência profissional e com carregamento rápido que será carregada bem em qualquer dispositivo que seja muito importante para uma boa experiência do usuário e que uma boa experiência do usuário possa Neste curso, vou compartilhar com vocês meu plano que é usado para criar minhas lojas online E eu costumava usar o mesmo modelo para criar lojas on-line para meus clientes Então, depois de concluir este curso, você terá habilidades e conhecimentos suficientes para criar um site e uma loja online. Não apenas para você, mas se for algo em que você está interessado, talvez você decida que quer trabalhar como freelancer. Esse é outro grande benefício deste curso porque, o mesmo modelo, você poderá criar lojas on-line, não apenas para si mesmo, mas talvez para seus futuros clientes Neste curso, você terá dois métodos como criar sua loja. Então, no primeiro método, vamos usar ferramentas gratuitas, então vai ser mais barato. Você pode chamar esse método de método de economia de dinheiro. E na segunda opção, teremos uma opção premium. Portanto, nesta opção premium, você criará seu site usando ferramentas premium e isso custará apenas $70 a mais Não é muito, mas os resultados serão chocantes em comparação com a opção gratuita Mas só para que você saiba, neste curso você terá duas opções. Portanto, dependendo do seu orçamento, você poderá escolher a opção que deseja usar. E, claro, você pode começar com uma opção gratuita e depois upgrade para uma opção premium que seja fácil de fazer e sem se preocupar com Portanto, ter uma loja online com aparência profissional é extremamente importante É por isso que, neste curso, mostrarei as táticas, os truques que você pode seguir para tornar sua loja online profissional Normalmente, menos é melhor e geralmente menos parece muito melhor. Então, neste curso, eu vou te mostrar como isso funciona. Você aprenderá sozinho e posso apostar que ficará surpreso. O resultado final é que você nem vai acreditar que isso é possível e está fazendo isso sozinho. Então, essa será uma parte muito interessante em que mostrarei como escolher cores, como gerenciar essas cores, como trabalhar com estilos diferentes, como escolher as fontes certas e assim por diante. Então, essa será uma parte muito interessante do curso. Nós vamos cuidar da parte de design do nosso site. Também mostrarei como podemos criar facilmente um endereço de e-mail comercial com seu nome de domínio e ele será totalmente gratuito. Outras pessoas tendem a gastar muito dinheiro, centenas de dólares por ano, apenas para ter sua caixa de entrada de e-mail com seu nome de domínio E eu vou te mostrar como você pode fazer isso de graça. Essa é outra ótima maneira economizar algum dinheiro extra neste curso Não estou me concentrando apenas em mostrar como criar sua loja on-line, porque criar um site, não apenas uma loja on-line, qualquer tipo de site é apenas o primeiro passo. E a segunda etapa é a mais importante. Você precisa saber como atrair visitantes, como atrair clientes, e a melhor maneira, a melhor maneira, dúvida, é o SEO, obtendo essas visitas de mecanismos de pesquisa como Google, bing.com ou qualquer outro, e você obterá três vendas Então, o que pode ser melhor do que obter vendas gratuitas de visitantes aleatórios? E se você tiver que fazer três vendas no Google ou em qualquer outro mecanismo de pesquisa, isso significa que sua loja virtual está boa e pronta para exibir anúncios pagos. Então, neste curso, eu tenho uma seção completa onde eu vou te mostrar como fazer SEO. Isso é Search Engine Optimization. Esta seção tem cerca de 2 horas de duração, então você pode dizer que é um curso completamente separado. Então, você aprenderá como fazer pesquisas de palavras-chave, como otimizar seus produtos, como rastrear resultados, como entender os dados, como entender o tráfego que está chegando ao seu site. E todas essas coisas que são importantes se você quiser ter uma loja online de sucesso. Portanto, neste curso, tenho uma grande parte dedicada a ensinar como conseguir esses visitantes gratuitos, como conseguir os primeiros clientes. Então, isso é muito importante. Não estou apenas mostrando como criar seu site. Também estou mostrando como conseguir clientes. E, claro, para todos que desejam criar uma loja on-line, não em inglês e angústia ou não para o público global Mas talvez você queira criar uma loja online em seu idioma para seu público. E esse público não é um público que fala inglês. Portanto, no final deste curso, tenho uma seção separada onde mostrarei como você pode traduzir totalmente seu site para qualquer idioma que desejar. Então, basicamente, você poderá criar sua loja online em qualquer idioma que desejar. Portanto, não importa qual seja seu objetivo, talvez você queira criar uma loja on-line em inglês para o público que fala inglês , para o público global Ou talvez você queira criar sua loja on-line para seu público nativo, não importa qual seja o seu objetivo neste curso, eu abordei tudo. Eu fiz esse curso para todos que querem aprender como começar sua loja virtual. Então, talvez você esteja planejando começar seu negócio. Talvez você esteja planejando começar a vender algo online. Talvez você seja artesanal, talvez esteja planejando encontrar fornecedores e vender produtos on-line Se você adicionar essa pessoa, o discurso é absolutamente para você Talvez você tenha uma loja física e agora esteja procurando adicionar outro canal de vendas ao seu portfólio. Criar uma loja online é provavelmente uma das melhores opções que você pode escolher. E se for esse o caso, discurso também é perfeito para você E talvez você seja uma pessoa que já vende produtos no Etsy, eBay ou em qualquer outra plataforma E acredite em mim, eu entendo perfeitamente como às vezes pode ser frustrante vender produtos nessas plataformas Eles têm várias regras diferentes. Se você não obedecer a essas regras, elas podem bloqueá-lo Eles geralmente recebem uma grande parte de suas vendas. Portanto, ter sua própria loja online, ter seu próprio canal de vendas é um grande benefício. Então, se você acha que se beneficiaria muito de ter sua loja online, confie em mim, este curso é exatamente para você porque ter seu próprio canal de vendas é um grande benefício em comparação com pertencer a uma plataforma de vendas como Etsy ou eBay ou algo parecido Você terá tudo em seu aspecto de marketing de poder, aspecto de produtos, porque às vezes essas plataformas não permitem que você venda alguns produtos, mas quando você vai ter seu próprio canal de vendas, confie em mim, você não terá problemas como esse. Portanto, não importa qual seja a sua situação, contanto que você queira iniciar sua loja online, site de comércio eletrônico Este curso é para você. Levei cerca de dez anos para aprender tudo o que sei e decidi colocar tudo em discussão. Eu aprendo tudo enquanto administro minhas lojas de comércio eletrônico, construindo lojas de comércio eletrônico para outras pessoas E decidi colocar tudo em um curso e compartilhar com você. Então, se você acha que este curso é adequado para você, junte-se a mim e vamos começar a criar sua loja online. 2. Sobre o estilo de ensino: Tudo bem, então, antes de começarmos a avaliar seu site, antes de começarmos a criar sua loja on-line, acredito que você queira saber um pouco sobre mim, pelo menos sobre meu estilo de ensino Então, toda a Jordânia on-line em marketing e várias maneiras de fazer o meu on-line e várias maneiras de fazer o meu online começou quando eu tinha 15 anos, mas nunca tive sucesso porque não sabia como criar um site e isso durou até os 19 anos Então é aqui que eu aprendo como usar o WordPress, como criar sites usando o WordPress. E foi aí que meus interesses começaram a integrar sites usando o WordPress E é exatamente isso que vamos usar neste curso. Vamos usar o WordPress. E vamos usar o WordPress porque é o sistema de gerenciamento de conteúdo mais popular em torno de nossos 50% dos sites executados usando esse sistema de gerenciamento de conteúdo. Então, se você decidiu que quer usar o WordPress, então você tomou uma boa decisão. Então, quando eu aprendo a usar o WordPress, como criar sites usando esse sistema de gerenciamento de conteúdo, muitas portas se abrem para mim. Agora eu poderia criar sites se decidisse que queria começar um blog ou poderia fazer isso imediatamente sem precisar depender de outras pessoas Foi aqui que comecei a aprender sobre todo o processo de criação. Qual deve ser a aparência do site, quais tipos de sites existem e como comercializá-los. Então demorei algum tempo e muitas falhas até começar a ver alguns resultados. Mas meus sites. E agora, olhando para trás, depois de muitos anos, eu sei, mas cometi esses erros. Eu sei o que foi muito confuso para mim. Agora. Eu sei o que funciona e o que não funciona. Levei cerca de dez anos para aprender tudo e agora, e eu não quero que você perca tanto tempo. É por isso que neste curso estamos focados em colocar todo o meu conhecimento. Portanto, você não precisaria passar dez anos aprendendo tudo sozinho. Então é assim que eu vejo este curso. Meu objetivo é ensinar a você o máximo possível em um curto período de tempo. Então, indo embora, você poderia dizer que esse é o meu estilo de ensino. Eu compartilho o máximo de conhecimento possível. Eu não perco seu tempo. Normalmente gosto de explicar as coisas de uma forma simples e fácil de entender as coisas. Porque eu acredito que é muito mais eficiente e você vai aprender muito melhor. Então eu não vou desperdiçar seu tempo. E é claro que vou apresentar as informações como uma forma simples e fácil de entender. Enquanto eu trabalhava para uma empresa de hospedagem na web há algum tempo, passei muito tempo tentando entender novos clientes, tentando entender novos usuários, novos usuários do WordPress em geral, todas as novas pessoas que estão tentando criar seus sites usando o WordPress. E eu tentei descobrir qual era o tamanho exato principal. Então eu meio que sei, eu meio que sei o que é difícil e o que não é tão difícil ou não tão Então, neste curso, é exatamente aí que nosso foco, nosso foco nas coisas confusas e nas coisas difíceis de entender um pouco mais E se houver coisas mais fáceis de entender, é claro que não vou desperdiçar seu tempo. Então é assim que eu costumo fazer meus cursos. Não gosto de perder seu tempo e entender que tempo é dinheiro, tempo é importante. Então, neste curso, vou apresentar todas as informações e formas simples e fáceis entender e não vou perder seu tempo. Então, se você quer aprender como iniciar sua loja online da maneira certa e quer ter uma loja online profissional. Por favor, participe do meu curso. Eu mesmo. Estou administrando três lojas de comércio eletrônico e as administro há algum tempo Então, eu meio que sei como eles funcionam, como você pode atrair clientes e, claro, como você também pode criar essas lojas online E, no passado , costumavam criar lojas online para os clientes. Então, eu meio que experimentei, acredito que não quero me gabar muito disso, mas vou te ensinar meu plano, como eu construo minhas lojas online para mim e como eu costumava construir essas lojas online para Então, se você acha que este curso é adequado para você , participe dele. 3. (1.0) escolhendo seu nome de domínio: Nesta lição, vegano, um foco no nome de domínio Então, nesta lição, você aprenderá quais essas coisas, onde obtê-las. E vou compartilhar com vocês algumas dicas na hora de escolher seu nome de domínio. Tudo bem, então o que é um nome de domínio? nome de domínio é simplesmente o nome ou o título do seu site que você digita no navegador para acessar seu site ou qualquer outro site. Por exemplo, pode ser facebook.com, google.com, basketball Você provavelmente entendeu o que é. E vamos falar sobre a estrutura de um nome de domínio. Então, no começo você vai ter o título. Então, por exemplo, pode ser o Facebook. E depois do Facebook, vá para a extensão ou o final do seu nome de domínio. No caso do Facebook, é.com. E há muitas extensões diferentes disponíveis. Portanto, o mais popular é, obviamente, .com. O segundo popular é dotnet.code.uk e todos os outros. Existem várias extensões diferentes disponíveis. E no slide posterior falaremos sobre as extensões em si. Tudo bem, então onde você pode obter um nome de domínio? Normalmente gosto de usar godaddy.com porque é o lugar mais popular para obter seu nome de domínio e ter muitas extensões diferentes disponíveis E eles são muito baratos, geralmente para obter um nome de domínio por um ano. E eu estou falando sobre o nome de domínio, mas uma extensão.com, custará cerca de $10 Se você escolher um pacote de três anos, será mais barato e não será mais barato do que $10, mas será mais barato em torno de $20 por três Portanto, vale a pena comprar nomes de domínio por um longo período de tempo porque será mais barato. E se eu estiver escolhendo um nome de domínio, digamos que não para um público global, mas para algum tipo de público local, o público de outro idioma, digamos que para o povo polonês, eu possa procurar outras opções e é exatamente sobre isso que vamos falar agora. Quando você escolhe seu nome de domínio e sabe que é seu projeto, seu site terá como alvo um público global. Ou se for para um público que fala inglês, sua melhor opção é always.com se esse nome de domínio não estiver disponível e já estiver registrado, então always.com se esse nome de domínio não estiver disponível e já estiver a segunda melhor opção é dotnet a segunda melhor E geralmente essas duas opções são as melhores. Mas é claro que essas não são regras rígidas para escolher apenas em.com ou.net Você pode escolher qualquer outra extensão. Se você acha que vai funcionar para lojas de comércio eletrônico, você pode escolher com certeza aquela estrela, aquela nítida ou qualquer coisa semelhante Eu pessoalmente uso esse caminho para uma loja de comércio eletrônico, que é uma loja de brinquedos para gatos, e funciona muito bem E temos um segundo grupo de nomes de domínio. Por exemplo, se você estiver criando um site e não para o público que fala inglês e seus representantes, ele não terá como alvo um público global além de suas melhores opções escolher um além de suas melhores opções escolher nome de domínio com código de país Por exemplo, se você está criando um site voltado para os poloneses e será em polonês, sua melhor opção seria escolher a extensão de objetivo principal ou, em outras palavras, o ponto final PL. Se você estiver fazendo o mesmo para, digamos, letões, sua melhor opção seria dot Se você está fazendo o mesmo para o público lituano, sua melhor opção é aquele É assim que funciona. Se você está criando um site para um público global , suas melhores opções são always.com E o mesmo vale para o público que fala inglês. E se você estiver criando um site que terá como alvo um determinado país, idioma específico, escolha a extensão do Código do País. Tudo bem, então vamos falar sobre as dicas para escolher um nome de domínio Então, obviamente, você quer tornar seu nome de domínio simples e fácil de lembrar. Obviamente, é porque quando as pessoas vão visitar seu site e, na próxima vez elas vão querer visitar seu site em outra ocasião, ou vão querer que seus amigos saibam sobre seu site. Será muito mais fácil para eles se lembrarem do seu nome de domínio. E o dia não vai acabar com o nome do seu domínio. E a próxima etapa tentou mantê-lo com menos de 15 caracteres. Acho que essa dica acompanha a primeira etapa, porque F seu nome de domínio não vai ser muito longo, vai ser curto, é claro que vai ser mais fácil de lembrar. Tudo bem, vamos seguir em frente. E a terceira dica seria evitar hífens entre as palavras Então, quando você está criando um site, ao escolher um nome de domínio, talvez queira experimentar ou usar um nome de domínio que não tenha duas palavras. Por exemplo, site visitor.com. E em muitos casos, quando as pessoas não conseguem encontrar um determinado domínio disponível, elas tentaram usar hífens entre as palavras Então, parece o site dash wizard.com. É meio complicado porque as pessoas podem confundir seu nome de domínio com o nome de domínio de outra pessoa Então, por exemplo, com uma visita ao site ou algo parecido. Portanto, tenha cuidado com os hífens entre as palavras. Se um nome de domínio específico não estiver disponível, talvez você queira tentar outra extensão. Então, por exemplo, se.com não estiver disponível, talvez procure por dotnet Talvez este esteja disponível. Se não estiver disponível, pode ser uma boa opção experimentar essa loja se você estiver construindo uma loja de comércio eletrônico ou algo parecido Essas são algumas das dicas que você pode seguir. Claro, essas não são regras, são apenas recomendações. Essas etapas ajudarão você a escolher fácil de lembrar e o nome de domínio simples, que o ajudará muito. E se você puder fazer isso acontecer, é claro que é melhor tornar seu nome de domínio atraente Vai ser muito mais fácil de lembrar. E, como eu disse, se for muito mais fácil lembrar, você fará um favor a si mesmo porque deve considerar que seu site, seu nome de domínio serão basicamente uma marca e você terá seus perfis de mídia social Então, queremos ter uma aparência interessante, você quer olhar de forma diferente, e isso seria uma dica para você. Obviamente, entenda que escolher o nome de domínio certo pode levar algum tempo. Talvez você já tenha algumas ideias e, em breve, verificaremos se essas ideias ou domínios estão disponíveis Então, se você acha que precisa de algum tempo para pensar em um nome de domínio que soe bem , reserve um ou dois dias ou algo parecido, e depois volte às pontuações e continue construindo seu site Eu entendo perfeitamente por experiência própria como pode ser frustrante conseguir um bom nome de domínio Porque se você está criando um site para um público global, muito difícil encontrar o objetivo principal que seja gratuito, que ainda não esteja registrado e que possa demorar um pouco, então não se preocupe com E digamos que se você está criando um site para seu público nativo, não para o público global ou para o público que fala inglês, então, papai, pode não ser a Você pode basicamente usar o Google, basta digitar a extensão do domínio do código do seu país. Digamos que, se você estiver procurando por domínios, mas uma extensão, esse LTE apenas digitando um nome de domínio search.lt E, definitivamente, você encontrará a extensão do Código do País que está procurando. Mas, nesse caso, vamos usar o GoDaddy e apenas para mostrar como ele funciona Então, vamos ao godaddy.com e vamos tentar procurar um nome de domínio que possamos registrar Tudo bem, então estou em godaddy.com e, como você pode ver, acabei de inserir o nome de domínio, que eu gostaria Então, faça você mesmo aqui. Como mencionei antes, estou me tornando global e isso usará a extensão.com, que é a mais popular Então, depois de digitar seu nome de domínio, basta clicar aqui, Pesquisar E isso é o que obtemos. Como você pode ver, o objetivo principal já foi alcançado, mas, para ser honesto, já registrei esse nome de domínio e o passado. Então, esse nome de domínio pertence a mim, e vamos usar esse nome de domínio para criar nosso site. Posteriormente, mostrarei como conectar seu nome de domínio à sua hospedagem na web. Tudo bem, agora eu só queria mostrar a vocês todo o processo de busca por um nome de domínio Como mencionei antes, como você pode ver aqui, temos vários nomes de domínio diferentes com várias extensões diferentes. Temos a Comtech no lado da loja. Como você pode ver, há muitas extensões diferentes disponíveis. E você decide qual extensão deseja usar. Mas, como mencionei anteriormente, se você pretende se tornar global , sua melhor opção é always.com A segunda melhor opção é sempre dotnet. Mas se essas opções não estiverem disponíveis, você poderá experimentar outros tipos de extensões. Eles também vão trabalhar. Como eu mencionei antes, eu até tenho um nome de domínio. Isso é o que uma extensão pode apostar. E vai se perguntar, eu sei que é cruel com isso. Tudo bem, então, depois de digitar seu domínio e encontrar seu nome de domínio, você gostaria de se registrar, você gostaria de se registrar, basta clicar em Adicionar ao carrinho e finalizar a compra E depois de fazer isso, você realmente encontrará todo o lado do seu servidor de nomes de domínio aqui. Se você acessasse meus produtos, como você pode ver, esses são todos os nomes de domínio que tenho e, posteriormente, usaremos esse nome de domínio para criar nosso site. Tudo bem, então isso é tudo para esta lição. Agora, você sabe quais são nossos nomes de domínio e onde obtê-los? 4. (1.1) configurando sua hospedagem na web: Então, suponha que você já tenha um nome de domínio, mas se ainda não obteve um nome de domínio, ainda pode seguir esta lição. Nesta lição, mostrarei como configurar sua hospedagem na web. E vou compartilhar com vocês um desconto especial que, nosso Deus, para mim, lhe dará um desconto de 20% nos primeiros três meses. E, como você pode ver , nesta hospedagem na web, você terá um dia de teste gratuito sem precisar adicionar nenhum cartão de crédito ou algo parecido E vamos até aqui. Vamos clicar em Começar gratuitamente. E como você pode ver aqui, você terá que preencher suas informações e aqui, basta digitar um código de cupom. E este é o código do cupom que você deseja digitar aqui e basta preencher suas informações e clicar em Começar gratuitamente. E eu vou te dizer por que eu mesmo uso essa hospedagem na web. E, como eu gosto de dizer, só recomendo ferramentas que são usadas por mim mesmo. E a razão pela qual estou usando essa hospedagem na web é porque, no passado, tentei vários provedores diferentes. Eu até tentei cair, mas acabei ficando desapontado porque, no final do dia, minha loja de comércio eletrônico perdeu pelo menos algumas centenas de clientes porque estava muito Não estava carregando muito bem. Foi muito decepcionante e o preço foi quase idêntico ao dessa hospedagem na web Essa hospedagem na web custará $10 por mês. É um plano de pagamento conforme o uso. Você pode parar de usar essa hospedagem na web sempre que quiser. Não há taxas iniciais. Assim como a maioria das empresas de hospedagem na web, eles alegaram que custará $3 por mês Mas no final de hoje você terá que comprar pelo menos dois anos, planeje fazer esse bom negócio. Então, basta adicionar suas informações e configurar sua conta. E eu vou te mostrar como configurar seu servidor, como instalar o WordPress e fazer todas as outras etapas desnecessárias. Tudo bem, acabei de entrar na minha conta e, como você pode ver, é assim que parece Eu tenho três projetos em execução em nuvem. Então, como você pode ver, comecei em 2018 e tenho usado esses produtos por um bom tempo Esse servidor em particular me custou $70 por mês. Então, eu até aprimoro alguns projetos usando isso. Sempre achamos que você pode não ver o mesmo que eu vejo Ryan aqui, porque você é um cliente novo e precisa clicar aqui em Adicionar servidor. Então, agora vamos criar um novo servidor onde vamos instalar o WordPress. E, basicamente, é aqui que vamos configurar nosso site. Tudo bem, então vamos escolher um aplicativo, vamos escolher o WordPress e, aqui, basta dar um nome para seus aplicativos Então, basicamente, seu aplicativo será seu site. Então, vou digitar aqui, meu site.com e o nome do seu servidor será basicamente apenas o nome do seu Você pode chamá-lo de qualquer lugar que quiser, mas geralmente gosto de chamá-lo da mesma forma que meu aplicativo, mas exceto que eu não uso a extensão no final do meu título aqui, você terá que criar seus projetos, já que uso essa hospedagem na web há algum tempo, sim, você pode ver que eu criei alguns projetos, mas no seu caso, você precisará criar um novo projeto Você verá aqui, uma opção para criar um novo projeto. Tudo bem, agora vamos escolher o tamanho dos servidores. Vamos começar com 1 GB de rampas. Vai ser mais do que suficiente. E agora eles estão dizendo que existem algumas recomendações, mas não se preocupe com essas recomendações R, como seu site será novo e você não precisará tantos recursos só porque eles estão te recomendando isso, isso não significa que você precise adquirir um plano mais caro, certo Então, vai ser mais do que suficiente, certo? Agora você precisa escolher a localização do seu servidor. Então, como mencionei anteriormente, quando eu estava falando sobre nomes de domínio, se você está criando um site para um público global, provavelmente deseja escolher um local de servidor localizado nos Estados Unidos da América. Porque provavelmente a maioria dos seus usuários, maioria dos seus visitantes, serão dos Estados Unidos da América. Normalmente gosto de usar Nova York quando estou criando um site para um público global. Mas São Francisco também deve funcionar. Mas se você está criando um site apenas para as pessoas que estão nos EUA e planeja atingir um determinado estado ou algo semelhante, escolha um local de servidor mais próximo de seus visitantes em potencial. Se você está construindo um site localizado na Europa, por exemplo, no meu caso, não faz muito tempo que está construindo um site localizado na Lituânia que localizado na Lituânia que tem como alvo o público lituano E como você pode ver aqui, não temos nenhum servidor localizado na Lituânia Então, escolheu o servidor mais próximo, que é Frankfurt, e esse servidor está na Alemanha e funciona muito bem. Meu site carrega muito rápido e não há problemas. Então, digamos que, se você está criando um site para pessoas que estão no Reino Unido, talvez queira escolher lambda, e o mesmo vale para outros países da Europa Você pode escolher qualquer outro servidor que esteja mais próximo do seu país, ou talvez esteja criando um site para outras regiões, então é claro que deseja escolher um servidor mais próximo de seus visitantes em potencial. Se você escolher o servidor que está muito, muito longe de seus visitantes em potencial, você terá um pequeno atraso. Não é uma grande coisa, mas é claro que é melhor fazer as coisas da maneira certa. E se você estiver criando um site para um público global, como um conjunto, convém considerar servidores alocados nos Estados Unidos da América E se você estiver criando um site para seu público nativo, basta procurar um servidor que esteja mais próximo do seu público. Simples assim. No meu caso, acho que vou escolher um público global e vou escolher Nova York. Então, sem mais nem menos. E vamos clicar em Iniciar agora. Tudo bem, então espere alguns minutos até que a configuração do servidor seja concluída Não deve demorar muito. Tudo bem, o plano de estudos está concluído e basicamente terminamos esta lição Na próxima lição, darei uma olhada no painel desta hospedagem na web Você se familiarizará um pouco mais. E, basicamente, terminamos com os primeiros passos e iniciamos nosso site 5. (1.2) passo a passo do painel de hospedagem na web: Nesta lição, darei uma rápida visão do nosso painel de hospedagem na web Então, depois de avaliar seu servidor, você deve ver seu servidor aqui, desse jeito, exceto que, como você pode ver, eu tenho mais alguns servidores, mas você deve se concentrar nos servidores recém-criados Então, vamos clicar aqui. Tudo bem, agora estamos no primeiro nível do nosso painel de hospedagem na web É aqui que vamos fazer vários ajustes. Digamos que é aqui que você encontrará as várias configurações relacionadas ao seu servidor. Portanto, este é o primeiro nível do seu painel de hospedagem na web. Aqui está você pode ver que temos credenciais dominadas. Com suas credenciais, podemos acessar conta FTP para verificar todos os arquivos que temos em E, na verdade, não vamos usar essas credenciais, mas você pode usá-las se quiser E usando essas credenciais para que você possa acessar todos os arquivos que você tem neste servidor Portanto, esses arquivos pertencem aos seus sites ou apenas a um site que você está criando agora Usando esse servidor, você pode realmente hospedar vários sites, não apenas um, mas mais de um. E você encontrará a lista desses sites aqui. Então, como você pode ver, os sites que estamos hospedando aqui são chamados de aplicativos. Então é assim que eles são chamados. Se você tiver mais sites hospedados neste servidor, aqui você verá mais aplicativos. Tudo bem, vamos voltar ao primeiro nível de nossa hospedagem na web E a segunda guia aqui é monitoramento. Então, aqui você pode ver quantos recursos seu site está usando em seu servidor. Porque no seu servidor, você tem uma quantidade limitada de recursos. Então, como você se lembra, escolhemos um servidor. Papai tinha 1 GB de rampas, e esse é o uso da CPU Como você pode ver, não está em uso algum. Está nos mostrando que é 0% nos EUA. E como você pode ver aqui, esse é o nosso espaço em disco. Essa é a quantidade de espaço que temos em nosso servidor. Então, basicamente, seu site consiste em arquivos como arquivos de mídia, imagens, códigos e assim por diante. E esses arquivos são enviados para o seu servidor. Então, esses arquivos ocupam algum espaço aqui se você acessar Detalhes, e é aqui que você pode ver quanto da sua CPU está em uso. Eu meio que entendo que essas coisas podem parecer complicadas, mas não se preocupe com isso Porque aqui você só precisa verificar a quantidade de CPU que seu site está usando. Aqui, temos algumas recomendações. Portanto, se o uso da CPU estiver abaixo de dez ou 20 por cento, isso é uma indicação de que seu servidor não é poderoso o suficiente. E talvez você precise atualizar seu servidor para um servidor mais poderoso e com mais recursos. Mas quando você está começando com seu site, seu site é novo e não está recebendo muitos visitantes. Não haverá nenhum problema com o uso da CPU. Quanto mais visitantes acessarem seu site, quanto mais eles interagirem com seu site, mais CPU estará na USU Tão simples quanto isso, se seu site é novo, não se concentre muito aqui com o passar do tempo. Uma vez que a estrela do seu site está crescendo e crescendo, e quando você vê que sua CPU não é poderosa o suficiente para lidar com esse tráfego que está chegando ao seu site. Talvez você queira atualizar sua hospedagem na web aqui mesmo na New Relic Na verdade, você não precisa se concentrar aqui, aqui mesmo, você pode verificar o uso do servidor, a CPU e tudo com um pouco mais de profundidade. Você pode ver quanto de plug-ins separados de CPU estão usando em seu site WordPress Portanto, esta seção não é muito importante para ser honesto. No passado, eles costumavam rastrear todas essas coisas aqui, mas acabei percebendo que não vale a pena porque é demorado e não há muitas coisas em que focar Mas se você planeja ir além, mergulhe mais fundo em todas as configurações de gerenciamento e assim por diante. Talvez isso seja útil para você no futuro. Aqui temos uma guia para gerenciar serviços. Então, aqui, não precisamos mudar nada. Tudo está bem como está por padrão. Então, não vamos nos concentrar muito aqui. Tudo bem, vamos às configurações e pacotes. Aqui temos vários ajustes que podemos fazer em nosso PHP Mas, novamente, tudo está bem , como está por padrão aqui. E realmente não precisamos fazer nenhum ajuste, como acessar outras guias, como Nós realmente não precisamos mudar nada porque estamos começando do zero e tudo está bem como está por padrão, iríamos para a guia Segurança. Como você pode ver, você pode colocar endereços IP na lista branca e bloquear endereços IP no futuro quando seu site se tornar cada vez maior e houver cada vez mais visitantes em seu Você pode ver que há alguns comentários de spam chegando ao seu site E talvez seja uma boa ideia adicionar os endereços IP desses comentaristas aqui, para que eles sejam bloqueados Mas há uma grande chance de você não receber esses comentários de spam Lembro que comecei a receber spam no meu site depois de dois ou três anos. Então isso não é um grande problema. Você pode simplesmente excluir esses comentários. Mas sim, é aqui que você pode colocar estribos na lista branca e na lista negra de endereços Tudo bem, se você optar pela escalabilidade vertical, é aqui que você pode atualizar seu servidor Então, como mencionei anteriormente, se você acessasse a guia Monitoramento aqui e entrássemos em detalhes, como você pode ver Se o uso do seu servidor estiver sempre abaixo de dez ou 20 por cento, é aqui que você deseja escalar seu servidor. Portanto, se você escolher um plano mais poderoso, terá mais recursos. E assim, basta selecionar um plano melhor e clicar em Escalar agora Agora, nosso plano é o mais barato. Hit funciona muito bem. Eu tenho administrado vários sites WordPress diferentes usando esse plano mais barato e estava recebendo muitos visitantes em meus sites, até mesmo em lojas de comércio eletrônico, e tudo funciona bem Então você pode começar com o servidor mais baixo e tiver algum problema, tudo bem, se quisermos fazer backups aqui, você obviamente pode fazer backups do Portanto, caso você precise fazer um backup do seu servidor quando estiver fazendo algumas mudanças importantes, atualizações importantes em seu site e não queira estragar nada É uma boa ideia ter um backup do seu site. Você também pode fazer backups nas configurações do seu aplicativo. Tudo bem, se por que usar aqui e a guia SMTP aqui, não vamos mudar nada, mas na próxima lição, usaremos essa opção para ativar o SMTP e faremos e faremos Assim, poderíamos receber vários e-mails de notificação em nosso endereço de e-mail em nosso site. É isso que vamos usar essa guia mais tarde. Mas, por enquanto, não vamos nos concentrar. Tudo bem, sendo honesto, neste nível, o que você vai usar provavelmente eu estou usando resíduos de nuvem Temos cinco anos e posso dizer, por experiência própria, que tenho administrado vários sites. E aqui a única coisa que eu uso é esse monitoramento. Eu só gostaria de verificar a quantidade de recursos que meu site está usando, especialmente quando tenho um aumento de visitantes. Digamos que, se eu tiver 200 visitantes ao vivo no meu site ao mesmo tempo, Dan, geralmente gosto de verificar a quantidade de recursos que meu site está usando e se tudo funciona sem problemas Então é aqui que você pode verificar o uso de seus recursos. E como eu disse, essa é provavelmente a única guia que eu uso. Na maioria das vezes. Eu não uso quase nenhuma outra guia. Tudo bem, então esse foi o primeiro nível da nossa hospedagem na web. E o segundo nível está aqui no nível do aplicativo. Portanto, antes de acessar meu aplicativo, aqui temos outro conjunto de várias ferramentas e configurações. Tudo bem, então vamos começar com o primeiro passo. Aqui, você encontrará suas credenciais para fazer login no painel do WordPress Então, mais tarde, usaremos essas credenciais para acessar nosso painel do WordPress E aqui podemos configurar nosso cliente de FTP. Posteriormente, podemos usar esse cliente FTP acessar arquivos de nosso aplicativo. Como você lembra, aqui no nível do servidor e no primeiro nível de nossa hospedagem na web, tínhamos credenciais mestras que podemos usar para fazer login em nosso FTP e acessar todos os arquivos que agora são do Mas se você fosse aqui e no nível do aplicativo, que é o segundo nível de nossa hospedagem na web. E aqui vamos configurar nossa senha de nome de usuário. E usando essas credenciais, acessaremos apenas os arquivos desse aplicativo desse site específico, em vez de acessar todos os arquivos que podem ser encontrados neste primeiro nível de nossa hospedagem na Posteriormente, configuraremos essas credenciais e mostraremos como você pode acessar os arquivos Tudo bem, vamos passar para o gerenciamento de estágios. Este é para gerenciamento de estágios. Basicamente, antes de publicar seu site, você pode configurá-lo no ambiente de teste. Então, essa depende de você. Normalmente. Este é para usuários um pouco mais avançados que desejam testar várias coisas de código, plug-ins e, antes de garantir que tudo funcione sem problemas, essas pessoas podem usar o aplicativo de teste para verificar se não haverá problemas com as alterações, com os plug-ins ou Mas neste curso vamos usar métodos comprovados, plugins comprovados e tudo Portanto, você não precisará usar esse ambiente de gerenciamento temporário Tudo bem, vamos para a seção de monitoramento. Este é um pouco parecido com o anterior. tivemos o primeiro nível Como você se lembra, tivemos o primeiro nível de nossa hospedagem na web. Mas aqui você pode verificar quais solicitações de IP estão chegando ao seu site e todas as outras coisas. Esta seção pode não ser muito importante para você, mas é aqui que ela pode verificar o tráfego de entrada do seu site pelos endereços IP e assim por diante Depende totalmente de você se quiser usar esses Analytics aqui, mas eu geralmente não os uso. Vamos para ambas as proteções. Como você pode ver aqui, desperdício de nuvem está protegendo nosso site de ambas as atividades. Como você pode ver, essa ferramenta é muito útil, então estamos protegidos de ambas as atividades e isso é bom. Basicamente, essa ferramenta, essa guia aqui, uma vez ativada, ela apenas instala um plugin no seu site WordPress O plug-in é basicamente um complemento para adicionar algum tipo de função Desta vez, a função que foi adicionada é ao mesmo tempo proteção, simples assim. Vamos ao Gerenciamento de Domínios. Agora mesmo. Não faremos nada aqui, mas na próxima lição, usaremos essa guia para conectar nosso nome de domínio. Por enquanto, podemos pular isso, poderemos entrar na gestão de empregos da Cron, andar Você poderá criar empregos no Cron. Sei que pode parecer complicado, mas não desanime com todo esse jargão Porque provavelmente não vai precisar usar isso muito Basicamente, os trabalhos Cron servem para criar alguns comandos Algumas tarefas seriam executadas automaticamente. Então é para isso que servem esses empregos na Cron. Mas, no momento, não vamos adicionar nenhum trabalho no Cron porque não precisamos, vamos criar nosso site, um site totalmente funcional , sem precisar fazer nada parecido Mas se no futuro você se deparar com um plug-in que deseja instalar em seu site para uma funcionalidade específica E esse plugin pode precisar de algum trabalho no Cron. É aqui que você pode criar esse trabalho Cron. É aqui que você pode adicionar um novo trabalho Cron. Tudo bem, vamos ao certificado SSL. Por enquanto. Não faremos nada com esse certificado SSL. O bom é que, com o sistema baseado em nuvem, você receberá certificados SSL gratuitos Você quer precisar pagar por eles. Se você se lembra, quando estávamos no GoDaddy, eles ofereciam certificados SSL por quase 50 libras Então isso é o quanto você pode economizar por ano. Tudo bem, mais tarde vamos voltar aqui e vamos instalar esse certificado SSL. Se você não tiver certeza do que é um certificado SSL? É esse cadeado cinza ao lado do seu nome de domínio. Basicamente, indica que seu site tem uma conexão segura. Há um certificado SSL instalado em seu site. E, basicamente, esse certificado criptografa os dados que seus visitantes digitam em seu site É importante para a segurança, tudo bem, se fizermos o backup e a restauração aqui, você poderá fazer backups do seu site Então, em vez de ir direto para o nível do seu celular, como mencionei anteriormente, você poderia ir por aqui e fazer backups do seu aplicativo, do seu site Então, depois de fazer um backup, você fará um backup desse site específico aqui, em vez de fazer um backup de todo o servidor. Então, se você fizer o backup de todo o servidor e tiver sites hospedados nesse único servidor , você fará um backup de todo o servidor com esses dois sites. Mas como temos apenas um site, é nisso que vamos nos concentrar. O melhor é fazer backups aqui mesmo, no seu site. Portanto, se você estiver fazendo algumas alterações e não quiser estragar nada, se estiver tentando instalar alguns plug-ins, digamos que no futuro você decida que deseja instalar um plug-in e algo der errado e seu site simplesmente Antes dessas instalações, você pode fazer backup do seu site. E se você perceber que algo está errado, você sempre pode escolher um backup que acabou de tirar da lista e clicar em Restaurar aplicativo. E assim, você restaurará seu site ao estado anterior, assim como a implantação é válida, isso é para usuários avançados, que isso é para usuários avançados, podem se conectar ao seu site. E não vamos usar isso de jeito nenhum. Nós iríamos para Configurações do aplicativo. Aqui mesmo. Você verá várias extensões que podem ser ativadas em seu aplicativo. Se quisermos acessar as configurações do PHP, você pode fazer alterações no PHP, mas não faremos isso, a menos que no futuro você descubra que algo exige essas Isso é um ajuste de dose muito limitado nas configurações nesta guia Tudo bem, vamos às ferramentas de migração. As ferramentas de migração são meio óbvias. Você usa essas ferramentas para migrar um site. Então, digamos que se você tem um site hospedado em outro lugar e quer usar baseado em nuvem porque o Cloud ways é uma hospedagem rápida , você pode usar essa ferramenta para migrar seu site, simples Tudo bem, se você fosse para a Cloudflare, a Cloudflare é basicamente uma rede Cloudflare é de entrega de conteúdo do serviço CDN. Ao usar a nuvem, você adicionará uma camada extra de segurança ao seu site E ao usar a nuvem, você melhorará um pouco a velocidade do seu site Mas não vamos nos concentrar na cloudflare. O Cloudflare não está baseado em nuvem. Então, eu estou falando sobre cloudflare. O Cloudflare é um serviço pago e, como você pode ver, custará muito Na verdade, você pode usar uma versão gratuita do Cloudflare, mas precisará conectar tudo sozinho Mas não vamos nos concentrar nisso porque realmente não precisamos usar nenhum desses ajustes. Mas se no futuro, digamos que depois de alguns anos ou algo parecido, você decidir se aprofundar um pouco mais na otimização do seu site Talvez você precise usar algumas dessas ferramentas, algumas dessas configurações aqui Se quiser salvar as atualizações, essa é uma nova ferramenta. Você pode fazer isso, salvar atualizações para seu pecado na web. Por exemplo, se houver algumas atualizações do WordPress, atualizações de plug-ins ou algo parecido, você pode salvar as atualizações sem mexer no seu site Porque às vezes, em raras ocasiões, quando você atualiza seu plug-in ou tema do WordPress, isso pode atrapalhar alguma coisa, mas isso não acontece com muita frequência E cabe a você decidir se deseja ser extremamente cauteloso e receber atualizações usando essa guia Portanto, isso depende de você, mas não precisaremos usá-lo. Como eu disse, os métodos da mamãe estão comprovados. Estou usando o mesmo modelo para criar sites para mim e para meus clientes E tudo funcionou sem problemas. E, sendo honesto, quais ferramentas você vai usar aqui. Provavelmente usarei essa guia com mais frequência para acessar seu painel do WordPress Então você vai usar essas credenciais. Você provavelmente usará essas credenciais aqui mesmo depois de criá-las para acessar todos os arquivos em seu site E a outra guia branca importante que você pode usar com mais frequência é a proteção comprada, apenas para verificar quanta atividade de bots está acontecendo em seu site, quantos desses títulos foram bloqueados ou não e assim por diante. Portanto, sendo honesto, estou usando o sistema baseado em nuvem há cinco anos e, no nível do aplicativo, no segundo nível do nosso Painel de Hospedagem na Web, essa é a guia mais importante E nesta etapa, ambas as proteções usam apenas essas duas guias no nível do aplicativo E quando vamos para o primeiro nível do nosso Painel de Hospedagem na Web, esse é o Painel em nível celular Só uso esse monitoramento para verificar quantos recursos o site Maya está usando no momento, eu só uso apenas resumos, mas é bom saber o que é cada ferramenta, cara quatro Então você estaria um pouco mais familiarizado com todas as configurações, todas as ferramentas que estão aqui, porque talvez no futuro você precise usar algumas dessas ferramentas. Só não se esqueça de que existem dois níveis. O primeiro nível é para Gerenciamento de Servidores, aqui mesmo. E como eu disse, use apenas monitoramento. E o segundo nível é para gerenciamento de aplicativos. Portanto, esse é o segundo nível do seu painel de hospedagem na web E é aqui que você encontrará várias configurações relacionadas ao seu próprio site, não apenas ao cerebelo Tudo bem, então isso é para esta lição. 6. (1.3) conectando domínio com hospedagem web: Nesta lição, vamos conectar nosso nome de domínio à nossa hospedagem na web porque, no momento , essas duas coisas são entidades separadas. Até agora, temos nosso nome de domínio. Não podemos acessar nosso site porque é apenas o nome. Não está conectado a nada. Portanto, temos que conectar esse nome de domínio à nossa hospedagem na web. E vamos usar o Web Hosting para hospedar nosso site, basicamente para manter todos os arquivos do nosso site no servidor. Tudo bem, então, para conectar seu nome de domínio à sua hospedagem na web, você deve acessar sua conta da GoDaddy ou qualquer outro lugar onde você registrou seu nome de domínio No meu caso, é claro que será o GoDaddy. E vamos direto para meus produtos, então, como você pode ver aqui, este é o meu nome de domínio. Talvez você tenha seus nomes de domínio aqui. O que você quer fazer é na verdade, ir para a lista de todos os seus nomes de domínio e clicar aqui mesmo em DNS Tudo bem, então a única coisa que será a mais importante para nós em toda essa seção é a primeira linha No seu caso, você pode ter mensagens de texto que dizem estacionado, não se preocupe com isso Está tudo bem. Mas todo o resto deve parecer muito parecido. Os registros podem ser um pouco diferentes, mas não se preocupe com isso Se você não fez nenhuma alteração, tudo ficará bem. Tudo bem, então temos todos os nossos registros e agora queremos voltar para nossa hospedagem na web aqui E não se esqueça de que você quer ir para o nível de gerenciamento de aplicativos. Portanto, esse é o segundo nível do seu painel de hospedagem na web Como você se lembra, o servidor é o primeiro nível. Então, isso é gerenciamento de servidores, mas você não quer estar aqui. Você quer pedalar o ano todo nas configurações do aplicativo, como seu site, e agora deseja copiar esse endereço IP. Então, basta clicar nesse endereço IP aqui. E agora podemos voltar às nossas configurações de gerenciamento de DNS e queremos alterar esse primeiro registro aqui Vamos clicar em Editar e colar o endereço DIP que você acabou de copiar Vamos mudar a hora aqui. Ttl, isso significa tempo de carregamento. E em vez de usar esse número, vamos usar 600. Vamos clicar em Salvar. Tudo bem, sucesso. Nosso registro DNS foi atualizado e agora nosso nome de domínio está apontando para nossa hospedagem na web É como se tivéssemos adicionado um número de telefone a um nome como esse. Agora, quando alguém digitar nosso nome de domínio no navegador da web, poderá acessar nosso site, mas ainda não terminamos porque precisamos fazer algumas alterações aqui. Como eu disse na lição anterior, vamos usar essa guia aqui, Gerenciamento de domínio. E vamos clicar em Adicionar domínio. E aqui você só quer digitar o nome de domínio que você comprou, você registrou. No meu caso, foi o bacon avocados.com. Então, vou apenas digitar esse domínio. Estou aqui. Vamos clicar em Adicionar o principal. E queremos tornar esse nome de domínio primário. Então, vamos clicar aqui. Vamos clicar aqui e selecionar tornar primário definido como primário. Tudo bem, então espere um minuto até que as alterações sejam concluídas Tudo bem, vamos acessar os detalhes mais uma vez. Como você pode ver, um painel de administração agora temos um URL completamente diferente. Tem nosso nome de domínio. E usando esse URL, podemos realmente acessar nosso painel do WordPress Por exemplo, vou apenas acessar meu nome de domínio. Então, vou copiar meu nome de domínio. Ou posso abrir esse nome de domínio em uma nova guia. E se eu fosse até aqui, como você pode ver, estamos recebendo a mensagem de que há uma página suspeita e ela foi bloqueada para mim, isso está acontecendo porque não temos certificados SSL, então não podemos acessar este site Mas se eu clicar aqui, posso realmente acessar este site. Mas como obtivemos um certificado SSL gratuitamente, podemos realmente instalar esse certificado em nosso site E na próxima aula, é exatamente isso que vamos fazer por enquanto. Podemos fechar essa guia e é isso, é isso para esta lição. Agora você sabe como conectar seu nome de domínio à sua hospedagem na web 7. (1.4) como instalar certificado SSL: Tudo bem, então, como você se lembra, não conseguimos acessar nosso site porque meu antivírus o estava bloqueando Porque parecia para esse antivírus que este site é muito suspeito porque ele não tem certificado SSL. Como você pode ver, se o seu site não tem um certificado SSL, ele não parece confiável Portanto, é importante ter um certificado séssil. E, como eu disse, na nuvem, você receberá o certificado SSL gratuitamente. E isso é ótimo. Então, vamos ao certificado SSL e agora vamos instalar um certificado SSL. Tudo bem, então vamos usar, Let's Encrypt aqui. Basta digitar seu endereço de e-mail, o endereço de e-mail que você usa para seu uso pessoal. Você pode usar o mesmo endereço de e-mail que usa para se registrar aqui mesmo no Cloud ways. Então é exatamente isso que eu vou fazer. Vou apenas digitar meu endereço de e-mail e inserir meu nome de domínio. Tudo bem, basta centralizar meus detalhes e agora podemos clicar em Instalar certificado Não deve demorar muito, espere um minuto. Tudo bem, fantástico. Acabamos de instalar nosso certificado SSL com sucesso. Como você pode ver, diz que vai expirar nesta data, mas não se preocupe com Ele será renovado automaticamente, então você não precisará fazer nenhuma alteração Tudo bem, como instalamos nosso certificado SSL, podemos acessar nosso site e ver se funciona Se meu antivírus não estiver mais bloqueando este site. Tudo bem, então este é o site que queremos acessar e bloquear, como você pode ver, meu antivírus não está mais bloqueando este site. É porque este site tem certificado SSL. Este site é seguro e tem uma camada extra de segurança. Quando você está criando um site, é extremamente importante ter um certificado SSL porque, como você mesmo viu, alguns antivírus bloquearão o site porque ele não é confiável Então, como você pode ver, como nossos sites progrediram tão bem até agora. Obviamente, este site tem conteúdo de demonstração e não parece bom. Ele não tem nenhuma informação nossa, mas é um bom trabalho na criação do seu site. Então, se é seu primeiro site, parabéns, você acabou de criar seu site. É claro que há muitas coisas para fazer, mas podemos ver a base do nosso site. Trabalho tão fantástico. É isso para esta lição. Agora, você sabe como instalar o certificado SSL seu site e por que ele é extremamente importante 8. (1.5) como configurar uma conta FTP: Nesta lição, mostrarei como configurar suas contas de FTP para que você possa acessar todos os arquivos do seu site Isso é muito importante, especialmente no futuro, para você, se precisar fazer alguma identificação com seu site. Às vezes, alguns sites podem exigir que você faça o upload de um arquivo para sua conta de FTP Digamos isso para verificar seu site. Por isso, é importante saber como acessar seus arquivos. Tudo bem, então, como eu disse, vamos usar alguns detalhes da nossa guia que diz detalhes de acesso E aqui as credenciais do aplicativo. Então, aqui, você deseja criar credenciais para seu aplicativo, basta fornecer um nome de usuário e definir uma Então é exatamente isso que eu vou fazer sozinho. Tudo bem, então por que adicionei meus detalhes e vou clicar aqui, e não vou atualizar nada aqui Tudo bem, então espere um pouco e tudo estará pronto. Agora podemos usar essas credenciais para fazer login na conta FTP, mas como acessar a conta mas como acessar a O que é isso? A conta Ftp é simplesmente os arquivos do seu site. Portanto, o FTP é um protocolo de transferência de arquivos. Isso é o que ela representa. Mas para acessar seus arquivos, você precisa instalar um programa. Então, basta ir ao Google e procurar esse programa que sempre se chama FileZilla, é assim que as pessoas usam para carregar os vários arquivos no servidor E é assim que as pessoas costumam compartilhar esses arquivos, baixar esses arquivos de vários servidores diferentes. Essas coisas costumavam ser assim no passado, antes que várias opções diferentes de compartilhamento de arquivos estivessem Tudo bem, mas não estamos aqui para falar sobre isso. Não devemos falar sobre a história da Internet aqui para configurar nossa conta de FTP Então, vamos dar uma olhada aqui e clicar em Baixar o cliente FileZilla Vamos clicar em Baixar o cliente FileZilla mais uma vez. E tudo o que precisamos fazer é baixar a primeira opção, tudo bem, quando o download estiver concluído, basta instalar o FileZilla Só um segundo. Tudo bem, vamos clicar em Concordo. Vamos instalar o navegador Brave. Vamos clicar em Avançar. Podemos adicionar um ícone na área de trabalho. Vamos clicar em Avançar. Vamos clicar em Próxima instalação. Não deve demorar muito. Acabei de instalar o FileZilla. Tudo bem, agora podemos usar o FileZilla e, como você pode ver, é assim que parece Tudo bem, agora podemos fechar essa guia e voltar ao nosso FileZilla E aqui podemos digitar nosso host que será um endereço IP. Este é o nome de usuário, essa é a senha do nome de usuário, senha aqui, a porta deve ser 21 ou 22. Eu realmente não me lembro. É 22 se eu não estou confundindo nada. Sim. Mas em vez de digitar essas credenciais aqui, vamos criar nosso novo site Então, vamos ao Site Manager. E vamos clicar em Novo lado. Basta digitar seu nome de domínio aqui. Eu só vou amarrar abacates com bacon. Tudo bem? Aqui temos que escolher o protocolo. Então, vai ser esse. E agora você quer copiar seu endereço IP público. Vamos ao FileZilla. Vamos encarar isso aqui. Vamos até aqui. Vamos copiar o nome de usuário e podemos copiar a senha, as mesmas credenciais que acabamos de criar Vamos clicar aqui mesmo. Vamos clicar em Ok, digamos senha. E agora vamos clicar aqui. E vamos ver se podemos nos conectar. Sim, podemos nos conectar. Então, vamos clicar. Ok, estamos nos conectando e acabamos de nos conectar aos nossos arquivos do nosso site. Então, como você pode ver aqui, temos arquivos como em seu computador, você tem diretórios de arquivos e tudo O mesmo vale para o seu site. Então, como você pode ver, esses são os arquivos se eu quiser usar HTML público. Esses são basicamente os arquivos do nosso site WordPress. E é para lá que todos os plug-ins irão. É aqui que você pode precisar fazer upload de arquivos, alguns arquivos para todas as defecações, digamos que o Pinterest costumava fazer isso no passado Não tenho certeza se o Pinterest ainda precisa autenticar seu site Se você quiser conectar seus representantes Pinterest por meio Mas, em muitos casos, ainda é possível que alguns sites sejam obrigados a fazer isso. Então, eles geralmente dizem para você baixar o arquivo, e depois de baixar um arquivo, você só precisa adicionar esse arquivo aqui, sem mais nem menos. Então, como você pode ver, temos vários arquivos diferentes. Podemos acessar nosso site usando esses arquivos. Podemos verificar todos os arquivos do nosso site, arquivos de mídia como imagens, código e assim por diante. Então, nós, seu site, você é um site WordPress ou qualquer outro tipo de site, é basicamente um monte de arquivos e seu navegador, seja qual for o seu navegador, se for Firefox, Chrome ou Internet Explorer ou qualquer outro desses navegadores, eles apenas leem todos esses arquivos que estão aqui, digamos. E eles exibem seu site em um formato mais fácil de entender, tipo de formato interativo. Então, desse jeito, você pode acessar seu site, seus arquivos, já que eu estou apenas examinando esses arquivos, diretórios, você acessa seu site exatamente como neste formato Então é isso para esta lição. Agora você deve saber como configurar sua conta de FTP. Você pode não usar essa conta de FTP com frequência, mas é bom saber como isso é feito porque, como posso dizer por experiência própria, não uso o FileZilla com muita frequência, mas geralmente uso o FileZilla algumas vezes por ano ou algo parecido para fazer algumas alterações, fazer alguns ajustes mas é bom saber como isso é feito porque, como posso dizer por experiência própria, não uso o FileZilla com muita frequência, mas geralmente uso o FileZilla algumas vezes por ano ou algo parecido para fazer algumas alterações, fazer alguns ajustes. Mas, para ser honesto, talvez você não precise usar muito, mas é importante saber como acessar seus arquivos usando uma conta FTP Então é isso para esta lição. 9. (1.6) como configurar SMTP para e-mails de notificação: Nesta lição, mostrarei como configurar serviços SMTP para que você possa enviar e receber e-mails de notificação para explicar o que é SMTP Em vez de explicar tudo, vou te dar um exemplo Então, digamos que você esteja criando uma loja de comércio eletrônico. E quando seu cliente faz um pedido, ele recebe e-mails de notificação do pedido feito com sucesso. Assim que o pedido for enviado, ele receberá um e-mail e e-mails de notificação do pedido de envio. Portanto, esses são os e-mails de notificação que os clientes recebem se você não tiver serviço SMTP responsável por enviar e receber, basicamente enviando e-mails para endereços de e-mail que seus clientes não poderão receber esses e-mails de notificação. Digamos que, se você tiver um formulário de contato em seu site, esses formulários queiram acessar um determinado site e há um antigo. Você pode adicionar seu endereço de e-mail, seu nome e deixar uma mensagem. E uma vez que você aperta os botões, a areia neste formulário é enviada aos administradores da dispepsia Portanto, se você não tiver o serviço SMTP configurado em seu site, não poderá ter os Formulários de Contato funcionando porque não receberá e-mails Então, nesta lição, vamos configurar nossos serviços SMTP E é bem fácil. Você só precisa saber o que fazer. Tudo bem, então a primeira coisa, vamos até aqui, e vamos esperar adicionar complementos e uma nova guia Tudo bem, vamos aqui. E como você pode ver aqui, eu tenho esse complemento chamado Emails elásticos Eu já ativei esse complemento porque, como você mesmo viu, eu tenho vários sites, vários servidores em execução nesta hospedagem na web, então eu tive que ativar este, mas no seu caso, você mesmo precisa ativá-lo Então você terá que clicar aqui e selecionar seu pacote. Eu recomendo fortemente que você escolha o primeiro. Custará apenas $0,10 por mês para 1.000 e-mails E quando você está apenas começando , será mais do que suficiente. Então, basta selecionar a primeira opção e clicar em assinar. Isso é tudo que você precisa fazer. E depois de ultrapassar esse número de mulheres, você sempre poderá atualizar seu plano Mas estou lhe dizendo que quando você está apenas começando, você realmente não precisa se preocupar com isso. Tudo bem? Depois de fazer isso, podemos fechá-lo e agora podemos voltar aqui para a etapa anterior. E como você lembra, agora, estamos no segundo nível de nossa hospedagem na web e encontramos o nível do aplicativo, que é o nosso site. Temos que voltar ao nível do servidor e ao primeiro nível de nossa hospedagem na web. Então, aqui na guia SMTP, vamos clicar aqui e queremos selecionar e-mail elástico Vamos clicar aqui mesmo. Vamos clicar em Ativar. Tudo bem, espere um minuto até que seja ativado ou, fantástico, tudo foi configurado com sucesso E agora podemos voltar aqui. E precisaremos verificar nosso nome de domínio. Então, para fazer isso, teremos que clicar aqui nessa marca de seleção E você pode abrir esse link e uma nova guia, e você a vê aqui. Bem, então role para baixo até ver as instruções. E precisaremos adicionar esses registros aqui mesmo ao nosso nome de domínio. Então, para fazer isso, queremos ir ao nosso provedor de nome de domínio onde compramos nosso nome de domínio. No meu caso, será GoDaddy. Precisaremos fazer alguns ajustes de DNS. Então, como você se lembra da lição anterior, quando tivemos que adicionar nosso endereço IP de nossa hospedagem na web, precisamos clicar aqui. Vamos aqui, minha conta, podemos agilizar domínios Na verdade, poderíamos ter feito isso em uma janela anterior, mas está tudo bem. Tudo bem, então vamos encontrar nosso nome de domínio. Esse é o nome de domínio que queremos usar. E só um segundo, vamos clicar aqui mesmo em DNS gerenciado E agora precisaremos adicionar alguns novos registros aqui. Então, para adicionar um novo registro, basta clicar em Adicionar. E vamos voltar às instruções. Agora. Você só precisa lembrar que vai ser registro de texto, então você não precisa copiar este, mas você tem que tapar este aqui. Então, vamos clicar em Copiar. Vamos voltar ao nosso provedor de domínio. Vamos selecionar o elemento de textos aqui. E nomeie apenas o tipo Eta como você mesmo viu. E basta colar o valor aqui. E hora de carregar. Vamos adicionar personalização. Vamos escolher 600 s. Tudo bem, vamos clicar em Adicionar registro Tudo bem, então adicionamos com sucesso um novo registro. Como você pode ver, esse registro foi adicionado aqui, e agora precisaremos adicionar outros registros também. Então esse é o outro disco que queremos, Chads. Então, como você mesmo viu, o anterior tinha o nome de host alias, que era Eta, e este como este Então você quer copiar isso. Vamos voltar e clicar em Adicionar e escolher os tipos. O tipo será exatamente como era com o anterior, mas em vez do nome, vamos usar esse aqui. Temos que copiar os valores. Portanto, esse é o valor que você deseja copiar. Então, basta copiar rapidamente o valor. Vamos acelerar aqui e escolher o personalizado, e escolher o personalizado assim como fizemos com o anterior E vamos digitar 600 s. Tudo bem, vamos rápido e gravar E acredito que precisaremos adicionar outro disco. Então, vamos rolar para baixo Neste momento, precisaremos adicionar outro tipo de registro cujo nome será visto Então, você deseja copiar esse rastreamento ou pode se lembrar dele aqui. Vamos clicar em Adicionar. Vamos escolher o tipo. O tipo será nome C, nome, será rastreamento. E agora você quer copiar valores. Então, vamos copiar esse valor. Vamos voltar. Vamos encarar isso aqui. E vamos escolher o tempo de carregamento assim como fizemos com o anterior. Vamos clicar em Adicionar registro. Tudo bem, fantástico Ele foi adicionado com sucesso e agora precisaremos adicionar acreditado no último registro. Como você pode ver, supomos que outro registro seja M X, mas não faremos isso agora em uma lição posterior, adicionaremos esse registro quando começarmos a configurar nosso endereço de e-mail comercial Como estamos verificando esse nome de domínio, não precisamos realmente desse registro MX a menos que usemos algum tipo de pacote de e-mail, como G suit ou qualquer outro Eu vou te mostrar o que eu mesmo uso, são três. Assim, você poderá enviar e receber e-mails usando seu endereço de e-mail comercial. Por enquanto, não vamos nos concentrar nisso. Vamos adicionar a última recorrência. Portanto, o último registro será o registro fiscal e queremos copiar o nome. Então, vamos voltar ao GoDaddy. E quando você se lembrar de quem é, clique em Adicionar, ou esse é o tipo de calçado. O tipo será um elemento tributado. Vamos espaçar o nome e copiar os valores. Então, o valor, esse é o valor que você deseja copiar. Vamos colá-lo aqui. E vamos escolher o tempo personalizado para carregar novamente, 600 s. E vamos clicar em Adicionar registro. Como você pode ver aqui, em casos raros, pode levar até 48 horas até que esses registros sejam totalmente adicionados. Mas no nosso caso, não deve demorar tanto. Tudo deve ser definido e lido como dividendo em alguns minutos. Tudo bem, então fizemos isso, terminamos com esta parte Vamos voltar e ver se temos outros registros que não, não temos. Mas, como você pode ver, tínhamos outras opções para o último disco, mas não precisamos fazer isso. Tudo bem, podemos fechar essa guia. Também podemos fechar essa guia. Novamente, se você estiver usando qualquer outro provedor de nome de domínio, se tiver registrado seu nome de domínio em outro lugar, o procedimento ainda será o mesmo. Você só vai precisar da Chad Records. Então, acabei de ver que tínhamos alguns registros de texto e registros CNAME Basta adicionar esses registros e você estará pronto para começar. Tudo bem, agora temos que verificar nosso nome de domínio. Então, aqui, basta digitar o nome de domínio que você está usando para este site, aquele que usamos para adicionar esses registros. Então é exatamente isso que vou fazer. Vou apenas digitar meu nome de domínio e agora podemos clicar em Verificar nome de domínio. Tudo bem, então não ativamos nosso nome de domínio com sucesso, mas não se preocupe com isso E depois da aula, vamos voltar aqui, como eu mostrei, não temos registro MX registro Mx é responsável por configurar um endereço de e-mail comercial com um nome de domínio Então, digamos que eu tenha um endereço de e-mail comercial que diga Suporte em bacon avocados.com Esse será meu endereço de e-mail comercial. Por enquanto, tudo parece ótimo. Agora podemos deixar como está. Como você pode ver, todos os outros registros são verdes, o que significa ativá-los com sucesso. E o último disco que precisamos resolver, será esse, AmEx E na próxima lição, quando vamos configurar nosso endereço de e-mail comercial, mostrarei como adicioná-lo. Vamos voltar aqui e clicar em Verificar mais uma vez e tudo deve ficar bem. Tudo bem, então, por enquanto, tudo parece ótimo e podemos deixar assim 10. (1.7) criando endereço de e-mail empresarial: Tudo bem, então, assim como eu disse na lição anterior, nesta, vamos nos concentrar em configurar nosso endereço de e-mail comercial Então, espero que você não tenha saído dessa guia. Então, em vez de deixar esse selo, você deve acessar nossa nova guia e ir para zoho.com Tudo bem, então, quando estiver aqui, clique aqui, Inscreva-se agora e certifique-se de selecionar o e-mail comercial, e certifique-se de selecionar o digitar seu nome, e-mail ou telefone e definir uma senha Então é exatamente isso que eu vou fazer sozinho. Tudo bem, vamos concordar com os termos de serviço e clicar em inscrever-se gratuitamente Você pode clicar em Salvar se quiser. Marque que eu só vou clicar em Salvar senha. E aqui você terá que digitar o código recebido em seu endereço de e-mail. Então, basta verificar seu endereço de e-mail. Vamos verificar isso. Então, você pode ver que temos planos pagos. Não custa muito em comparação com o Google Suit, G Suit ou basicamente a interface do Gmail Mas não precisamos realmente pagar por ele, pois estamos apenas começando, podemos usar um plano gratuito. Assim, poderemos criar cinco endereços de e-mail diferentes com seu nome de domínio. Então, por exemplo, você poderia ter um endereço de e-mail para apoiar todo mundo, seu nome e assim por diante. Então, vamos clicar em Experimentar. Agora, vamos clicar em adicionar nome de domínio existente. E agora você só quer digitar seu nome de domínio. Então, vou digitar meu nome de domínio e preencher todas as outras informações necessárias. Tudo bem, vamos clicar em Adicionar. E agora precisaremos verificar nosso nome de domínio. Então, assim como fizemos em Cloud Ways, aqui, o procedimento será quase idêntico. Tudo bem, vamos clicar em Prosseguir para verificar nosso nome de domínio e podemos clicar em configurar manualmente Agora precisaremos adicionar uma ocorrência de textura. Então, assim como fizemos na vez anterior, você deve acessar seu provedor de nome de domínio. E no meu caso, obviamente será GoDaddy. Então, vamos clicar e GoDaddy. Vamos fechar esse. Vamos dar uma olhada nos meus produtos e escolher o nome de domínio. Esse é o nome de domínio que eu quero usar. Vamos clicar em Gerenciar DNS. E assim como fizemos na vez anterior, precisaremos fazer o mesmo. Vamos clicar em Adicionar. E, como você lembra, também era um elemento de texto. E agora temos que copiar o valor. Então, vamos clicar aqui para enfatizar esse valor. E o nome será Eta. Tudo bem, então vamos colar o valor por aqui e escolher 600 s personalizados. Vamos clicar em Adicionar registro Tudo bem, podemos fechar essa janela. Vamos voltar aqui e clicar em Verificar, gravar textos. Tudo bem, ainda não foi verificado porque eu selecionei o tempo para carregar 600 s. Então, o tempo de carregamento basicamente significa quanto tempo vai demorar para carregar esses registros recém-adicionados Então eu adicionei 600 s. Isso significa que devemos esperar alguns minutos. Então, espere um ou dois minutos e tente verificar o registro fiscal mais uma vez. Se esse problema acontecer, você não precisa se preocupar muito. Significa apenas que você tem que esperar algum tempo. Em raras ocasiões, você precisará esperar um longo período de tempo. Como você pode ver aqui, isso pode durar de 30 minutos a um dia, mas acontece em ocasiões muito raras. Agora podemos clicar em Verificar registro fiscal. Tudo bem, então verificamos com sucesso a propriedade do meu nome de domínio e agora posso criar meu endereço de e-mail Então, o primeiro endereço de e-mail que eu quero criar, e ele será usado como superadministrador. Quero que esse endereço de e-mail seja Suporte em bacon avocados.com. Provavelmente, quando você estiver iniciando qualquer tipo de projeto, esse será o endereço de e-mail mais importante para Portanto, você deve sempre informar o endereço de e-mail Support em seu nome de domínio.com ou pontilhar qualquer outra extensão de nome de domínio Então, vou apenas digitar suporte, mas se você quiser, pode digitar qualquer outro endereço de e-mail. Depende de você. Tudo bem, vamos clicar em Criar. E aqui você pode adicionar outros usuários, você pode adicionar outros endereços de e-mail aqui mesmo, se precisar. Agora essa é a oportunidade perfeita para adicionar mais endereços de e-mail. Posteriormente, você pode editar esses endereços de e-mail, como você pode ver agora, é Support at the bacon avocados, mas o nome é se é meu nome, mas você pode fazer alterações nesse endereço de e-mail Então, vamos clicar em Editar perfil em vez de mostrar meu nome gvidas, porque assim que seu visitante ou cliente receber um e-mail seu, do Support at the bacon avocados, eles verão seu Assim, você pode mudar isso em vez de dizer seu nome, você pode adicionar suporte. Você também pode alterar o apelido, aqui mesmo. Tudo bem, vamos ver, eu salvaria as alterações e agora podemos voltar E, como você pode ver, agora temos um endereço de e-mail que é Suporte em seu nome de domínio.com E quando seu serviço de atendimento ao cliente receber um endereço de e-mail seu, eles verão que será do Suporte. Tudo bem, agora você pode adicionar mais endereço de e-mail clicando aqui, basta criar um endereço de e-mail com seu nome e endereço e-mail para fins de marketing e assim por diante Mas nesse caso, você já sabe como fazer isso, podemos prosseguir para as próximas etapas de configuração de nossas contas de e-mail Tudo bem, agora não precisamos realmente criar nenhum grupo porque nossa empresa é pequena Estamos apenas começando, quando seu site crescer, você sempre poderá criar grupos para vários outros fins. Mas agora vamos prosseguir com o mapeamento de DNS. Tudo bem, então vamos clicar em configurar manualmente. Estou fazendo isso manualmente porque você pode estar usando outros provedores de nome de domínio. Porque, no seu caso, talvez você não consiga fazer isso automaticamente. E você precisará fazer isso manualmente para que todos possam seguir esta lição. Estou fazendo isso manualmente. Tudo bem, agora precisaremos adicionar alguns registros. Vai ser muito simples. Só precisamos copiar esses registros, assim como fizemos na lição anterior. E nós temos alguns desses discos aqui. Então, precisaremos adicionar registros MX gratuitos. Então, basicamente, vamos copiar o primeiro registro MX. Vamos até nosso provedor de domínio e vamos clicar em Adicionar. Vamos escolher os tipos. O tipo será Emax e nome. Vamos voltar para pegar o nome. Sim, vai ser Eta. Vamos colar a prioridade do valor. Serão dez e o tempo de carregamento será 600 s. Vamos clicar e gravar. Tudo bem, vamos adicionar outro. Vamos voltar aqui. Agora temos que tapear este. Como você pode ver, a prioridade será t10. E vamos até aqui. Vamos clicar em Adicionar. Se você sabe como fazer isso, não precisa seguir esta lição. Você pode fazer isso sozinho, mas eu só quero te mostrar como isso é feito. Tudo bem, então vamos basear o valor e escolher personalizado. Vamos digitar 600. E como você pode ver, é bem simples. Tudo bem, então vou adicionar que o último disco do MX será este Está definido como prioridade 50. Vamos até Adicionar, vamos digitar. O tipo será o nome Emax , estará na prioridade 50 e no valor Basta colar aqui. E vamos selecionar o tempo personalizado para carregar 600 s. Vamos clicar em Adicionar registro. Tudo bem, grande sucesso. Foi adicionado com sucesso. E agora precisaremos adicionar um registro SPF. Mas, em vez de adicionar um novo registro, precisaremos editar o registro que adicionamos anteriormente quando estávamos verificando nosso nome de domínio na nuvem com Tudo bem, então agora devemos voltar ao Zoho. Vamos clicar em Exibir valor do SPF. Esse é o valor atual que temos e temos que substituir esse valor por este. Tudo bem? Queremos usar esse valor. Tudo bem, vamos clicar em Ok. Como copiamos esse valor, agora precisamos voltar ao nosso provedor de domínio e procurar valor do SPF por apenas um segundo Supõe-se que sejam registros tributários. Então, vamos para a próxima página. Tudo bem, só um segundo. Tudo bem, SPF, então esse é o valor que queremos substituir. Então, em vez de criar nosso novo valor de SPF, precisamos adicionar o valor gerado pela Zoho porque você só pode adicionar um registro SPF ao seu Tudo bem, então isso é muito importante. Tudo bem, então substituímos com sucesso esse valor por outro E agora podemos voltar. E o último valor que precisaremos adicionar, não o valor, mas o registro será o registro TXT. Vai ser esse. Temos que copiar o host, o nome. Então vai ser esse. Vamos voltar ao nosso provedor de domínio. Vamos escolher o espaço principal do elemento de texto, o nome aqui. Vamos voltar e copiar o valor. Então esse é o valor desse espaço, esse valor aqui, como você se lembra, tempo para carregar 600 s e vamos clicar em Adicionar registro. Tudo bem, então tudo deve estar bem agora. E agora podemos voltar ao Zoho e agora precisaremos verificar todos os nossos registros Então, em vez de verificar imediatamente, espere alguns minutos e clique em Verificar todos os registros Tudo bem, depois de ajudar algum tempo, vamos clicar em verificar todos os registros Tudo bem, verificamos com sucesso todos os registros. Agora podemos continuar com a mobilidade. Se você quiser. Você pode instalar um aplicativo seu dispositivo telefônico com o Zoho Email suit Depende de você, mas vou manter as coisas como estão. E agora podemos prosseguir com a conclusão de nossa configuração. E como você pode ver, você tem duas opções. Então, vamos abrir a primeira e uma nova guia. Vamos ver se podemos abrir isso em uma nova guia. Agora, não podemos. Então, em vez de ir para o console do administrador, se você fosse para o console do administrador, iria direto para o console do administrador , onde poderá adicionar mais endereços de e-mail Você pode excluir endereços de e-mail, onde você pode fazer ajustes nesses endereços de e-mail Você pode experimentar outras ferramentas da Zoho. Eles têm outras ferramentas em calendários e todas as outras ferramentas que ajudarão você a otimizar seu fluxo de trabalho Mas nesta lição nosso foco é o endereço de e-mail. Então, vamos clicar aqui conferir sua caixa de entrada Tudo bem, e este é um, agora você tem um endereço de e-mail comercial totalmente funcional Tudo bem, podemos pular o tutorial e, como você pode ver, é assim que parece Então você tem sua caixa de entrada, rascunhos e lixo de spam. Você pode clicar em um novo e-mail, você rebateu as tarefas. Você tem todo tipo de coisa aqui. Não tenha medo de explorar tudo sozinho, pois assim você aprenderá a usar essa filmagem por e-mail muito melhor. Como você pode ver aqui, temos várias outras ferramentas. Se você fosse até aqui, você seria capaz de acessar o console do administrador Portanto, não tenha medo de explorar tudo sozinho, pois dessa forma, quando aprendesse a usar essa ferramenta com muita manteiga, se você usasse qualquer outra ferramenta, digamos que o G suit como o Google, é uma ferramenta paga e você teria apenas a interface do Gmail Talvez parecesse melhor, mas esse que é gratuito, funciona completamente. Eu uso esse provedor de e-mail há muito tempo e ele funciona muito bem. Basta clicar para escrever um novo e-mail. Isso é tudo que você precisa. Mas antes de terminarmos esta lição, temos alguns negócios inacabados a fazer Então, podemos fechar nosso provedor de nome de domínio aqui, porque não vamos usá-lo por um bom tempo E agora podemos voltar às formas de nuvem. E como você lembra, faltava um disco, que era o máximo. E como você se lembra, adicionamos esse registro. Tudo bem, agora podemos clicar em Verificar domínio e, como você pode ver, a verificação do domínio foi concluída Podemos fechar essa janela e testar se nossos e-mails de notificação funcionarão. Para fazer isso, precisamos acessar os servidores aqui. Vamos selecionar seu servidor que está aqui. E você quer ir para o segundo nível de sua hospedagem na web, que é o seu aplicativo. Você deseja voltar ao servidor para o primeiro nível de sua hospedagem na web e clicar em SMTP Vamos atualizar esta página porque, se bem me lembro, salvamos e-mails elásticos e eles devem estar refletidos aqui Sim, como você pode ver, temos e-mails elásticos que salvaram o sucesso. E você deveria ter esse também. Se você não tiver, você deve selecioná-lo na lista, clicar em Ativar e agora podemos clicar em Enviar e-mail de teste, basta digitar seu endereço de e-mail. Então, digite seu endereço de e-mail comercial, no meu caso, será Suporte em bacon avocados.com e clique em Enviar teste Você verá por si mesmo que receberá este e-mail. Então, vamos experimentar isso. Vamos clicar em Enviar e-mail de teste. Tudo bem, parece que foi enviado com sucesso. E agora vou abrir minha caixa de entrada de e-mail e verificar se recebi esse Testamento N. Como você pode ver, recebemos com sucesso um e-mail de teste Diz que veio do Support at the bacon avocados.com Ao enviar um e-mail de teste, certifique-se de não usar o mesmo endereço de e-mail do destinatário usado para criar sua conta Cloud ways, pois isso pode não funcionar Portanto, certifique-se de usar outro endereço de e-mail que você usa para criar sua conta Cloud ways. Porque se você vai usar o mesmo, pode não funcionar. Mas se você for usar outro endereço de e-mail, convém. Para esta lição, agora você sabe como configurar seu endereço de e-mail comercial sem precisar pagar muito dinheiro por outras opções , você sabe como verificar seu bot de nome de domínio para o Zoho e para o Elastic Email 11. Seção 1 resumo: Tudo bem, parabéns por concluir a primeira seção deste curso Então, agora você deve saber o que é um nome de domínio, o que é hospedagem na web, como essas duas coisas se conectam? E, claro, agora como configurar seu endereço de e-mail comercial. Isso é muito importante se você estiver administrando sua loja on-line porque deseja ter uma aparência profissional e ter um endereço de e-mail comercial é extremamente importante. Então, se algo não ficou claro para você, você é sempre bem-vindo para se juntar ao meu grupo no Facebook. Se você tiver dúvidas ao criar seu site, junte-se a este grupo e estou sempre aqui para ajudá-lo. Agora você terminou a primeira parte do discurso e meio que tem seu site Obviamente, essa é uma versão totalmente padrão do seu site, mas pelo menos agora você está online. Então, antes de começar este curso, você não sabia nada sobre a criação de sites. Ou qual é o nome de domínio ou o que é a hospedagem na web? Basta olhar para si mesmo agora. Agora você tem seu site, agora está online. Então, ótimo trabalho nisso. Na próxima seção, você obterá uma base sólida do WordPress. Então, se você decidir criar qualquer tipo de site, você terá uma base sólida de WordPress e isso será útil para você no futuro. Tudo bem, então isso é tudo por enquanto. E, claro, parabéns por entrar na Internet. 12. (2.0) começando com o WordPress: Nesta lição, falaremos sobre o WordPress. Então você aprenderá o que é o WordPress e por que estamos usando o WordPress como nosso sistema de gerenciamento de conteúdo. Então, vamos simplificar. O Wordpress é basicamente como um software que você usa para criar seus representantes Então, em vez de precisar codificar tudo, programar tudo, temos um sistema de gerenciamento de conteúdo que nos ajuda a fazer todo o processo de criação do nosso site sem precisar saber nenhum código ou algo parecido Basicamente, você precisará aprender a usar esse sistema de gerenciamento de conteúdo. Deveríamos adicionar seu conteúdo, como adicionar produtos e todas as outras coisas. E isso ajuda a criar um site muito mais rápido. E você não precisa gastar muito dinheiro desenvolvendo seu próprio site. Portanto, essa é uma grande vantagem do WordPress. E o WordPress é o sistema de gerenciamento de conteúdo mais popular, acredite ou não, cerca de 50% dos sites que estão online rodam esse sistema de gerenciamento de conteúdo. Então, se você já visitou algum tipo de site, há uma grande chance, na verdade, 50% de chance de que esse site tenha sido criado usando o WordPress. Existem muitos sites enormes usando esse sistema de gerenciamento de conteúdo. Portanto, é muito popular, é muito bom e, na verdade, é muito fácil usá-lo quando você sabe como navegar no painel e tudo Nesta seção, é exatamente nisso que vamos nos concentrar. Vamos nos concentrar no WordPress. Então, em primeiro lugar, precisamos fazer login em nosso painel do WordPress antes de nos aprofundarmos nesse sistema de gerenciamento de conteúdo em si. Então, tudo bem, então você quer abrir seu site em uma nova guia aqui, assim como adicionou E no final do URL do seu site, você deseja digitar slash WP dash admin e pressionar Enter aqui Você precisará inserir suas credenciais para acessar o painel do WordPress Então, vamos voltar à nossa conta Cloud ways. Aqui mesmo. Vamos selecionar nosso servidor. E agora estamos no primeiro nível do nosso painel, do nosso painel de hospedagem na web E queremos ir para o segundo nível do nosso Painel de Hospedagem na Web, que é o aplicativo E aqui, como você pode ver, temos informações sobre o painel de administração. Então, como você pode ver, esse é o mesmo URL que digitamos aqui, slash WP, dash E agora queremos voltar aqui e copiar seu nome de usuário. Seu nome de usuário é basicamente o mesmo endereço de e-mail que você usou para criar sua conta Cloud ways. E a senha foi gerada automaticamente. Então, queremos ir aqui, clicar nessa senha. Basta copiá-lo e colá-lo aqui. Vamos clicar em Lembrar de mim e fazer login em nosso site. Tudo bem, podemos clicar em Salvar e finalizamos. Este é o painel do WordPress. E, como eu disse, o WordPress é um sistema de gerenciamento de conteúdo que nos ajuda a criar nosso site com muito mais rapidez e facilidade, sem precisar codificar nada E esse sistema de gerenciamento de conteúdo é o mais popular por motivos. Então, se você decidiu usar o WordPress, você fez a escolha certa. Tudo bem, então é isso para esta lição. Agora você sabe o que é o WordPress, como fazer login no seu painel do WordPress E então, na próxima lição, vamos nos aprofundar no painel do próprio WordPress. 13. (2.1) WordPress Dashboard Walkthrough: Nesta lição, darei a você uma rápida visão geral do nosso painel do WordPress Assim, você entenderia cada ferramenta muito melhor, na verdade, gosta muito de hospedar na nuvem, porque quando você configura seu site WordPress, você não tem muitas ferramentas aqui, porque outros provedores de hospedagem na web tendem a instalar vários plug-ins diferentes dos quais muito de hospedar na nuvem, porque quando você configura seu site WordPress, você não tem muitas ferramentas aqui, porque outros provedores de hospedagem na web tendem a instalar vários plug-ins diferentes na verdade, nem precisamos E o painel do WordPress parece bastante confuso. Eu realmente gostei disso. Parece muito simples. Tudo bem, então, como você está aqui, nós realmente podemos fechar esta guia de hospedagem na web baseada em nuvem porque não vamos usá-la E agora vamos nos concentrar na primeira etapa que é o Dashboard Então, como você pode ver aqui, temos duas outras guias, que são página inicial e atualizações Nesta guia Início, você verá várias ferramentas widgets que você pode adicionar ao seu painel inicial Como você pode ver aqui, temos várias atividades que estão acontecendo em seu site, basicamente aqui vemos comentários em postagens de blog, sobre tudo mais. Você pode ver quantas postagens você tem páginas aqui. Também mostra seu estado de saúde pecaminosa e alguns outros widgets diversos E aqui você pode adicionar outros widgets se quiser, se precisar ir Esta é basicamente a página inicial do seu painel do WordPress Se você vai instalar mais plug-ins seu site para diferentes funcionalidades Para adicionar mais funcionalidades ao seu site aqui , você pode adicionar essas ferramentas aqui para ver um resumo rápido dos plug-ins do seu Mas, para ser sincero, eu realmente não uso muito esse tipo de casa. Na verdade, não o use completamente porque não é aqui que meu foco está. Algumas pessoas podem gostar de usá-lo, mas eu realmente não vejo razão para usar esse painel, porque na maioria das vezes eu uso apenas algumas ferramentas Mais tarde, mostrarei quais ferramentas também podem ser mais importantes para você. Tudo bem, então vamos às atualizações aqui. Aqui você verá as atualizações de valores disponíveis. Portanto, se você tiver um WordPress desatualizado, verá que pode atualizar seu próprio WordPress, ou seja, sistema de gerenciamento de conteúdo. Aqui temos os plug-ins e, como você pode ver, os plug-ins estão desatualizados e podemos atualizá-los Então, vamos fazer isso. É uma boa prática manter tudo atualizado em seu site WordPress porque você quer ter certeza de que tudo funciona sem problemas e às vezes, plug-ins desatualizados, temas desatualizados Em casos raros, eles podem causar alguns problemas de segurança, então você não quer que isso aconteça. Portanto, certifique-se de manter tudo atualizado. Então, vamos voltar às atualizações. E sim, essa guia é para atualizações. Portanto, se você perceber que há atualizações disponíveis, não as ignore e mantenha tudo atualizado , pois é uma boa prática manter seus plugins, temas e o próprio WordPress atualizados Tudo bem, vamos publicá-los aqui. Tudo bem, então quando clico nas postagens, posso ver todas as postagens Então, basicamente, essa guia está focada nas postagens do blog. Se você estiver escrevendo postagens no blog, isso vai querer se concentrar mais. E, como você pode ver em todas as postagens, você pode ver que todas as postagens do seu blog que você tem no seu site no momento têm apenas uma postagem de blog que foi criada por padrão. Se você quiser adicionar uma nova postagem de blog clicando aqui ou aqui, você poderá adicionar mais postagens de blog ao seu site WordPress. Tudo bem? Se eu fosse para Categorias, obviamente você pode criar categorias para as postagens do seu blog. Então, é claro que, dependendo do seu projeto, você deseja criar suas categorias para postagens de blog, se você as estiver escrevendo. E se eu acessar as tags aqui, você verá a lista de tags que está usando nas postagens do seu blog. Basicamente, as tags são usadas para descrever as postagens do seu blog em palavras curtas e palavras-chave curtas. Assim, seria mais fácil para seus visitantes navegarem pelo seu blog e assim por diante. Além disso, muitas pessoas que participam do SCO dizem que as tags ajudam a ter uma classificação mais alta se você incluir tags relevantes para seus blogs e você pode otimizar seus posts um pouco Na lição posterior, mostrarei um pouco mais sobre postagens de blog Vários falam sobre as tags e categorias com mais profundidade. Mas, por enquanto, eu só queria que você soubesse que nesta guia, é aqui que você adicionará suas postagens no blog. Tudo bem? Se fôssemos à Biblioteca de Mídia , obviamente isso é muito, você encontrará todos os seus arquivos de mídia, provavelmente, sem dúvida, é aqui que você encontrará suas fotos e nunca recomendará que as pessoas enviem vídeos para seus sites WordPress, porque não é uma boa prática se você quiser enviar um vídeo para o seu site WordPress, a melhor escolha seria seja acessar o YouTube, enviar seu vídeo para o YouTube e, em seguida, copiar o link para incorporar vídeo em uma postagem do blog em uma página ou em qualquer outro lugar. Você não quer fazer upload de vídeos, seu site WordPress, porque isso vai tornar seu site tremendamente lento E você não quer que isso aconteça porque você quer manter a experiência do usuário a melhor possível. Então, se eu clicasse aqui, aqui mesmo, eu seria capaz de adicionar novos arquivos de mídia ao meu site WordPress. Então, basta arrastar e soltar arquivos aqui ou apenas selecionar entre os arquivos. Se eu fosse para as páginas aqui. Como você pode ver, temos páginas de barreiras. Então, da mesma forma que posar, é claro que as postagens do curso são diferentes das aulas posteriores. Vou explicar para você a principal diferença entre posts e páginas. Vou falar sobre isso um pouco mais a fundo, mas para ser curto e rápido, vou te dizer que as páginas são as páginas mais importantes do seu site Se você vai escrever posts no blog, você vai ter muitos posts em diferentes categorias. E depois de adicionar páginas, você provavelmente terá apenas um número limitado de páginas As páginas são informações importantes para seus clientes, para seus visitantes. Então, por exemplo, você poderia ter uma página sobre sua empresa. Você pode ter a política de privacidade da Página de Contato, os termos de serviço, a política de cookies e todas as páginas que você vê em todos os outros sites. Então, essas são páginas. Se você quiser adicionar uma página, você terá que clicar aqui ou aqui. Tudo bem, vamos para a guia de comentários. Na guia de comentários, você verá todos os comentários que estão nas postagens do seu blog. Então, como você pode ver aqui, temos uma dívida comum que foi adicionada por padrão. E podemos fazer várias coisas com os comentários dele para que não aprovemos, possamos responder a esse comentário Podemos até editar esse comentário. Podemos colocar esse comentário para enviar spam para eles ou colocá-lo na lixeira Então é aqui que você verá todos os comentários publicados nas postagens do seu blog. Tudo bem, vamos para a guia Aparência e a guia Aparência. Você basicamente pode instalar um novo tema para o seu site WordPress. Então, dependendo do seu projeto, dependendo do seu nicho, você pode escolher o tema que gostaria de usar Mas neste curso, vou recomendar o uso alguns temas que eu mesmo uso e que testei para garantir que esses feixes funcionarão sem problemas E se você quiser adicionar um novo tema, basta clicar aqui ou clicar aqui. E editor, você pode basicamente editar o tema do seu site WordPress. Obviamente, isso depende do FIM que você está usando. Equipes diferentes têm opções diferentes, maneiras diferentes de personalizar temas Mas, como você pode ver, esse tema padrão tem essas opções para personalizar esse tema Essa não é a melhor maneira de personalizar seu tema. E como eu disse, vou te mostrar os temas comprovados que eu mesmo uso. E esses streams são populares, rápidos e confiáveis Tudo bem, vamos voltar aqui. Tudo bem, vamos clicar em Painel. E, como eu disse, um editor, você realmente não precisa se concentrar aqui. É claro que depende do seu tema, mas nas aulas posteriores, quando editaremos nosso tema, mostrarei como você pode personalizá-lo e você mesmo verá como é simples. Tudo bem, vamos para a guia de plugins. Se eu clicar na guia de plug-ins, como você pode ver, esses são os plug-ins que temos Esses são dois setores de plug-ins. Se você vê algo diferente, agora se preocupe com isso Se você vir algum plug-in inativo, poderá excluí-lo porque obviamente não o está usando . E o Plugin seguro para adicionar várias funcionalidades diferentes ao seu site WordPress Na próxima lição, falaremos sobre isso com um pouco mais profundidade para que você entenda temas e plug-ins muito melhor Se você clicar em Adicionar novo ou aqui, poderá adicionar um novo plug-in usando a pesquisa. Você encontrará qualquer plugin que quiser. Tudo bem, vamos até os usuários que existem, você pode ver a guia Usuários aqui em todos os usuários, podemos ver todos os usuários que estão neste site Obviamente, sou o único usuário. Eu sou o administrador, então sou apenas o único usuário aqui. Se você precisar ou quiser adicionar novos usuários, zero absoluto. Uma vez que seu projeto cresça, você pode fazer isso aqui, apenas digamos , nome de usuário, endereço de e-mail. A senha é gerada automaticamente e basta selecionar a linha para o usuário recém-adicionado. Como você pode ver, você também pode adicionar administrador, editor para postagens de blog, autor para postagens de blog e assim por diante. Tudo bem, vamos para a guia de perfis aqui. Tudo bem, não precisamos salvar nada. E na guia Perfil, basicamente, você poderá fazer várias opções de personalização para o seu perfil Você pode alterar o esquema de cores. Você pode fazer vários outros ajustes relacionados ao seu perfil Depende de você se quiser fazer alguma alteração. Tudo bem, vamos ao carimbo de ferramentas, aqui você verá várias ferramentas diferentes para seu site WordPress aqui na importação e exportação, você pode exportar e importar os dados do seu perfil, do seu site WordPress, não de um Essas duas opções podem ser úteis se você estiver planejando migrar seu site para qualquer outro lugar. Mas, na verdade, existem plugins que ajudarão você a fazer isso Então você realmente não precisa se concentrar aqui. Se optarmos pela Side Health, você verá a saúde do seu site. Obviamente, como é um novo design de site, a saúde vai ficar boa. Normalmente, isso mostra que há alguns problemas de saúde, especialmente se houver alguns plug-ins desatualizados e algo parecido Assim, você verá todos os problemas que estão acontecendo em seu site aqui. Mas, novamente, isso não é o mais importante. Como eu disse, basta manter tudo atualizado e você não precisará se preocupar com nada aqui Exporte seus dados pessoais. Você pode exportar seus dados pessoais do seu site WordPress. Portanto, no seu perfil, essas configurações não são tão importantes. Aqui mesmo no editor de arquivos de tema, você pode editar os arquivos do seu tema. Portanto, este é para usuários avançados que sabem trabalhar com um código. E aqui, você realmente não precisa se concentrar, porque isso é para usuários avançados, assim como o editor de arquivos de plug-ins, você editará o código de seus plug-ins Portanto, essas duas opções não são tão importantes. Você não precisa se concentrar muito neles porque eles são para usuários avançados. E nesse curso, não vamos usar essas opções, na verdade, não vamos usar nenhuma ferramenta aqui, mas é bom saber para que serve cada ferramenta. Tudo bem, vamos para a guia Configurações. E, para ser honesto, não vamos nos concentrar muito nesta lição nas configurações, porque na aula posterior mostrarei as configurações mais importantes que você precisa fazer para garantir que seu site funcione sem problemas Tudo bem, então é isso, basicamente, esse foi o rápido passo a passo do painel do WordPress E como você mesmo pode ver, não é tão complicado. Você só precisa saber para que serve cada ferramenta. Falando a partir de uma experiência pessoal. Eu posso te mostrar as ferramentas mais usadas que eu mesmo uso, mas sites de comércio eletrônico com blogs, sites negócios sem apelidado este, ambos para adicionar postagens de blog, você provavelmente usará com mais frequência do que qualquer outra ferramenta aqui, mídia, mídia que você usará com mais frequência, especialmente para adicionar arquivos de mídia como imagens ao especialmente para adicionar arquivos de mídia Assim, você pode usar a mídia para fazer upload todas as imagens de uma só vez, não vai usar com frequência, porque depois de configurar todas as suas páginas, você simplesmente esquecerá essas páginas. Portanto, isso não vai se concentrar muito. Então você vai se concentrar mais nos comentários, porque assim que começar a receber comentários, você poderá encontrar todos os comentários aqui, assim como mostrei anteriormente. E você pode excluí-los e aprová-los, fazer o que quiser com esses comentários Provavelmente, uma das guias mais usadas e mais usadas é essa, porque no futuro deseja adicionar novos plug-ins ao seu site Isso é o que você pode querer usar com mais frequência. Talvez você precise desativar alguns plug-ins, então é isso que você também vai usar Portanto, os mais populares são Postagens, mídia, comentários e o último são Plugins É isso para esta lição. Agora você sabe como navegar muito melhor no painel do WordPress e não deve mais parecer tão complicado. 14. (2.2) as configurações essenciais para o WordPress: Nesta lição, mostrarei as configurações mais importantes. As configurações podem ser encontradas aqui, conforme você se lembra da aula passo a passo do painel do WordPress Portanto, todas as configurações relacionadas ao seu site WordPress podem ser feitas por aqui nesta etapa. Então, vamos começar com as configurações gerais aqui. E aqui, a coisa mais importante que você precisa fazer é adicionar título do seu site e apenas adicionar um slogan para o seu site Você pode ver aqui que diz apenas centralizar algumas palavras para explicar seu site e descrever sua empresa. E simples assim, basta digitar o slogan e adicionar um título ao site Então é exatamente isso que eu vou fazer sozinho. Tudo bem, como você pode ver, acabei de mudar o título do site e adicionar um slogan Como você pode ver, uma vez que você altera o título do seu site, ele também muda por aqui. Portanto, você decide qual título e slogan do site deseja usar Como você pode ver, acabei de adicionar um slogan simples. Este site é basicamente para ensinar vocês, para ensinar como criar seus sites. Tudo bem? Tudo bem, aqui podemos rolar para baixo e aqui você pode escolher o formato da data O formato de data que você deseja usar em seu site. Normalmente gosto de manter as configurações padrão. Obviamente, não se esqueça de escolher seu fuso horário, pois, de acordo com esse fuso horário, você verá várias postagens de blog publicadas em seu site ou os produtos adicionados e assim por diante. Então, basta escolher seu fuso horário. Além disso, você não precisa fazer nenhum ajuste aqui e pode clicar em Salvar alterações Tudo bem, vamos para a guia de equitação aqui. Não precisamos fazer nenhum ajuste. Tudo está como está por padrão. Então, vamos para a guia Leitura. Na guia Leitura, você pode basicamente fazer alguns ajustes nas informações, no conteúdo exibido em seu site no momento Não faremos nenhum ajuste nas fases posteriores da criação do nosso Faremos algumas mudanças aqui. Eu vou te mostrar para que servem essas mudanças. Basicamente, definiremos uma página inicial para nosso site que será a primeira página do nosso site Vamos adicionar uma página de blog para exibir as postagens do blog. Então é isso que vamos fazer um pouco mais tarde. Agora não vamos mudar nada porque nem temos essas páginas prontas. Portanto, essas coisas serão feitas nas fases posteriores da configuração do nosso site. Essa é apenas uma prática comum, mas é bom que você saiba qual é a introdução rápida de várias etapas que estão aqui. Tudo bem, a partir daqui podemos ir para a guia de discussão. Essa aba de discussão é responsável pelos comentários que estão em seu site. Então, seus visitantes deixarão comentários. Eles podem deixar avaliações sobre seus produtos se for sua loja de comércio eletrônico E é aqui que você pode fazer vários ajustes. Você pode brincar com essas configurações aqui. Mas eu vou ser honesto, o único ajuste que eu faço aqui eu gosto de ativar essa opção aqui. O comentário deve ser aprovado manualmente. Então, quando eu estivesse lá, deixaria um comentário, o comentário será mostrado aqui. Então, vou abrir este em uma nova guia. E como você pode ver aqui, temos um comentário que foi adicionado por padrão. E quando eu ativo essa opção aqui, como você pode ver, esse comentário foi aprovado automaticamente, ele foi adicionado automaticamente. Comentários padrão. E vou clicar em Aprovar. E como você pode ver, uma vez WR, uma vez seu visceral ia comentar nas postagens do blog da Europa ou isso deixaria uma avaliação do produto Este comentário não será aprovado. Portanto, você mesmo terá que aprovar esse comentário manualmente E a razão pela qual eu gosto de fazer isso é porque, em algum momento, quando seu site começa a crescer, quando seu site começa a receber cada vez mais tráfego, há uma grande chance de você começar a receber comentários de spam. E você não quer que esses comentários apareçam em seu conteúdo porque não vão parecer muito bons e você precisará excluir esses comentários inimigos, então é melhor manter esse comentário ativo aqui, e você mesmo pode aprovar os comentários manualmente Basta clicar aqui para comprovar que o comentário será aprovado automaticamente. Se você quiser curtir esse comentário, você pode excluí-lo ou marcá-lo como spam também aqui. A outra aba muito importante que eu mesmo gosto de usar é essa. Em vez de usar este para moderar comentários, gosto de proibir Então, quando você começar a receber esses comentários de spam aqui, você notará o padrão que geralmente esses comentários terão o mesmo endereço URL do comentarista adicionado a um comentário, ou talvez o mesmo endereço ou talvez o mesmo Talvez esses comentários tenham as palavras-chave comuns entre esses comentários, como as que se repetem em cada comentário Então você quer copiar qualquer uma dessas coisas. Aqui você verá o endereço IP do comentarista Não podemos ver o endereço P abaixo desse comentário porque esse comentário foi adicionado automaticamente por padrão. Portanto, não podemos ver o endereço IP, mas quando alguém deixar um comum, você verá isso. E você pode copiar esse endereço IP e colá-lo aqui. Então, basta colar um endereço IP ou endereço de e-mail, ou o URL ou a palavra-chave em uma linha paralela para proibir esses comentários Então, se for spam, o comentarista vai deixar outro comentário ou Esse comentário será excluído automaticamente para que você não precise aprová-lo ou desaprová-lo Então, isso vai ajudar você a economizar muito tempo. Mas quando você está começando do zero e seu site é novo, pode levar algum tempo até você comece a receber esses comentários de spam, mas é bom saber como combater esses E você não precisaria se preocupar nas fases posteriores da execução do seu site. Esse é o exemplo da vida real. Este é um dos meus sites que eu mesmo estou administrando. E como você pode ver, este site recebe muitos comentários de spam Portanto, além de aprová-las manualmente e de as liderar, geralmente gosto de identificar as geralmente gosto de identificar palavras-chave comuns e os próprios comentários, os endereços de e-mail, URLs ou endereços IP mais usados ou repetidos URLs ou endereços IP mais usados ou E depois de identificar essas oscilações, copiei essas coisas e as colei aqui nesta janela e não permiti teclas comuns, apenas uma Tudo bem, então agora você deve saber como tudo parece. Tudo bem, podemos rolar para baixo. E como você pode ver seu ícone aqui, você pode fazer alguns ajustes avatar do seu perfil Normalmente gosto de esconder avatares porque isso ajuda a carregar o site um pouco mais rápido É uma coisa muito pequena, mas eu também gosto de fazer essas coisas. Então, eu geralmente gosto de esconder avatares, mas cabe a você decidir se quiser exibir avatares, esses avatares serão Se você vai adicionar postagens de blog aos seus sites, você vai mostrar seus avatares. Assim, você pode escolher um avatar que deseja usar ou definir seu próprio avatar. Mas eu geralmente gosto de dar um oi, este. Novamente, cabe a você decidir se você também quer fazer isso. Mas este aqui, eu quis dizer que este é muito importante. Então, depois de terminar de fazer as alterações, você pode clicar em Salvar alterações. Tudo bem, vamos para a guia Mídia. Esse também é bom porque está por padrão, porque realmente não precisamos mudar nada. Tudo está bem assim por padrão. Tudo bem, vamos para o link permanente. Esse é extremamente importante. Então, aqui e no link permanente, você pode ver a estrutura do URL, basicamente como seus URLs serão exibidos para seus visitantes Então, por exemplo, se eu fosse para nossa página inicial aqui, eu vou mostrar um exemplo Então esse é o nosso URL. E se eu fosse para a página de amostra, como você pode ver, é assim que parece. Portanto, temos nosso nome de domínio, temos slash index.php e realmente não precisamos que essa parte seja exibida porque ela não faz nada de bom para SEO, para otimização de mecanismos de pesquisa E queremos que nossos URLs pareçam simples. Então, em vez de escolher este, vamos escolher esse nome de postagem e clicar em Salvar alterações. Por exemplo, se eu voltasse para este lado agora, novamente para nossa página inicial e não para o lado Eu clicaria na página de amostra. Como você pode ver, é assim que parece. Essa é a estrutura que queremos usar porque é muito melhor. É muito mais fácil entender os visitantes por hora e é muito mais fácil para os mecanismos de pesquisa entenderem. Então, queremos manter este, certo? Portanto, não se esqueça de clicar Salvar alterações e sempre que fizer alterações. E a partir daqui, podemos passar para essa guia de privacidade. No momento, ainda não temos nossa página de política de privacidade. Em etapas posteriores, mostrarei onde você pode criar suas páginas de política de privacidade, condições da Thompson e todas as outras páginas importantes do seu site, nas quais você pode gerá-las automaticamente. Portanto, você não precisaria contratar pessoas para navegar nessas páginas por você. Mas, por enquanto, nesta etapa, não precisamos alterar nada, exceto que podemos definir a página de privacidade. Então, nós o configuraríamos e não precisaríamos voltar a essa guia novamente. Então, vamos clicar, use esta página. E agora está pronto e agora podemos deixá-lo como está. Tudo bem, podemos ir aqui até este selo, mas também não faremos nenhuma alteração nessa guia Porque essas mudanças que estão aqui, aquelas opções que estão aqui no W14, o plugin, como você lembra quando estávamos em nossa página de Plugins, eu vou abrir em uma nova guia bem rápido. Como você pode ver, temos o plugin breeze e essas configurações aqui. Eu fiz isso para este plugin Breeze em particular. Este plugin é responsável por otimizar seu site. Assim, seu site carregará mais rápido para seus visitantes. E agora, tudo está bem como está por padrão, nós realmente não precisamos mudar nada. Mas, no futuro, se você decidir que quer aprender a otimizar seu site ainda melhor. Porque eu sei disso por experiência própria. À medida que você continua expandindo seu site, à medida que continua melhorando seu site, um ponto muito importante será a velocidade dos sites. Mas com um site novo, você terá um site de carregamento rápido de qualquer maneira. Mas, eventualmente, talvez você queira melhorar a velocidade do site. Talvez seu site cresça ainda e isso possa se tornar mais importante para você. Acredito que vou fazer outro curso sobre isso. Portanto, se você estiver fazendo um discurso, esse curso e otimizando seu site estará pronto para E estou fazendo isso porque há muitas coisas que você pode ajustar Há muitas coisas que você pode mudar para que seu site carregue rapidamente. Mas, novamente, você se convencerá de que esse site recém-criado será carregado rapidamente em qualquer caso Tudo bem, então é isso, essas foram as configurações mais importantes do WordPress Então, para resumir, uma das configurações mais importantes estava nesta guia geral, nesta guia discussão e na etapa de link permanente Então, é isso para esta lição. 15. (2.3) Plugins e temas explicados: Tudo bem, vamos falar sobre temas e plug-ins. Agora, já falamos sobre eles nas lições anteriores, mas agora todo o foco estará nessas duas coisas. Tudo bem, então vamos abordar os temas por aqui. E como você pode ver nesta página, podemos ver todos os temas que estão instalados em nosso site. Basicamente, os temas são responsáveis pela parte de design de sua ausência. Portanto, temas diferentes têm diferentes opções de personalização. Com vários temas, você pode obter looks diferentes e assim por diante. Neste curso, mostrarei os métodos, os temas que eu mesmo uso, os temas comprovados nos quais você pode confiar e que carregam rapidamente. Mas, novamente, é importante você saiba quais são os temas onde encontrá-los. Porque talvez no futuro você decida que deseja atualizar seu site e mudar o tema. Assim, você saberá onde procurar temas e saberá por que nossos temas são responsáveis. Então, aqui está você pode ver que temos esse ator de feixe. É assim que nosso site fica quando esse feixe está ativo. Por exemplo, se eu fosse para a página inicial do nosso site, abriria isso em uma nova guia Como você pode ver, essa é a aparência do nosso site. Sei que não faz muito sentido porque esse é o site padrão. Mas, basicamente, você pode entender que esse é o design deste site. É assim que parece. E só parece assim porque este site, este site WordPress, está usando esse tema. Obviamente, você pode fazer opções de personalização, mas, no momento, essa é a aparência da versão padrão dessa viga Se escolhermos esse feixe, digamos que clicaríamos aqui na visualização ao vivo. Como você pode ver, é assim nosso site ficaria com esse FEM ativo Obviamente, podemos alterar o conteúdo, adicionar nossas imagens, adicionar nossos produtos de postagem no blog e qualquer coisa assim. Mas a versão padrão desse feixe teria essa aparência. Então, como você pode ver, é um site com uma aparência meio diferente, mas ainda não parece muito bom. Tudo bem, já que não vamos usar isso quando podemos fechá-lo aqui Tudo bem, então se você quiser adicionar um novo tema, você terá que ir aqui, Adicionar novo tema E como você pode ver, temos muitos temas disponíveis. Temos nossos 5.000 temas que você pode usar em seu site WordPress. Normalmente, os temas para sites de comércio eletrônico estão em categorias diferentes porque os temas de comércio eletrônico são mais personalizáveis Temas para blogs e sites de negócios são um pouco mais simples. Mas se você estiver procurando por temas e quiser ler a lista de todos esses temas, você pode até usar o filtro. Então, aqui, que tipo de temas você está procurando? E você pode usar esses filtros. Se quiséssemos voltar, você poderia usar a Pesquisa para procurar determinados temas. Novamente, cabe a você decidir se deseja usar os temas. Mas neste curso vou mostrar os temas que eu mesmo uso e que estão comprovados, mas é importante que você saiba onde encontrar temas. Então, este é um lugar onde você pode encontrar temas. Normalmente, todos os temas aqui são três mu, que significa que eles têm versões gratuitas e pagas E, geralmente, com versões gratuitas, você não tem muitas opções de personalização e não conseguirá criar um site com aparência verdadeiramente única Então, você precisará comprar uma versão paga. E, geralmente, se os temas estão aqui, geralmente esses temas custam cerca de $60 por ano Portanto, você terá que pagar todos os anos por um tema premium desta lista. Obviamente, isso não se aplica a todos os temas aqui. Mas a maioria desses temas, eles têm essas duas opções. Eles têm versão gratuita e premium. Há outro lugar onde eu gosto de comprar meus temas premium e é um site completamente diferente. Então, vou até este site para mostrar como fica. Este é o lugar onde eu gosto de obter meus temas premium. Então, por exemplo, se eu fosse para a guia WordPress aqui e clicasse em itens populares, você encontrará temas populares. Por exemplo, se eu for abrir esse tema, como você pode ver, esse tema custará $69 Mas a melhor parte é que com todos os temas que agora aqui neste site, eles só têm uma taxa única Portanto, eles só vêm com uma taxa única. Você só precisa pagar por esses temas uma vez. E basicamente esses temas pertencem a você. Você não precisará pagar $69 todos os anos. Portanto, é apenas uma taxa única. Tudo bem, então este é o outro lugar onde você pode procurar esses temas e os streams que estão aqui neste site não podem ser encontrados E se você quiser adicionar este FEM, você precisará fazer o upload depois de comprar esse tema E você precisará fazer o upload do arquivo aqui, este tema, e você precisará instalar esse tema. Isso não significa necessariamente que você usará esses outros temas imediatamente. Mas, como eu disse, é importante você saiba quais são nossos temas, como usá-los, quais opções estão disponíveis. E é bom saber que você terá mais opções no futuro. Tudo bem, então os temas são responsáveis pela parte de design do seu site Agora vamos falar sobre plugins. Vamos aos Plugins. E como você pode ver agora, temos que conectar o SAG, como eu disse, esse plugin é responsável por acelerar nosso site e esse plug-in é responsável por adicionar uma camada extra de segurança ao nosso Então, basicamente, os plug-ins são responsáveis por adicionar novos recursos ao seu site Mesmo se você quiser adicionar um recurso de comércio eletrônico ao seu site, precisará instalar um plug-in chamado WooCommerce Então, para instalar um novo plugin, você precisará ir até aqui. Como você pode ver aqui, há muitos plugins disponíveis para agregar valores recursos diferentes ao seu site É claro que, no futuro, talvez você decida adicionar algum outro recurso ao seu site. E esse recurso não foi mostrado neste curso. Talvez você queira fazer algumas mudanças. Você pode usar vários plugins. Portanto, há muitos plug-ins disponíveis para barreiras de diferentes recursos E você pode basicamente usar a Pesquisa para procurar esses plug-ins E, claro, se você acessar este site, também existem esses plug-ins aqui E assim como com os temas, esses plug-ins e duas versões, eles vêm com uma versão gratuita e uma versão premium E geralmente uma versão premium custa caro. Claro, isso vai te custar menos do que um tema. E em alguns casos, pode custar algo semelhante a uma taxa de tema. Mas sim, esses plug-ins aqui podem custar caro. Talvez seja necessário pagar antecipadamente pelos plug-ins premium. Mas se você comprasse plug-ins daqui, novamente, basicamente você possuiria esses plug-ins Tudo bem, então os plug-ins são responsáveis por adicionar vários recursos ao seu site E neste curso, não usaremos plug-ins pagos porque podemos facilmente configurar um site bonito, profissional e funcional, um site bonito, profissional e funcional mesmo Então, provavelmente agora você entende para que os plug-ins são usados. E, claro, é importante observar que, se você estiver procurando por um determinado recurso para adicionar um recurso ao seu site, digamos que adicione formulários ao seu site para que seus visitantes possam usar esses formulários e deixem mensagens para você. Então, é claro, isso não significa que haja apenas um plug-in responsável por esse futuro. Há muitos plug-ins disponíveis para o mesmo recurso Por exemplo, se eu amarrasse formulários de palavras-chave. Como você pode ver, temos várias versões diferentes disponíveis. Temos nossos 1.000 plug-ins disponíveis para esse recurso específico de adicionar formulários de contato ao seu site Portanto, é semelhante aos aplicativos de telefone. Existem muitos aplicativos para vários recursos diferentes. Tudo bem, então agora podemos fechar essas duas guias, eu acredito. E provavelmente agora você entende o que são temas e plugins Quatro. Os temas são responsáveis pela parte de design do seu site. E os plug-ins são responsáveis por adicionar novas funcionalidades ao seu site Então isso é tudo por enquanto 16. (2.4) tipos de conteúdo: Vamos nos concentrar nos tipos de conteúdo que temos em nosso site WordPress e nas lições anteriores, já falamos um pouco sobre eles e vamos nos concentrar em postagens e páginas. Você pode estar se perguntando por que isso é tão importante e por que estou me repetindo Acho que é muito importante porque, no passado, recebi várias perguntas de pessoas perguntando como essas duas coisas são diferentes. E, pelo que me lembro, eu e um baixo que tinha alguns problemas para entender a diferença entre essas duas coisas Então, por exemplo, vamos começar com Páginas e ir para Todas as páginas. E, como mencionei antes, as páginas são um tipo de conteúdo estático. Ao criar seu site, você não terá muitas páginas. Depois de terminar de avaliar seu site, provavelmente é isso. Essas serão as páginas que você terá em seu site assim que terminar de avaliar seu site; é claro, em uma guia Páginas aqui, você terá páginas como política de privacidade aqui, termos e condições Se você for administrar uma loja de comércio eletrônico, terá informações de envio e entrega ou política de reembolsos e devoluções e todas as outras páginas importantes, páginas de pesquisa, é claro, como política de cookies e assim por diante Então, essas páginas vão para as páginas que você terá em seu site. Obviamente, você também terá essa página como página de blog para exibir suas postagens no blog Porque você precisa ter uma página para poder exibir as postagens do blog que você vai postar aqui clicando em Adicionar novo, e você terá essa página como página inicial A página inicial será a primeira página do seu site Então, por exemplo, se você for adicionar uma página de contato, onde você adicionará essa página? Você não vai entrar aqui e postar e não vai clicar aqui, Adicionar nova postagem só porque é mais fácil ou mais personalizável Saiba, você vai aqui e clicará em Adicionar novo. Eu só vou abrir em uma nova guia. E como você pode ver, é assim que parece. É aqui que podemos adicionar nossas páginas e simplesmente digitar o título da página. E aqui você pode adicionar informações e lição posterior, mostrarei como criar essas páginas. E, por enquanto, podemos fechar essa guia. No entanto, se você for adicionar uma página de contato, você usará páginas desta página. Então, vamos posar. Tudo bem, vamos para todas as poses. E, como mencionei antes, você resolve adicionar postagens no blog. Portanto, se você administra quase qualquer tipo de site, há uma grande chance de ter muitas postagens no blog. Eu recomendo fortemente escrever postagens no blog porque, ao escrever postagens no blog, você pode atrair mais visitantes para o seu site. Tudo bem, então, por exemplo, vou clicar nas postagens deste blog e vou abrir uma nova guia e só quero ir para Todas as páginas mais uma vez, as normas clicarão aqui E também vou abrir esta página de amostra em uma nova guia. Agora, vamos comparar essas duas páginas, como elas são diferentes. Vamos comparar esta página com esta postagem do blog. Então, dá para ver que parece exatamente o mesmo. Postagens no blog. Temos várias informações que são adicionadas aqui. Ele foi adicionado por padrão. E como você pode ver aqui, temos uma seção de comentários. Então, isso é algo que não temos em nossa página. Esta é a página de amostra e é bem simples, como você pode ver, não tem muita coisa em comparação com uma postagem de blog, porque as postagens do blog têm uma seção comum. Obviamente, é possível ativar a seção comum de quatro páginas, mas não é uma prática comum e eu não recomendo que você faça isso. Então, tudo bem, você pode ver há uma clara diferença entre páginas e postagens de blog Tudo bem, podemos fechar isso. E se eu voltasse a me gabar aqui, clicaria em todas as postagens Como você pode ver, esta é a lista de todas as postagens. Como você pode ver, ambos têm categorias e tags. Normalmente, as tags que eu costumava escrever garantem o que esta postagem do blog trata sobre as palavras-chave mais importantes e assim por diante E como você pode ver, tem uma seção comum, tem data de publicação e assim por diante. Então, quando você tiver mais postagens de blog aqui nesta lista, você verá quem é a oferta e verá a categoria das postagens do blog, tags, comentários e assim por diante. Para adicionar novas postagens no blog, você terá que clicar aqui. E eu vou te mostrar que todo esse painel, esse painel inteiro parece idêntico ao anterior quando clicamos em Adicionar nova página, tudo bem, embora pareça o mesmo, mas aqui temos alguns ajustes diferentes aqui, onde podemos fazer alguns ajustes na postagem, onde podemos ajustes na postagem, onde podemos escolher categorias e tags, adicionar imagem em destaque e adicionar imagem em destaque Tudo bem, então essa é a principal diferença. A principal diferença é que as páginas são usadas para exibir conteúdo estático, conteúdo importante para seus visitantes e postagens que eu uso para adicionar várias postagens de blog e postagens formativas no blog, informações valiosas para seus visitantes, onde eles podem ler coisas interessantes, coisas valiosas Por exemplo, se eu estiver criando uma loja de animais de estimação onde estou focando apenas em produtos para gatos. Então, vou ter páginas como Contato, termos e condições, políticas de privacidade, envio e entrega e todas essas outras páginas semelhantes em postagens de blog Eu poderia adicionar várias postagens de blog com informações valiosas para mais visitantes. E essas postagens do blog teriam categorias diferentes. Então, por exemplo, eu poderia ter uma categoria como raças, onde eu poderia falar sobre vários Cadbury's diferentes, onde eu poderia compartilhar vários fatos sobre gatos sobre certos Cadbury's Eu também poderia ter uma categoria como saúde e cuidados, onde eu poderia compartilhar várias etapas em diferentes postagens de blog para ajudar seu gato, para ajudar seu gato mais velho e assim por diante. Então você provavelmente agora entende qual é a principal diferença. Porque sei por experiência própria que algumas pessoas podem achar esse tipo de dificuldade de entender. Obviamente, quando você tem um site de comércio eletrônico, você terá outro tipo de conteúdo que serão produtos Mas geralmente isso não é tão confuso. Os produtos são bem simples e o principal problema é quando falamos sobre páginas e postagens. Então, agora você deve entender o que é o pós-guerra e as páginas eram muito melhores E a partir daqui, podemos passar para outras aulas 17. (2.5) criando páginas importantes: Tudo bem, então neste artigo vamos criar páginas mais importantes para o nosso site Essas páginas serão termos e condições, política de privacidade, envio e entrega, página Sobre nós, página de contato, página sobre nós. Obviamente, você criará páginas como a página inicial. Então, teremos esta página assim que instalarmos o site Ciao, poderemos trabalhar na página inicial e a próxima página que também será muito importante será uma página de blog Obviamente, no final do dia, você decide se deseja escrever postagens de blog em sua loja de comércio eletrônico, se quiser adicioná-las Mas eu sempre recomendo fortemente que você faça isso porque isso lhe dá vantagem extra e você receberá mais visitantes para o seu site. E isso significa que há uma chance maior você conseguir mais clientes. Tudo bem, então para criar sua página, é claro que você se lembra, você tem que ir aqui e vamos verificar todas as páginas mais uma vez E vamos deletar essa página porque não vamos usá-la. Como você pode ver, já temos uma política de privacidade. Ele foi criado automaticamente como você mesmo o viu. É muito bom. É muito bom. Não vou mentir, mas é claro que pode ser uma opção melhor usar essa página criada automaticamente para blogueiros, para sites de pequenas empresas que representam uma marca ou uma empresa e não um site de comércio eletrônico Mas podemos manter essa página e depois editá-la. Então, primeiro de tudo, vamos criar a primeira página. E a primeira página que eu quero criar será a página Sobre nós. Então, vamos clicar em Adicionar página. Tudo bem, aqui precisaremos adicionar um título aos nossos colegas Então, basta dar um título sobre e pronto. Portanto, antes de prosseguirmos, acredito que é importante dar uma rápida visão geral de todas as ferramentas que temos aqui Então, todas as ferramentas aqui, essa guia aqui, essa barra lateral, eu não sou uma guia, mas uma barra lateral com várias opções Aqui é apenas para editar sua página. Então, como você pode ver, você pode fazer algumas alterações no URL. Você pode adicionar autor, mas isso não é necessário. Você pode adicionar imagens em destaque, adicionar comentários, permitir comentários, mas não faremos nenhuma alteração aqui. Essa barra lateral é muito importante quando você está adicionando postagens de blog, porque lá você precisará selecionar algumas coisas, adicionar uma imagem em destaque para sua postagem no blog Mas quando você está trabalhando com páginas, ele realmente não precisava fazer isso. O maior foco estará aqui. Depois de clicar nesse símbolo de mais, você receberá vários blogs. Então, como você pode ver, temos todos os tipos de blogs. Temos um bloco de parágrafos para adicionar apenas os parágrafos do texto Temos o blog Heading para adicionar cabeçalhos, temos um blog de listas e, como você pode ver, criamos imagens blogs e todos os tipos de outros Para ser honesto, ao criar páginas, você provavelmente usará apenas um bloco de parágrafos, um bloco título e talvez uma imagem, se isso for algo que você queira usar. Ou talvez você use alguns códigos de incorporação como vídeos de incorporação do YouTube, para falar sobre sua empresa Talvez você queira incluir um vídeo em que apresente loja de comércio eletrônico ou fale sobre sua história Nesse caso, é claro, você pode adicionar vídeos. Mas, novamente, eu não recomendo adicionar vídeos diretamente ao seu site WordPress, porque se você fizer isso, seu site ficará lento. Então, queremos usar o YouTube em vez disso. Então, basta adicionar seu vídeo ao YouTube e depois usar essa incorporação, por exemplo, desse jeito E basta colar o URL do seu vídeo aqui e clicar em incorporar. Dessa forma, seu vídeo será adicionado à sua página. E dessa forma, ele não vai usar os recursos do seu site. Dessa forma, seu vídeo usará os recursos do YouTube. Portanto, isso não vai desacelerar seu site. Então, isso é muito importante. Tudo bem, então, como eu mostrei, esses são blogs. E quando você está adicionando seu conteúdo, você pode simplesmente começar a digitar esse conteúdo aqui, apenas preso onde você precisar Depois de pressionar Enter, ele abrirá um novo parágrafo. Então você vai ter outro bloco com um parágrafo. Normalmente gosto de anotar todas as informações, todas as informações importantes e Google Docs ou qualquer outro documento E quando eu terminar com isso, eu simplesmente colo essas informações. Então é exatamente isso que vou fazer. Eu já preparei algumas informações sobre o meu negócio com antecedência e depois vou colar essas informações aqui e você verá como ficam. Tudo bem, você pode ver que acabei de colar informações sobre o meu site e é assim que parece Não é demais, mas quando você está escrevendo sobre textos, sobre seu site, na verdade você não precisa escrever muita informação. Mas acredito que é importante e essencial porque, no final do dia, você quer falar sobre seus negócios dessa forma parecerá um pouco mais confiável Seus visitantes, seus clientes em potencial o conhecerão um pouco melhor. Portanto, eu recomendo fortemente que você use para criar sua página sobre. Basta anotar, escrever no Google Docs ou em qualquer lugar que você quiser e colar essas informações aqui Então, vou mostrar como adicionar uma imagem a esta página, a esta página sobre. Então, como eu mostrei antes, ao clicar aqui, você encontrará vários blogs e aqui está um bloco de imagens. Então, basta arrastar esse bloco e soltá-lo onde quiser. Tudo bem, então se você quiser adicionar uma imagem, basta clicar aqui Biblioteca de mídia, é claro, você poderia ter clicado para fazer o upload, mas eu geralmente gosto de fazer isso na biblioteca de mídia Então, vamos clicar em Selecionar arquivos e só um segundo. Essa é a pasta que eu quero abrir e essa é a imagem que estou planejando usar. Tudo bem, então eu não vou adicionar nenhum título. Eu não vou mudar nada. Isso será como aspectos de SEO, aspecto de otimização de mecanismos de pesquisa. E eu vou falar sobre isso em fases posteriores do discurso, provavelmente na última etapa deste curso Tudo bem, então basta selecionar uma imagem. Vamos clicar em Selecionar. E como você pode ver, adicionamos uma imagem com sucesso. Essa imagem não faz muito sentido, mas na verdade parece muito boa Tudo bem, você pode visualizar as alterações feitas. Depois de clicar aqui, você pode clicar em Visualizar Nan. Como você pode ver, esta é a nossa página sobre. É simples ver a página. É claro que não será assim que terminarmos de trabalhar em nossa loja de comércio eletrônico, porque vamos instalar outro tema e faremos todas as opções de personalização e ele ficará um pouco melhor do que Mas você pode obter um rascunho rápido. Você pode ter uma visão melhor de como vai ficar. Parece bem simples. Então, como você pode ver, é assim que é feito. Agora também podemos fechar essa guia de visualização. Você pode visualizar como ficará no tablet, no celular e assim por diante. Então, podemos fechar este. E outra coisa que eu queria te mostrar, você pode fazer ajustes, fazer um blog específico Então, uma vez que você clica em um bloco, neste caso em um blog de imagens podemos fazer alterações nesse bloco, como você pode ver aqui, temos vários ajustes. Esta é a guia do blog deste blog em particular que é imagem. E você pode fazer algumas mudanças aqui. Assim, podemos mudar o alinhamento dessa imagem. Assim, podemos alinhar essa imagem à esquerda. Não parece muito bom, mas podemos mantê-lo como estava antes. E se você clicar aqui, você poderia fazer alguns outros ajustes. No momento. Só um segundo. Só estou procurando alinhar ao centro, alinhar à esquerda. Tudo bem, se você fizesse isso, você poderia redimensionar essa imagem e fazer com que ela ficasse assim Mas não está funcionando muito bem. Então, vamos fazer isso. Foi anteriormente, acho que essa era a versão anterior. Tudo bem. Então, sim, é assim que parece. Como você pode ver. Você pode redimensionar essa imagem. Você pode fazer todas essas mudanças se quiser, se precisar. Assim, você saberá como adicionar uma imagem, como adicionar e incorporar vídeo. É bem simples. Eu recomendo fortemente que você anote todas as informações no Google Docs ou em qualquer outro arquivo de documento e cole essas informações aqui Como você pode ver, temos blogs diferentes para cada parágrafo. Você pode fazer ajustes aqui mesmo se precisar adicionar elementos de título Digamos que aqui, onde estava? Esse é o elemento de cabeçalho. Basta colá-lo aqui. O segundo nível de cabeçalho está definido. Então é exatamente isso que você deseja usar e basta digitar o texto que deseja usar. Por exemplo, nossa história. E você pode clicar em Visualizar mais uma vez e em uma nova guia novamente. E é assim que vai ficar. É claro que, no final, vai ficar um pouco melhor porque vamos mudar o tema. E no final deste curso, vamos garantir que tudo bem, tudo esteja ótimo. Agora podemos fechar essa guia e clicar em Publicar. Tudo bem, vamos clicar em Publicar mais uma vez. Tudo bem, podemos voltar à lista de todas as nossas páginas. E a próxima página que vamos criar será a página de contato. Então, basta adicionar um título aqui. Entre em contato ou entre em contato conosco. Depende de você qual tipo de título você quer usar. Vou apenas usar o Contato e clicar em Publicar desta vez. Não vou adicionar nenhuma informação porque, assim que instalarmos um tema com um novo tema, teremos mais opções, mais opções de personalização Poderemos incluir o Formulário de Contato. E você verá que, com esta página de contato, precisaremos usar mais opções de personalização do próprio tema. E agora, podemos criar apenas uma página em branco. Só queremos já ter todas as páginas para não atrapalhar nosso fluxo de Tudo bem, acabamos de publicar nossa página de contato. Está no ar e agora podemos voltar e eu vou adicionar a próxima página. A próxima página será sobre os termos e condições. Tudo bem? Então, vou digitar os termos e condições aqui. E você pode estar se perguntando onde obter os termos e condições desta página. Tudo bem, vou compartilhar com vocês alguns dos métodos que eu mesmo uso, algumas das maneiras que usei para gerar essas páginas importantes para nossos visitantes, para nossos clientes Porque se você não vai ter essas páginas, você não vai parecer confiável E, claro, essas páginas, na verdade, para ajudar você a proteger sua empresa. Portanto, não haveria nenhuma brecha. Então, é claro, grandes empresas como a Amazon têm todos os advogados e todas as equipes jurídicas trabalhando nessas coisas. Mas quando você é apenas uma pequena empresa, não deve se preocupar muito com isso. Normalmente, modelos e páginas simples funcionam e funcionam muito bem. Tudo bem, então vou abrir para você uma nova guia e explicarei onde geramos todas as páginas importantes Tudo bem, então vou abrir um novo fornecedor. E como você pode ver, este é o meu Google Docs. E aqui eu tenho todas as páginas que não têm termos e condições. Tenho informações de envio e entrega. Eu tenho uma política de privacidade, tenho devoluções e reembolsos e, claro, tenho uma política de cookies Tudo bem, então a pergunta é: onde eu consegui essas páginas Na verdade, não gastei muito tempo gerando essas páginas. Levei cerca de 15 minutos e tenho páginas personalizadas. Essas são páginas para minha empresa São páginas classificadas para loja online, ou seja, esta E, como você pode ver, ele tem todas as informações necessárias. Claro, se você quiser ter certeza de que funciona melhor do que esta versão. Você pode verificar outros sites em que confia, verificar seus termos e condições, verificar suas outras páginas legais e ver o que você pode usar e adaptar para seu próprio site. Mas eu vou te mostrar como essas páginas são geradas. Então, vou compartilhar com vocês o primeiro método. E o primeiro método é totalmente gratuito no momento, é totalmente gratuito. Não sei como será no futuro, mas existe uma ferramenta como a Open ai.com Está aqui mesmo. Você pode ver, basta verificar a URL que está aqui. E é uma inteligência artificial geradora que, basicamente, com essa ferramenta, você pode escrever todos os tipos de conteúdo, não apenas o necessário, as páginas importantes ou qualquer outra página. Você pode escrever quase tudo que possa imaginar. Este gerador é muito poderoso e pode bombear todos os tipos de conteúdo. Então, mostrarei quais entradas são adicionadas. Então, eu obteria um espaço de termos e condições. Então, só um segundo, vamos rolar para cima. E esta é a página de envio e entrega. Tudo bem, termos e condições. Tudo bem, então isso é o que eu digitei aqui e conversei. Pergunte a essa ferramenta Open AI, gere termos e condições para um site de comércio eletrônico, prepare em nosso catalyst.com E isso é o que é um Deus. Isso é o que é um deus. Era uma página muito bonita com termos e condições E isso realmente faz o trabalho. Parece profissional, confiável tem termos e condições claros Então isso é o mais importante. Assim, assim como são gerados, termos e condições, assim como são gerados frete e entrega, como você pode ver, geram frete e entrega para um site de comércio eletrônico, bacon em vez de Carlos Aqui vamos nós. Temos frete e entrega na minha série de casos nos Estados Unidos. Mas no seu caso, pode ser qualquer outro país. Mas, novamente, se você estiver criando seu site em qualquer outro idioma, talvez seja necessário gerar e depois traduzir esse texto. Mas isso não é um grande problema. E como você pode ver aqui, temos informações claras de envio e entrega. E, claro, talvez eu precise ajustar essas informações de entrega. Talvez eu precise adicionar meu próprio cronograma, mas basicamente temos a maior informação pronta e não precisamos nos apressar em escrever isso sozinhos Podemos usar o gerador de IA. Então, vou mostrar o que fiz com a política de privacidade. Eu fiz o mesmo. Esta é minha opinião para gerar política de privacidade para um site de comércio eletrônico, bacon avocados.com E aqui vamos nós. Temos uma página de política de privacidade, assim como é totalmente gratuita. Essa é a melhor coisa. Tudo bem, vamos rolar para baixo. Geramos devoluções e reembolsos para um site de comércio eletrônico E essa ferramenta de IA gera todas as informações necessárias. Portanto, você não precisa pagar por pessoas que gostam dessas coisas. Normalmente, custaria muito. Mas com essa ferramenta, você pode fazer isso gratuitamente. Eu sei que mesmo as pessoas que usam essa ferramenta, elas passam em alguns exames. Então, esse é o quão avançada é essa ferramenta. Você pode usar facilmente essa ferramenta para gerar páginas como devoluções e reembolsos e assim por diante Tudo bem, eu gerei a política de cookies. Então, como você pode ver, isso é o que está inserido. É política de cookies e para sites de comércio eletrônico, e eu disse que o cookie é usado para fins de marketing. Então, como você pode ver, essa é até mesmo a descrição do cookie. O que é isso? Normalmente são sites como o Facebook. Quando você exibe anúncios no Facebook ou quando você exibe anúncios no Pinterest, eles salvam cookies no dispositivo do seu visitante E dessa forma você pode fazer campanhas de marketing. Boas campanhas de marketing, campanhas de marketing calculadas. É assim que os cookies funcionam. E agora isso pode estar um pouco avançado, mas você realmente não precisa saber muito sobre isso. Você só precisa saber como escrever essas páginas, essas páginas importantes e quais informações deseja incluir. Claro, eu sei que vou veicular anúncios no Facebook. É por isso que incluí cookies usados para fins de marketing e será o Facebook. Vou veicular anúncios no Pinterest. Vou exibir anúncios do Google e também incluir cookies usados para análise, ou talvez eu pudesse incluir a análise de tráfego. Porque mais tarde, neste curso mostrarei como configurar o Google Analytics para que você possa analisar o tráfego que está chegando ao seu site. Assim, você saberá quantos visitantes está recebendo, onde vêm esses visitantes. Dessa forma, você poderá analisar o desempenho do seu site. Então, obviamente, você também quer incluir este. É assim que sua entrada deve ficar e basta digitar esta, pressionar Enter e você terá a página de política de cookies pronta para você. A segunda opção que eu costumava fazer era gerar política de privacidade com essa ferramenta, como você pode ver aqui. E como você pode ver aqui, você terá que inserir seus dados e clicar em Avançar, e sua política de privacidade será gerada. E talvez essa opção possa ser melhor para blogueiros, para sites de pequenas empresas, onde esses sites são destinados a representar marcas ou empresas, porque é uma política de privacidade muito simples Mas, novamente, cabe a você decidir se deseja conferir essa ferramenta. Eu usei essa ferramenta no passado A última opção que eu mesmo uso, que usei no passado, na verdade, eu uso essa opção para um dos meus sites. Eu tenho uma opção premium para este. Não custa muito em comparação com todas as outras plantas. Isso comparado a todas as outras ferramentas, não às plantas, mas talvez no futuro cause um pouco mais. Mas, no momento, essa era a ferramenta paga mais barata para gerar páginas importantes que pude encontrar. E isso é o que eu estou usando. Então, como você pode ver, mas essa ferramenta, mesmo com uma versão gratuita, você pode gerar todos os tipos de páginas. Essas páginas serão um pouco limitadas em comparação com as páginas premium. Vou apenas fazer login neste site e vou mostrar como fica. Tudo bem, então esse é um dos meus projetos. Como você pode ver, eu tenho quatro páginas em uso de cinco. Então, se eu clicar aqui, gerencie, como você pode ver, essas são todas as páginas que estou usando. Por exemplo, se eu clicar em termos de serviço, isso é termos e condições. Claro que esta página não é em inglês, mas eu só queria mostrar que essa opção existe. Tudo bem, então, para copiar todos os textos aqui, a melhor opção seria o glucuronídeo E você teria que abrir esse arquivo HTML e uma nova guia e copiar todos os textos aqui e simplesmente voltar à sua página e colar todas as informações aqui. E será copiado e colado sem perder seu estilo ou algo parecido Então você também pode usar essa opção. Portanto, essa é a opção paga. É bem barato. Eu mesmo o uso. Essa é a outra opção. Este é bastante limitado. Você pode criar uma página de política de privacidade. Claro que existem outras opções, mas essa não é a melhor opção na minha opinião, mas mesmo sendo bastante limitada, você pode usá-la para projetos menores. E essa é a última opção que provavelmente é a melhor. É totalmente gratuito. E com essa opção, com essa ferramenta, com essa ferramenta de IA, você pode gerar essas páginas gratuitamente. Tudo bem, então dependerá de você qual opção você deseja usar, mas eu só queria mostrar que essas opções existem Tudo bem? Então, é claro, vou copiar este texto de termos e condições aqui. E eu vou simplesmente copiá-lo. E vou voltar à minha página de termos e condições. Tudo bem? E eu vou colar essas informações aqui. Tudo bem? Então, só um segundo, vamos voltar. Vamos verificar se perdi números, sim, últimos números. Então, em vez de copiar dessa forma, vou copiar da outra maneira Tudo bem, vamos voltar e vamos só um segundo. Só um segundo. Agora deve funcionar. Tudo bem, então esta é minha página de termos e condições. E só um segundo, vou deletar esse blog? E agora podemos clicar em Visualizar. Vamos clicar em pré-visualizar. Como você pode ver, é assim que parece. Temos uma página de termos e condições completa e terminamos com esta página. Agora podemos fechar essa guia e clicar em Publicar, publicar. Vamos clicar mais uma vez e voltar à lista de todas as nossas páginas. E como você pode ver, essas são as páginas que temos agora. Portanto, temos nossa página sobre. Terminamos com esta página. Terminaremos de trabalhar nesta página e em outras lições quando instalarmos um tema Terminaremos completamente os termos e condições e as políticas de privacidade, então o Jad é privado Suponha que, em vez de avaliar uma nova página, possamos editar essa Como você pode ver, essas são as informações que temos, então podemos simplesmente selecionar todas as informações aqui e excluí-las. Tudo bem, então agora sumiu. Então, agora vou colar o texto do documento anterior. Tudo bem, então vou apenas adicionar minha política de privacidade e agora posso clicar em Publicar Vamos clicar em Publicar mais uma vez e podemos clicar em Exibir página. Vamos ver como fica. E, no entanto, é assim que parece. Simplesmente assim. Eu vou voltar e vou para as páginas, vou para Todas as páginas. E eu vou criar, e vou apenas adicionar todas as outras páginas que faltam. Então, vou pular todo esse processo para você, para que você não fique muito entediado. E, como você se lembra, vamos clicar em Adicionar novo e adicionar todas as informações necessárias. Tudo bem, como você pode ver, acabei de adicionar todas as páginas e todas as páginas podem ser encontradas aqui Então, já temos todas as páginas. E, como você mesmo viu, você tem várias opções para gerar essas páginas. Você pode usar a ferramenta de IA ou usar uma opção paga ou qualquer outra opção que desejar. Obviamente, se quiser, você pode verificar outros sites, as políticas de outros sites e tentar criar suas próprias políticas. Tudo bem, então é isso para esta lição. Agora você sabe como criar páginas e como gerar informações para essas páginas. 18. Resumo da seção 2: Parabéns por concluir a seção WordPress. Agora sabemos como esse sistema de gerenciamento de conteúdo funciona. Quais são as configurações mais importantes? E, basicamente, agora você tem uma base sólida de WordPress. Então, a partir daqui, vamos começar a trabalhar em nossa parte de comércio eletrônico do nosso site Mas como agora você sabe como o WordPress funciona, é aqui que você poderá criar praticamente qualquer tipo de site. Você pode imaginar. Essas informações que você acabou de aprender serão úteis para você, não apenas na criação de lojas on-line ou sites de comércio eletrônico Mas se você decidir criar um blog, saberá como usar o WordPress para criar um blog ou apenas um site comercial comum para representar uma marca ou empresa. Portanto, esse é um conhecimento muito poderoso para saber como usar o WordPress. E muitos sites usam o WordPress por um motivo, porque é um sistema de gerenciamento de conteúdo realmente excelente. Então, parabéns. Agora você sabe como usar o WordPress e estamos nos aproximando do nosso site de comércio eletrônico É claro que ainda há muitas coisas a fazer, mas agora você sabe como usar o WordPress. Ótimo trabalho 19. (3.0) começando com o WooCommerce: Então, terminamos com a seção WordPress. E agora vamos começar com a seção WooCommerce. Woocommerce é um plugin e , como você provavelmente se lembra de plug-ins e meio, estamos adicionando várias funcionalidades ao seu Como terminamos com a parte do WordPress, vamos passar para a parte do WooCommerce E o WooCommerce é um plugin que adiciona uma funcionalidade de comércio eletrônico ao nosso site Então, para instalar um plugin, você provavelmente se lembra que precisa ir aqui e clicar em Adicionar novo. E aqui na barra de pesquisa digite WooCommerce. Tudo bem? E como você pode ver, esse é o plugin que queremos usar. Como você pode ver, ele tem mais de 5 milhões de instalações ativas. Então, acrescentamos que esse plugin é popular e podemos clicar em instalar agora. Tudo bem, vamos clicar em ativar. Tudo bem, então aqui vamos precisar preencher todas as informações Basta selecionar seu país, sua região. Porque, dependendo da região selecionada, você terá fuso horário diferente ou tipos diferentes de configurações. Então, aqui é onde você deve selecionar seu país. E se você ativasse impostos em sua loja WooCommerce E eu vou te mostrar como isso é feito. Essas informações, esse endereço, o país e tudo mais serão usados para calcular os impostos automaticamente. Portanto, você não precisará instalar nenhum plug-in separado. Isso será feito automaticamente para você. Você só precisa selecionar seu endereço, certo? Se você não estiver pronto para isso, é claro que você pode pular Vamos clicar em Continuar. Não vamos compartilhar nenhum dado com o WooCommerce porque não queremos desacelerar nosso site Basta selecionar seu setor. Claro que não é necessário, mas vamos fazer de outra forma. E, claro, você pode escolher o tipo de produto que vai vender. Neste curso, você criará, armazenará apenas produtos físicos. Então, vamos mantê-lo como está, mas, como você pode ver, também há outras opções disponíveis. Então, usando o WooCommerce, você pode criar uma loja on-line, não apenas para produtos físicos, mas para produtos para download Assim, com produtos digitais, você pode criar sites baseados em assinaturas Você também pode criar associações, tipos de sites e todos os outros tipos de sites. Tudo bem, vamos clicar em Continuar. Se quiser, você pode selecionar algumas informações aqui. Quantos produtos você planeja exibir? Podemos selecionar 11-100 estão vendendo em outro lugar, acho que não E podemos clicar em Continuar. Vamos ver quais extensões gratuitas eles oferecem para nós. Tudo bem, só um segundo. Podemos desativar esse. Podemos manter esse e veremos se você precisará desse plugin mais tarde, quando configurarmos os gateways de pagamento, verificaremos se precisaremos desse plugin Se você não precisar, substituiremos esse plug-in por outra opção. Tudo bem, podemos desmarcar este porque não vai nos ajudar em Empresa de néon que diz que é para segurança. Não se preocupe com isso. Não vamos precisar de um poeta masculino. Eu vou precisar desse. Não precisaremos desse porque nós podemos instalar esse plugin mesmos podemos instalar esse plugin manualmente e podemos instalar uma versão ainda melhor do que esta. Tudo bem, só um segundo. Tudo bem, podemos deixar esse. Os usuários do Pinterest vão descobrir produtos. Eles poderão fixar nossos produtos em suas placas. Portanto, alcance extra para nós. Então isso é bom. Podemos manter esse aqui, Facebook para WooCommerce, também podemos manter esse Mas só um segundo, deixe-me pensar sobre isso. Não, na verdade não precisamos desse porque o Facebook tem seu próprio plugin para isso e funciona muito melhor do que o plug-in WooCommerce, então podemos desativá-lo E o TikTok novamente, se você decidir que deseja veicular anúncios do TikTok no Você pode instalar este plugin, mas vivo para manter tudo leve. Onde eu fiz o possível porque eu não quero que nosso site carregue lentamente. Quero que nosso site carregue o mais rápido possível. É por isso que desativei tantos plug-ins porque existem versões melhores do que as oferecidas aqui E nas aulas posteriores, você mesmo verá isso. Tudo bem, vamos clicar em Continuar. E desde que instalamos o WooCommerce e adicionamos a funcionalidade de comércio eletrônico ao nosso site O tema anterior que estava ativo, é esse. Não vai funcionar muito bem com o WooCommerce. E, claro, nas aulas posteriores vamos instalar outros temas. Mas, por enquanto, vamos escolher esse feixe que vem por padrão com o WooCommerce E ao instalar esta semana, veremos melhor e entenderemos melhor nosso site de comércio eletrônico Então, acabamos de instalar o plug-in WooCommerce. E assim, adicionamos uma funcionalidade de comércio eletrônico ao nosso site Então, como você pode ver, é assim que parece. Como você pode ver, nosso painel do WordPress Deus, maior, muito maior Porque agora temos produtos WooCommerce, pagamentos e análises E provavelmente com pagamentos, podemos desativar esse plugin porque ele não vai nos ajudar muito. Esse será um plugin um pouco diferente. Mas, como você se lembra, vamos praticar mais uma vez e vamos para Instalar plug-ins e selecionar pagamentos WooCommerce Vamos desativar esse plugin e clicar em Excluir porque não precisaremos desse plugin Vamos instalar outros plug-ins para opções de pagamento comprovadas e que realmente funcionam Tudo bem, então é assim que parece. Como você pode ver, nosso painel do WordPress ficou maior e agora nosso site tem a funcionalidade de comércio eletrônico Gostaríamos de visitar nosso site. Como você pode ver, parece um pouco diferente. Tem um carrinho de compras. Não tem nenhum produto porque não adicionamos nenhum produto. Mas, no momento, nosso site parece completamente diferente da versão anterior. Tudo bem, então é isso para esta lição, tivemos uma rápida introdução ao WooCommerce E agora você sabe que o WooCommerce é um plugin que adiciona funcionalidade de comércio eletrônico ao seu site E instalamos alguns dos plug-ins, mas instalamos todos os plug-ins que vieram com esse plugin WooCommerce Porque nos estágios posteriores do discurso, usaremos outros plug-ins que fazem um trabalho melhor do que os que foram listados Tudo bem, então isso é tudo por enquanto. 20. (3.1) WooCommerce Dashboard Walkthrough: Tudo bem, como já temos nosso WooCommerce posso dar uma rápida visão geral do próprio WooCommerce Então, vamos ao painel. E depois de descer, como você pode ver, o primeiro passo é o WooCommerce Então, se você clicar aqui e na guia Início, é meio parecido com o que era, mas a guia Painel aqui para o próprio WordPress, para Então, aqui você verá várias etapas que podem ser seguidas para adicionar vários detalhes, detalhes da loja, como adicionar produtos, configurar pagamentos com impostos, custos de envio e tudo mais. Mas neste curso, mostrarei como isso é feito sem a necessidade de seguir nenhuma dessas etapas Mas se você estiver interessado, você pode explorar tudo sozinho Sempre recomende a todos que explorem todas as ferramentas, todos os painéis em si Porque dessa forma você aprenderá a usar uma ferramenta específica muito melhor. Tudo bem, a partir daqui podemos fazer os pedidos. Nesta guia, você encontrará todos os pedidos. Então, quando um cliente faz um pedido e compra algo de você, é aqui que você verá esse pedido Tudo bem, vou te mostrar que parece bem rápido no meu site Sim, e como você pode ver, é assim que parece e esta é a lista de pedidos que você mesmo fará. Tudo bem, vamos até os clientes. Obviamente, em um momento está vazio. Não temos clientes. Mas, novamente, vou te mostrar como fica. Como você pode ver, esta é uma das minhas lojas e é assim, como fica a lista de clientes. Aqui, você poderá ver quantos pedidos determinado cliente fez, se foi seu pássaro de primeiro ou segundo pedido E aqui você verá o valor médio do pedido e assim por diante. Tudo bem, podemos acessar Cupons aqui. Você poderá criar vários cupons, como você pode ver, uma vez que clicamos aqui Cupons, ele nos levou até a guia Marketing e nós acessamos os cupons ele nos levou até a guia Marketing e nós acessamos automaticamente Então, basicamente, esta etapa Cupons e esta guia Cupons são iguais Tudo bem, vamos clicar nos relatórios aqui. Você verá vários relatórios. No passado, eu costumava usar este para verificar todos os relatórios antes do WooCommerce atualizar o plug-in Hoje em dia, eles têm essa guia para o Analytics. É mais aprofundado e, sim, eu não uso mais isso, mas como você pode ver, é assim que ficaria se, uma vez que você começasse a receber pedidos, você pudesse verificar quantos pedidos Egon, quantas vendas você fez E você pode verificar isso por mês. Você pode verificar os clientes, verificar o estoque, as vendas por produto e todas as outras coisas. Então, quando você começar a receber pedidos ou mesmo antes de receber seu primeiro pedido, você poderá explorar tudo sozinho Então, entenda o que funciona para você. O que não funciona, quais informações podem ser importantes ou não. É conveniente dar uma olhada rápida em como você está se saindo bem em uma determinada semana, um determinado mês ou até mesmo um ano. Tudo bem, guia Configurações. Vamos voltar na próxima lição. Há silêncio, mais coisas para falar sobre isso. Então, podemos ir para a guia Status Adicionar e status. Na verdade, não precisa fazer nada. É apenas para verificar o status se está tudo bem. Aqui você pode verificar os registros para ver se houve algum problema, erro ou algo parecido. Mas sim, geralmente não use essa guia de status com muita frequência porque, uma vez configurado, você está pronto. Você realmente não precisa se preocupar muito, é claro que, no futuro, você pode verificar os registros para ver se houve algum erro ou algo parecido. E, novamente, não tenha medo de explorar tudo sozinho. Se você fosse para a guia Extensões, como viu anteriormente quando estávamos configurando nosso plug-in WooCommerce Se instalarmos algumas extensões , basicamente somos ligantes E aqui você encontrará algumas outras extensões que são basicamente outros plug-ins Mas, novamente, mostrarei os plug-ins que eu uso que certamente funcionarão e essas opções realmente funcionarão e não vão atrapalhar seu site Tudo bem, então isso é para esta etapa do WooCommerce. Agora podemos ir para Produtos, certo? Se você clicar em todos os produtos, você terá uma categoria de produtos. Então, é assim que vai ficar quando você adicionar produtos. E, por enquanto, nossa lista de produtos está vazia porque não adicionamos nenhum conjunto de produtos aqui. Essa guia é para adicionar produtos. Mais tarde, mostrarei como adicionar categorias de produtos antes de adicionar produtos . É claro, você criará categorias para esses produtos. tags, novamente, as tags são usadas para descrever um produto ou até mesmo postagens de blog, mas desta vez se concentraram em produtos. Por exemplo, se você tiver uma bolsa com estampa de tigre azul, talvez queira incluir etiquetas como nascimento, marca Blue Tiger, marca Blue Tiger E essas seriam etiquetas que ajudarão a identificar um produto tomando algumas especificações desses produtos. Então, quando um serviço ou clica nessa tag específica, por exemplo, se esse cliente clicar em uma por veado, ele acessará todas as listas de produtos que têm essa tag específica, chamada de nascimentos Se houver mais produtos com outras tags que eu mencionei antes? E eles vão ver esses produtos nessas pilhas. Então é isso que as tags são quatro. Tudo bem, se eu fosse para atributos, os atributos são basicamente especificações que eu uso para o seu produto Digamos que se você vai ter um produto com tamanhos diferentes, ele tenha tamanhos grandes, pequenos, médios e todos os outros. Esses atributos serão listados aqui. Então é isso que é, mas você não precisará adicionar esses atributos aqui mesmo. Basicamente, estamos verificando todos os atributos que você tem em seu site, mas você mesmo adicionará esses atributos ao adicionar produtos. E eu vou te mostrar como isso é feito. Portanto, você não precisará se concentrar muito nessa guia aqui. Todos iam às avaliações. Obviamente, teremos uma lista de avaliações, mas como não temos nenhuma avaliação, não temos nenhuma avaliação. E, como você provavelmente se lembra, quando estávamos fazendo algumas mudanças aqui na guia de discussão, ativamos para aprovar comentários manualmente Portanto, nesse caso, avaliação é considerada um comentário. E se você quiser receber uma avaliação, porque às vezes também há spam ou abuso. Então, depois de receber uma avaliação, você pode aprová-la ou excluí-la, ou pode fazer o que quiser, pois começará a receber comentários de spam seu blog Há uma grande chance de você começar a receber comentários de spam, avaliações de spammers, avaliações não os comentários de seus produtos Você precisará excluí-los. Tudo bem, na guia Analytics, obviamente teremos várias análises Então, este é para você explorar. Podemos dizer que é sua lição de casa. Não tenha medo de explorar essas guias aqui. No momento, não há muitas informações, então não posso mostrar nada, mas aqui você pode verificar quantas vendas você fez neste mês em comparação com o mês anterior, este ano em comparação com o ano anterior e assim por diante . Aqui na guia Produtos, você verá quantos produtos você viu, quantos itens, quantas variações e assim por diante. Portanto, se você puder acessar a guia Receita aqui, verá várias informações sobre a receita, quantas vendas obteve, quantos cupons foram usados e assim por diante Então, este é sobre ordens de pagamento. Claro que você vai ver os pedidos, quantos pedidos você fez e assim por diante. Se analisarmos as variações novamente, você verá quantas variações vendeu em determinado item e todas as outras informações semelhantes. Aqui você verá as vendas por categoria. Se acessarmos Cupons, você verá quantos pedidos com desconto fez e praticamente isso são N impostos. Se você vai ativar impostos em sua loja virtual, é aqui que você verá informações sobre os impostos, quanto você ganhou com impostos e quanto vendeu, e quanto disso é tributado Então é aqui que você vai ver essas informações. Downloads. Não estamos usando nenhum produto digital. Não estamos vendendo nenhum produto digital. Mas se você vendesse produtos digitais, é aqui que você veria essas informações. Então é aqui que você veria essas informações. Comece aqui mesmo. Você verá informações sobre o estoque. Então você verá, mas os produtos estão com pouco estoque e assim por diante. Isso é muito útil se você tiver seu estoque e isso ajuda a verificar se você está com pouco estoque. De qualquer forma, depois de adicionar um produto, mostrarei onde você pode definir e-mails, e-mails notificação que notificarão que um determinado produto está com pouco estoque. Assim, você nunca perderá um produto que está fora de estoque porque receberá e-mails de notificação e, nas Configurações, aqui, poderá fazer alguns ajustes para alterar a forma como os dados são apresentados para forma como os dados são Mas, na verdade, eu não faço nenhuma alteração aqui, guia Marketing. Então, se você quiser ir para a visão geral, temos essa extensão, extensão do Pinterest, que podemos configurar E depois, na aula posterior mostrarei como você pode configurar essa extensão, provavelmente mostrarei como configurar extensões do Facebook e aquelas para marketing. Mas, basicamente, você vai usar essa extensão para conectar seu feed de produtos ao Pinterest Isso vai ser muito mais fácil. E você vai usar isso para conectar seu perfil do Pinterest ao WooCommerce Portanto, você não precisaria fazer isso manualmente adicionando códigos ou algo parecido. Porque, assim como o Facebook, assim como qualquer outra plataforma de mídia social, eles têm seus pixels que são usados basicamente para identificar seus produtos e identificar seus visitantes. Assim, você pode realizar campanhas de marketing bem-sucedidas. Você poderia fazer campanhas de remarketing e todas essas outras coisas Tudo bem, então cupons, como você mesmo disse, é aqui que você pode criar cupons e, sim, ou menos isso Então, depois de instalar o WooCommerce, você terá guias gratuitas extras adicionadas ao seu site WordPress Então esse é o primeiro, segundo e o terceiro. Então é isso, é isso para esta lição. Agora, você conhece o WooCommerce um pouco melhor e deve entender o que todos eles servem. 21. (3.2) as configurações essenciais do WooCommerce: Neste vídeo, mostrarei as configurações mais importantes do WooCommerce que podem ser encontradas por aqui Como você se lembra, vamos clicar na guia Configurações e começar com as configurações gerais. Então, obviamente, você deseja digitar sua linha de endereço primeiro aqui, inserir sua cidade, escolher o país e o CEP. Se você fez isso quando estamos instalando o WooCommerce , tudo deve estar bem Você precisa alterar alguma coisa, mas é aqui que você precisa inserir o endereço da sua loja de comércio eletrônico E usando esse endereço, esse plugin basicamente WooCommerce calculará os impostos automaticamente Tudo bem, vamos rolar para baixo e aqui, locais de venda, você pode escolher um local de venda onde deseja vender seus produtos Então, se você não está vendendo produtos para um público global, você está vendendo seus produtos para países específicos, então é aqui que você pode escolher, vender para países específicos, selecionar este e apenas escolher países da lista. Ao digitar o país, você encontrará esse país e apenas adicionará esse país à lista Se você estiver vendendo para todos os países exceto para alguns dos outros países, poderá fazer exceções aqui, digitando os países em que não está vendendo seus produtos. Tudo bem? Vou mantê-lo como venda em todos os países e locais de entrega. Então você pode manter este como está. E a localização padrão do cliente, você pode manter essa e aquela. E aqui, se você estiver pagando impostos, você pode ativar este e os impostos serão calculados automaticamente. Tudo bem, então vamos rolar para baixo e ver o que mais temos. Podemos manter tudo como está aqui. Não precisamos fazer nenhuma alteração. Aqui mesmo. Você pode selecionar sua moeda. Então é aqui que você pode fazer isso. Vou mantê-lo em dólares dos Estados Unidos, então isso é bom para mim. E você pode alterar os números, quantos números as pessoas veem, mas na verdade não precisamos mudar nada aqui. Tudo está bem como está por padrão. Tudo bem, então, quando terminarmos de fazer essas alterações, depois de adicionar as informações aqui, não se esqueça de clicar em Salvar alterações Agora, toda vez que você fizer alguma alteração, não se esqueça de fazer isso. Tudo bem, a partir daqui, podemos passar para a guia Produtos aqui. E em uma tentativa de produto, acredite que não vamos mudar nada Mas, novamente, se você estiver usando qualquer outra unidade de medida, poderá alterar essas unidades aqui. Basta escolher as unidades que você usa. Muito bem, você está fazendo seus negócios. Tudo bem? Então, aqui, nós realmente não precisamos fazer mais nada. Então, basta escolher suas unidades de peso e dimensões. Depois de fazer isso, clique em Salvar alterações também. Por aqui, como você pode ver, temos algumas outras guias. Esqueci de mencionar para você. Tudo bem, vamos rolar para baixo e aqui, como você pode ver, quando o estoque de seus produtos estiver diminuindo, você será notificado com uma notificação por e-mail E esse é o e-mail. Então, basicamente, esse é o mesmo e-mail que eu usei para acessar este painel do WordPress Então, este plugin WooCommerce está usando meu endereço de e-mail que foi adicionado ao meu site WordPress Então, ele o está usando por padrão. Se você quiser mudar isso, você pode mudar isso se quiser. E como você pode ver aqui, você pode alterar um limite baixo de estoque quando o estoque atingir Produtos. Receberei uma mensagem de notificação, se você quiser, você pode alterá-la para uma Então, simplesmente assim. E depois de fazer essas alterações, clique em Salvar alterações. Tudo bem, produtos para download, não estamos vendendo nenhum Não estamos vendendo nenhum produto digital, então não vamos nos concentrar nesses dois. E se formos para a guia Avançado, mais uma vez não precisamos fazer nenhuma alteração aqui. Tudo bem, então, a partir daqui, podemos passar para a guia Envio. E, na verdade, nesta guia de envio não faremos alterações porque há mais coisas para falar sobre zonas de envio. Eu vou te mostrar em outro vídeo como criar zonas de envio. E você poderá escolher diferentes métodos de envio. Esses métodos serão pagos ou os métodos de taxa fixa dependerão totalmente de você a partir daqui. Se você acessar pagamentos a, verá todos os métodos de pagamento que temos disponíveis no momento. Mas na lição posterior, mostrarei como ativar pagamentos por cartão e pagamentos por PayPal. Então, esses são os métodos de pagamento mais populares. Claro, depende se você mora em qualquer outro país. Dependendo do país, você pode ter outros gateways de pagamento Portanto, não tenho certeza de onde você é e se está criando essa loja de comércio eletrônico para seu público nativo, provavelmente é a melhor opção para você usar a Pesquisa do Google para procurar portais de pagamento específicos para o seu país Então, digamos, como pagamentos bancários ou algo parecido. Mas neste curso, mostrarei os mais populares. E eu acredito que esses dois são mais do que suficientes. Então, vou mostrar como adicionar o PayPal e como adicionar pagamentos por cartões de crédito e débito Tudo bem, a partir daqui podemos acessar contas e privacidade. Então, aqui, eu geralmente gosto de permitir que meus clientes criem suas contas. Essa é apenas uma prática comum. É bom ter uma conta em para poder criar uma conta na loja de comércio eletrônico Portanto, eu recomendo fortemente que você ative essa opção. Essa opção, e essa opção também. Tudo bem, vamos rolar para baixo o que mais temos. Obviamente, você também pode remover os dados pessoais do seu cliente. Então, digamos que quando um cliente fica inativo por um determinado período de tempo, sejam meses, anos, dias ou semanas, você pode definir esse número aqui Normalmente gosto de fazer esses ajustes, dois pedidos cancelados Não gosto de reter dados de pedidos cancelados. Então, digamos que se o cliente cancelar seu pedido e depois de um mês, basta excluir esses dados Mas eu geralmente gosto de mantê-lo por uma semana. Então, digamos que, uma vez que o cliente cancele o pedido, eu não preciso mais dos dados dele Digamos que houve uma falha no pedido, então também podemos mantê-la até um dia porque essa é uma prática comum e acho que é muito boa. Tudo bem, depois de concluirmos essas alterações, como sempre, não se esqueça de clicar em Salvar alterações Tudo bem, vamos para Emails. Aqui mesmo. Em Emails, você verá todos os e-mails de notificação que você tem em sua loja WooCommerce Esses são os e-mails que seus clientes recebem e você mesmo receberá alguns dos e-mails. Então, digamos que o cliente faça um pedido em sua loja, você receberá um e-mail de notificação informando que um pedido foi feito com sucesso em sua loja. Dessa forma, você também será notificado de que há um novo pedido. Você será notificado se houver falha em um pedido e, se for cancelar um pedido, também será notificado. Seu cliente também será notificado sobre isso. Então, o que é importante aqui você pode adicionar um título, o nome do seu endereço de e-mail, o remetente desse e-mail para que seu cliente receba o nome do remetente Esse será o centro desses e-mails de notificação. Assim, você pode adicionar apenas o nome do seu site e aqui mesmo adicionar seu endereço de e-mail. Como você se lembra, anteriormente criamos nosso endereço de e-mail comercial e esse endereço de e-mail comercial com suporte em a bag and avocados.com Normalmente, gosto de usar esse tipo de endereço feminino nessa barra porque digamos que, se um cliente tiver problemas com seu pedido, ele poderá responder facilmente a esse e-mail de notificação e você receberá essa mensagem endereço de e-mail comercial. Então, isso é o que é importante nesta guia. Você deve adicionar seu endereço de e-mail comercial, no meu caso, será Suporte em bacon avocados.com Então é exatamente isso que vou fazer. Aqui. Você pode fazer algumas personalizações no modelo do e-mail Agora, esses e-mails não são dos mais bonitos. Obviamente, existem alguns plug-ins que você pode usar para personalizar ainda mais os e-mails e torná-los mais bonitos Mas para começar, para iniciantes, vai funcionar completamente. Ainda uso esse modelo em quase todos os meus sites e ainda estou alterando esses modelos de e-mail padrão. Mas acho que para iniciantes vai ficar tudo bem. Podemos clicar aqui e verificar como esse modelo de e-mail ficará. Como você pode ver, essas são as cores e aqui podemos adicionar um logotipo. Então, para adicionar um logotipo, você precisará basear esse logotipo aqui. Então, como adicionar um logotipo? Você pode estar se perguntando: é muito simples acessar a mídia e eu abrir a biblioteca de mídia e uma nova guia. Então, vou abrir este na guia Desfazer e vou fazer o upload do meu logotipo Portanto, este é o logotipo a ser usado. Vou clicar em Carregar ou só um segundo. Vou clicar em Editar apenas para ter certeza de que tenho um URL derivado. Tudo bem, então vou copiar esse URL desse logotipo aqui Vou clicar em atualizar para o caso de haver alguma alteração. E agora eu vou fechar este. E tudo o que preciso fazer é colar esse URL aqui. Isso é tudo que eu tenho que fazer. E agora podemos clicar em Salvar alterações. E depois de clicar em Salvar alterações, agora você pode clicar em visualizar os modelos. Então, como você pode ver agora, temos nosso logotipo aqui. E, claro, você pode mudar as cores. Então, isso vai depender totalmente de você. Tudo bem? Então, vamos voltar e ver o que temos em uma guia de integração, na verdade, aqui. Não precisaremos fazer nenhum ajuste porque tudo está como está por padrão Tudo bem, vamos seguir em frente para avançá-los. Na guia Avançada, provavelmente a única coisa que faremos é selecionar nossa página de termos e condições. Então, como você se lembra anteriormente, adicionamos todas essas páginas importantes. Então, vou digitar esta página aqui. E eu vou selecionar da lista que, tudo bem, então aqui temos vários endpoints Se o seu site vai estar em inglês. Portanto, não há necessidade de mudar nada aqui. Ter é tão bom quanto é por padrão. Portanto, você realmente não precisa fazer nenhuma alteração aqui. Mas se você estiver criando seu site para um idioma nativo, para um público nativo, precisará alterar esses pontos finais aqui. Então, se for esse o caso, mais tarde, mostrarei como você pode traduzir totalmente sua loja online E você pode basicamente criar sua loja online em qualquer idioma. Então, vou te mostrar as coisas mais importantes que você precisa fazer. Mas, por enquanto, está tudo bem. Agora podemos clicar em Salvar alterações. E basicamente é isso. É claro que temos algumas outras ferramentas aqui, mas, novamente, não precisamos realmente fazer nenhuma alteração com essas ferramentas. Então é isso para esta lição. Agora você sabe quais são as configurações mais importantes para sua loja WooCommerce 22. (3.3) como adicionar zonas de envio: Nesta lição, mostrarei como criar zonas de envio. Então, na lição anterior, pulamos o envio e a entrega Então, vamos para a guia Envio e chegamos aqui. Se você clicar em Adicionar zonas de envio, você poderá criar novas zonas de envio. Portanto, você tem muitas opções diferentes para criar suas zonas de envio. Obviamente, isso depende onde você está enviando seus produtos. Se você estiver enviando seus produtos globalmente, basta criar uma zona de envio global. Então, por exemplo, vou apenas digitar uma remessa global. E depois de digitar frete global, você realmente não precisa selecionar uma região porque essas zonas de envio serão aplicadas automaticamente a todos os países. Obviamente, não é a melhor escolha e nem a mais conveniente porque o envio dependerá do país, dependendo do estado, se você estiver fazendo isso nos Estados Unidos da América. Mas sim, é possível criar uma zona de envio global e eu vou te mostrar como fazer isso. Então, depois de adicionar esse nome aqui, agora você precisará adicionar métodos de envio. Então, podemos adicionar uma taxa fixa aqui. Se você quiser adicionar uma taxa fixa, vamos clicar em Adicionar método e agora vamos clicar em Editar. E aqui você pode selecionar se isso é frete tributável Portanto, se você ativou seus impostos e as configurações do WooCommerce que mostrei anteriormente , o imposto também será aplicado ao envio Então, depende de você. Se você não estiver tributando o frete, você pode selecionar Nenhum E em vez de taxa fixa, podemos chamar isso de frete padrão. Tudo bem? E para envio padrão, basta digitar o custo. Então, vou apenas digitar o custo. Digamos que custará $5 e vamos clicar em Salvar alterações. Tudo bem, agora essa zona de envio, essa zona de envio global que está aqui, tem um método de envio que é o envio padrão, mas podemos adicionar mais métodos de envio Por exemplo, se eu selecionar a tarifa fixa mais uma vez, clicarei em adicionar a forma de envio. E agora vou clicar em Editar e vou selecionar que não é tributável e vou digitar aqui, frete expresso E, obviamente, o frete expresso custará mais, então vou digitar $15 Tudo bem, vamos salvar as alterações. E, como você pode ver agora, essas zonas de envio globais aplicadas ao público global têm dois métodos de envio. Portanto, tem frete padrão e frete expresso. Também podemos adicionar outro método de envio que será o frete grátis. Então, se eu for clicar em frete grátis, posso clicar em Editar. E em vez de fazer apenas o frete grátis, posso definir que uma pessoa precisa gastar uma certa quantia de dinheiro em nossa loja online para obter essas opções de frete grátis. Então, por exemplo, vou digitar em. Isso significa que nosso cliente precisa gastar pelo menos $80 em nossa loja para obter frete grátis Se você clicar aqui para aplicar regra de pedido mínimo antes do desconto do cupom a, você poderá oferecer frete grátis. Mas digamos que o cliente tenha um código de cupom e ele gaste em sua loja a cada $5 E assim que ele ativar esse cupom, ele pagará apenas $70 . Se você ativar essa opção, seu cliente estará qualificado para receber essas novas informações de frete grátis Ele só vai pagar $75. É por isso que não estou ativando este. Então, vou continuar assim e clicar em Salvar alterações. Tudo bem, então, como você pode ver agora, temos métodos de frete grátis Estamos enviando para todo o mundo e esses são métodos de frete grátis. Portanto, temos frete grátis, frete expresso e padrão. Normalmente, é mais do que suficiente. Você também pode adicionar outros métodos de envio. Então, por exemplo, se você quiser, pode clicar em Adicionar método de envio aqui mais uma vez. Vamos selecionar uma taxa fixa e apenas um segundo aqui. E com taxa fixa, você também pode digitar que ela será entregue pela UPS, por exemplo. Você pode digitar o custo. O custo, novamente, dependerá de você. Você pode usar apenas uma taxa fixa, apenas uma média que você gastaria na entrega da UPS ou algo parecido. Então, digamos que se for $1, algo parecido, podemos clicar em Salvar alterações. Como você pode ver, desse jeito, você pode adicionar vários métodos de envio que seus clientes possam escolher esses métodos. Você também pode trocar de lugar com esses métodos. Por exemplo, quando um cliente estiver em uma página de checkout, esse é o pedido que ele verá como métodos de envio Assim, ele poderá escolher qualquer método de envio que desejar usar. Depois de fazer essas alterações, não se esqueça de clicar em Salvar alterações. Tudo bem, agora podemos ir para as zonas de embarque aqui. E, como você pode ver, temos uma zona de envio global. Então, isso é para o público global. Basicamente, cada pessoa que estiver usando nossa loja, não importa de onde venha, terá esses métodos de envio. Mas é claro que podemos criar outras zonas de embarque. Então, em vez de usar essa região global, você pode excluí-la e não usá-la. Eu só queria mostrar como isso é feito, como você pode adicionar zonas de envio e como você pode adicionar os métodos de envio. Agora, em vez de apenas adicionar métodos de envio, agora podemos adicionar zonas de envio. Por exemplo, se você realmente sabe que vai fazer negócios somente nos Estados Unidos da América. Então, é claro que você quer ter uma zona que será a gente, certo? E agora você pode escolher na lista Estados Unidos. Obviamente, você pode se aprofundar em todas as zonas de envio. Você pode criar zonas de envio por regiões. Mas, por exemplo, se eu for usar os Estados Unidos, posso adicionar aqui métodos de envio apenas para os Estados Unidos. Se não for para os Estados Unidos, se forem quatro, digamos, públicos que falam inglês, você também pode adicionar outras regiões Então, digamos que você possa adicionar o Reino Unido, você poderia adicionar um Canadá e assim por diante. E é assim que você pode criar zonas de envio. Por exemplo, vou criar os Estados Unidos, então vou nos adicionar. E, assim como na vez anterior, adicionei métodos de envio. Portanto, existe um método de taxa fixa. Então, vamos clicar em taxa fixa. E agora você precisará editar isso e poderá adicionar o frete padrão exatamente como na vez anterior. Escolha se vai ser tributável ou não, e basta digitar o custo E, assim, adicione o método de envio apenas a essas zonas de envio específicas que serão os Estados Unidos. Se eu salvasse a Zona teria apenas um método de envio para essa zona de envio que será os Estados Unidos. Então, por exemplo, se eu vou voltar para as zonas de envio, agora você vê que eu tenho que ir para as zonas de envio, mas agora isso realmente não faz sentido, porque essa zona de envio está enviando em todos os lugares. Então, em vez de enviar para qualquer lugar, em vez de usar essa zona global de envio, agora temos apenas uma zona que é os Estados Unidos. Por exemplo, se um cliente visitar sua loja e tentar comprar algo, mas não for dos Estados Unidos, ele não poderá escolher nenhum método de envio. Isso significa que os produtos não são entregues no local porque não há zonas de envio. E se nossos clientes agora tiverem apenas um método de envio. Esse é o método de envio padrão, é claro, como você mesmo viu, você pode adicionar mais métodos de envio, diferentes métodos de envio com diferentes peças planas. E, claro, você pode adicionar um método de frete grátis, que o cliente gaste uma certa quantia de dinheiro E você também pode criar apenas o método de frete grátis se estiver fazendo uma entrega gratuita. Então, nesse caso, você só terá entrega gratuita, método de frete grátis. Mas, novamente, as zonas de envio dependem totalmente de você. Mas acredito que agora você entende como isso funciona, tudo bem, mas antes de sairmos desta página de zonas de envio, antes de terminarmos esta lição, vamos para outras guias Então, se eu fosse para as opções de envio, nós realmente não precisamos mudar nada aqui. Mas se você quiser frequentar aulas de frete, poderá criar óculos de remessa. Então, por exemplo, por que isso é importante. Então, digamos que você tenha produtos extremamente pesados. Embora, obviamente, esses produtos precisem de um frete mais caro. E digamos que você também venda alguns produtos frágeis. Nesse caso, esses produtos exigirão alguns cuidados extras e custarão mais. Então, nesse caso, se você vai ter esses produtos, se você vai ter produtos tão exclusivos, você pode criar classes de envio. Então, por exemplo, vou criar uma classe de envio e vou dar um nome a esse copo, ter um produto. E agora, depois de preencher as informações antigas aqui, posso clicar em Salvar classes de envio. E como você pode ver, eu tenho um copo de transporte. E não há produtos adicionados a essa classe porque ainda não adicionei nenhum produto para essa loja online. Porém, assim que adicionarmos produtos a essa loja on-line, mostrarei onde você pode definir uma classe de envio para um produto específico que exija um frete caro ou algum cuidado extra ao manusear esse produto. Mas, novamente, cabe totalmente a você querer fazer isso. Essa é uma situação única, mas é bom observar que essas opções existem para que você não se perca ao procurar maneiras de cobrar mais por produtos específicos por um envio. Tudo bem, então, uma vez que eu adicionei este copo, agora eu preciso adicionar um preço para esta classe, quanto esse método de envio vai custar Por exemplo, se um cliente adicionar esse produto pesado ao carrinho e acessar a página de checkout, verá esse preço, aquele preço específico desse produto, o preço do frete, quero dizer, tudo bem, agora vamos voltar às zonas de envio E, como você se lembra, temos uma zona de embarque. Se clicássemos aqui em Editar. Agora, poderemos fazer alterações nesse envio padrão. Então, vamos clicar em Editar. Como você pode ver agora, temos mais algumas informações aqui. Então, digamos que se um produto tem esse vidro de envio, tenha um produto. Então, custará aos nossos clientes, digamos, $25. E agora, se eu digitasse $5 aqui, digamos que um cliente tente comprar um produto e esse produto tenha essa classe de envio anexada a esse produto Em seguida, discuta que o Resumo terá que pagar $25. Se houver alguns produtos que não tenham esse custo de envio, eles só precisarão pagar $5 pelo frete basicamente padrão Então você provavelmente agora entende que, se quiser mergulhar um pouco mais fundo na dívida, você pode verificar mudanças e ajustes ainda mais complicados Mas acho que ter esse ajuste simples é muito bom. E, claro, isso não significa que você precisará usar óculos Shipping, mas eu só queria mostrar onde você pode fazer isso. Tudo bem, depois de fazer isso, podemos clicar em Salvar alterações E basicamente é isso. Agora você deve saber como criar zonas de envio. Agora você também deve saber como adicionar métodos de envio a essas zonas. E a última coisa será totalmente opcional. Você pode criar óculos de transporte para cuidados extras, exigindo produtos, se eles forem enviados causarão mais, algo parecido. Então, é assim que você pode criar essas classes extras de envio. E isso vai depender totalmente de você, geralmente falando por experiência própria. Normalmente, tenho métodos de envio gratuitos. Então, eu tenho um método de frete grátis. Uma vez que um cliente gasta uma certa quantia de dinheiro, se vai custar $100 ou algo parecido Eu tenho um método de envio padrão que geralmente é cerca de $5 e eu tenho um método de envio expresso que é de $15 Então, esses são os métodos de envio que meu cliente pode escolher. E, claro, quando você trabalha com um provedor de entrega específico, provedores de remessa, você pode procurar seus plug-ins e eles geralmente têm esses plug-ins Mas, novamente, depende de onde você é e para onde enviará seus produtos. Então, isso é um pouco complicado, um pouco mais profundo Mas, como eu disse, geralmente esses métodos de frete grátis funcionam. E digamos que, se seu cliente escolher um método de envio padrão, você pode usar qualquer fornecedor de frete, qualquer fornecedor diluente que você tenha, qualquer transportadora e seu cliente só receberá esse produto com base nessa taxa padrão que você Então, basicamente, você procurará a opção de entrega mais barata. E se você for cliente escolher, digamos, frete expresso, é claro que procurará um método de envio mais rápido, onde possa entregar seu produto mais rapidamente e desejar que o produto seja enviado Você sempre enviará ao cliente notificação por e-mail com os detalhes de rastreamento. Portanto, não importa quais plug-ins que outros provedores usem, eles meio que automatizam essa parte dos bits com o envio de números de Mas, novamente, geralmente essa configuração simples com zonas de frete grátis é mais do que suficiente 23. (3.4) como adicionar gateways de pagamento (PayPal e greve): Nesta lição, mostrarei como adicionar gateways de pagamento às suas lojas WooCommerce Então, neste, vou mostrar como adicionar PayPal e pagamentos por cartão e cartões de crédito. Se você quiser fazer pagamentos, como lembra das lições anteriores, como você pode ver, esses são os métodos que temos no momento, mas vamos mudar isso instalando algum plugin. Então, vamos até aqui. Vamos clicar em Adicionar novo. E o plugin que você deseja procurar, para pagamentos via PayPal. Parece assim. Neste é o plugin que você deseja instalar. Então, vamos clicar em instalar agora e vamos clicar em Ativar. Certo. Agora, vamos instalar um plug-in para aceitar pagamentos até Então, vamos aos Plugins mais uma vez. Vamos clicar em Adicionar novo e vamos procurar o Stripe Tudo bem, este é o Plugin V1 para instalar. E vamos clicar em ativar. Tudo bem, agora devemos voltar às nossas configurações do WooCommerce E vamos selecionar os pagamentos mais uma vez e ver se há alguma alteração. Tudo bem, como você pode ver, agora temos muito mais métodos de pagamento em comparação com a versão anterior E o primeiro método que queremos ativar é apenas um. Tudo bem, então certifique-se de que este esteja ativo. E, em seguida, clique aqui, gerencie. E para poder aceitar pagamentos pelo PayPal, você precisará ter uma conta comercial do PayPal. Então, se você não tiver um, eu recomendo que você crie um. E quando você vai criar essa conta comercial do PayPal, eu recomendo que você use seu endereço de e-mail comercial, pois dessa forma sua conta de e-mail do PayPal parecerá um pouco mais profissional. Então, eu recomendo fortemente que você faça isso. Mas se você já tem uma conta do PayPal, pode criar sua conta do PayPal já existente, se quiser, e transformá-la em uma conta comercial. Então, para fazer isso, você precisará fazer login sua conta do PayPal e , em seguida, acessar as configurações. E lá você verá a opção de atualizar sua conta do PayPal para uma conta comercial. E depois de ter sua conta comercial do PayPal pronta, você precisará usar instruções para ativar esses métodos de pagamento Então você vai precisar preencher esses campos aqui, este, aquele e aquele. Portanto, para encontrar essas informações, você precisará fazer login em sua conta comercial do PayPal, não apenas em uma conta normal do PayPal, porque se você for usar apenas uma conta normal do PayPal, precisará ter essas configurações. Basta acessar sua conta comercial do PayPal, selecionar Configurações da conta e, no acesso IP, criar uma nova. No meu caso, como você pode ver, é uma atualização porque já tenho essas chaves avaliadas por mim Mas se, no seu caso, você também verá a atualização, selecione Atualizar, role para baixo até ver as credenciais da API gerenciada e selecione E aqui você quer copiar todas as chaves IP. Então, basta copiar essas chaves e você deseja basear essas chaves de acordo com o nome de uma chave. Você terá nome de usuário IP, senha e assinaturas Então, você quer tapar a dose e voltar para sua loja WooCommerce, basicamente para o seu site E você quer colar essas chaves aqui. Então, depois de fazer isso, você pode rolar para baixo e clicar em Salvar alterações E assim, você ativou os pagamentos pelo PayPal e poderá aceitar pagamentos usando o PayPal. Isso é bom porque esse é um dos métodos de pagamento mais populares. Tudo bem, então não se esqueça de clicar em Salvar alterações. E agora pagamentos por PayPal ou ativos em seu site. Tudo bem, agora vamos ativar os pagamentos por cartão. E para fazer isso, você deve voltar para todas as configurações de pagamento. E essa é a opção. Essa opção é chamada de listras. Então, queremos ativar essa opção aqui. E, claro, para poder aceitar pagamentos pelo Stripe, você precisará criar sua conta Stripe Obviamente, a confirmação da sua conta pode levar alguns dias ou talvez não demore muito. Depois de começar a receber pagamentos, eles podem pedir que você envie algumas provas de sua identificação e outras coisas Então, basta acessar stripe.com, criar sua conta ou clicar aqui. E depois de ter sua conta pronta, você poderá conectar essa conta à sua loja WooCommerce clicando aqui E como você pode ver, já fiz login na minha conta de teste do Stripe E como você pode ver, eu posso conectar minha loja. E antes de conectarmos qualquer coisa, antes de fazer todas essas coisas, mostrarei um rápido passo a passo do Stripe e mostrarei outro método para conectar sua conta à sua loja Tudo bem, então se eu clicar aqui e clicar em perus, teremos algumas teclas que precisaremos inserir Então, eu vou te mostrar como você pode fazer isso. E agora você deve ir para o Stripe. Você deve ter sua conta pronta, basta acessar sua conta. Então, é claro, primeiro de tudo, quando você configurar sua conta, acredito que você terá a oportunidade de adicionar sua conta bancária a esses pagamentos por faixa Então, quando você tiver pagamentos suficientes em sua conta Stripe, você sempre poderá fazer um pagamento em sua conta bancária Mas se você não tivesse essa opção, mostrarei como você pode fazer isso. Tudo bem, você deve ir para as configurações e você deve ir aqui, contas de pagamento externas E como você pode ver, já tenho minha conta aqui. Mas, no seu caso, você poderá adicionar novas contas bancárias. Então, basta adicionar novo se você ainda não tiver feito isso. E, basicamente, agora gateway de pagamento Stripe está conectado diretamente à sua conta bancária e você poderá receber pagamentos do Stripe em sua conta bancária Tudo bem, agora vamos para a página inicial e mostrarei como você pode adicionar chaves IP, assim como fizemos com a opção PayPal, tivemos que inserir as chaves de API e precisaremos fazer o mesmo com Então, agora precisamos encontrar essas chaves. Então, para encontrar essas chaves, teremos que ir por aqui e ver os desenvolvedores. E você quer clicar aqui em chaves de API, e aqui temos chaves padrão. Então, essas são as chaves que você deseja usar. Como você pode ver aqui, essa é a chave publicável e essa é a chave secreta Então você quer copiá-los e colá-los aqui. Garante que você tenha a versão ao vivo ativada. É aqui que você deseja basear essas chaves e ganchos da web. O segredo é apenas opcional. Você realmente não precisa adicionar nada aqui. Então, basta colar suas chaves. Isso é exatamente o que eu vou fazer sozinho. Tudo bem, uma vez feito isso, você pode clicar aqui, salvar chaves ativas e agora temos pagamentos ativos por cartões aqui, você pode fazer vários ajustes se quiser Você pode fazer algumas opções de personalização. Você pode alterar o que será exibido no que seu Vista verá quando ele estiver na página de checkout E eu geralmente gosto de manter tudo como está por padrão. Talvez às vezes goste de excluir esse Stripe e possamos deixá-lo assim E como você pode ver, é claro, minha conta está desativada porque era uma conta de teste. Mas no seu caso, tudo deve estar ativo. Então, faça você mesmo, você tem duas opções. Mas antes de tudo, eu recomendo que você configure sua conta Stripe antes de adicionar essa opção Porque uma vez que você o tenha, uma vez que ele esteja ativo, se você quiser ter algum problema. Assim, você poderá usar o primeiro método para conectar sua loja ao Stripe Mas a segunda opção em que você copia as chaves, as chaves de API, também funciona. Então, agora sua loja tem duas formas de pagamento. Então, o primeiro método de pagamento será pelo PayPal e o segundo será o pagamento por cartão. E, claro, essas não são as únicas opções para gateways de pagamento Existem muitos deles, mas esses dois são os mais populares e não há dúvida que funcionarão bem e essas opções funcionarão globalmente. Portanto, se você mora em outro país, talvez queira explorar e talvez precise explorar outras opções. Mas essas duas opções geralmente são boas o suficiente. Tudo bem, então é isso para esta lição. 24. (3.5) introdução a produtos e categorias de produtos: Nesta lição, vamos começar a trabalhar com produtos. Mas antes de adicionarmos produtos, antes de adicionarmos produtos simples e variáveis, precisamos ter categorias. Como você se lembra, todas as configurações, todos os ajustes relacionados aos produtos podem ser encontrados aqui Portanto, antes de adicionarmos nossos produtos, você precisa criar suas categorias. Então, vamos selecionar Categorias. E há uma categoria que foi criada por padrão e não podemos excluí-la. Então, em vez de excluir essa categoria, podemos renomeá-la Então, vamos clicar em Edição rápida e, aqui, fornecer o nome e o slug da sua categoria que você planeja usar para seus produtos Mantenha o nome e a lesma iguais. O slug é basicamente o URL que você verá aqui depois de uma barra no seu nome de domínio e Portanto, esse slug será usado em sua categoria de oferta de URL. Então, desta vez, vou renomear essa categoria de dois brinquedos de madeira E quando você estiver adicionando seu nome e Slug, não se esqueça de que, ao adicionar slug em vez de espaços entre as palavras Tudo bem, então podemos clicar em Atualizar categoria. E agora, em vez da categoria anteriormente nomeada como categorizada, agora temos nossa categoria real para adicionar novas Você tem que ir até aqui. Por enquanto. Você não precisa adicionar nenhuma imagem em miniatura para as categorias Mas depois vamos testar essa opção aqui um pouco mais tarde e você verá por si mesmo. Se valer a pena, ele pode representar duas categorias em miniatura, mas, por enquanto, podemos mantê-la como Queremos apenas ter a estrutura completa do nosso site pronta antes de trabalharmos nas opções de personalização de todo o site em si. Tudo bem, então, vou adicionar outra categoria que será chamada de brinquedos Montessori Tudo bem, então para adicionar essa categoria, basta rolar para baixo e clicar em adicionar nova Assim mesmo. Vou adicionar outras categorias gratuitas, algumas simplesmente pularão esta parte porque você já sabe como isso é feito Tudo bem, acabei adicionar o resto das categorias E se você está se perguntando qual é a categoria principal. Por exemplo, se você está vendendo sapatos em sua loja, obviamente você terá uma categoria como sapatos, mas essa categoria pode ser a categoria-mãe de outros tipos de sapatos. Por exemplo, calçados esportivos, sandálias ou qualquer outro tipo de calçado que você possa imaginar E os sapatos serão a categoria principal, a categoria principal. E, por exemplo, calçados esportivos serão uma subcategoria. Por exemplo, só para mostrar como isso funciona, eu poderia adicionar uma subcategoria ou uma categoria infantil de dois brinquedos de madeira Então, poderíamos adicionar blocos de madeira, algo assim. E agora você só precisa escolher sua categoria parental No meu caso, serão brinquedos de madeira. E eu posso clicar em adicionar nova categoria. Assim mesmo. Você pode adicionar ainda mais categorias para tornar essa categoria como categoria principal ou qualquer outra. Mas caberá totalmente a você decidir se você quiser fazer isso. Eu só queria te mostrar como isso funciona. Tudo bem, então vou deletar essa categoria infantil porque não vou precisar dessa, e é isso para esta lição Agora você deve saber como criar categorias. E como você mesmo disse, é bem simples. E se quiser, você também pode criar categorias principais e categorias secundárias. 25. (3.6) como adicionar um produto simples: Como temos nossas categorias prontas, agora podemos começar a adicionar produtos à nossa loja online. Para adicionar um produto, você precisa clicar aqui, adicionar um novo. Neste vídeo, vamos adicionar um produto simples. O produto simples é apenas um produto normal que não tem opções como tamanho, cor e assim por diante. É apenas um produto simples. Produto variável será o produto que tem tamanhos ou quaisquer outros atributos. Por exemplo, se você está vendendo camisetas, você pode ter tamanhos e cores. Esses são atributos. Basicamente, você usará atributos para criar variações para esse produto. Se for uma camiseta , você terá cores ou tamanhos diferentes. Agora vamos nos concentrar em produtos simples que não têm variações e são apenas produtos simples. Em primeiro lugar, quando você estiver aqui, verá que aqui você pode adicionar um nome de produto. É aqui que você deseja adicionar o nome do produto e é aqui que você adicionará a descrição do produto. Como você pode ver, você tem um pequeno editor de texto aqui com várias ferramentas, mas geralmente não complico demais minhas Eu apenas adiciono descrições. Talvez eu inclua algumas especificações na lista e assim por diante. Se rolarmos para baixo aqui você verá várias informações sobre os dados do seu produto. Como você pode ver agora, selecionamos o produto simples, e o produto variável está aqui. Quando você administra uma nova loja comercial e vende produtos físicos, haverá duas opções as mais importantes para você, então essa será essa e aquela. Por enquanto, vamos manter o produto simples, e aqui não precisamos verificar nenhuma marca. Aqui você poderá adicionar preços. Como você pode ver, você pode adicionar um preço normal e adicionar um preço promocional. Você pode até mesmo programar seu preço de venda quando ele estará ativo quando as vendas começarem e quando a venda terminar. decide se quiser automatizar as vendas, mas é aqui que você precisará adicionar seu preço e preço de venda Na guia de inventário, aqui você poderá criar o SKU. Basicamente, depende totalmente de você se planeja rastrear seu estoque, se você vai ter outros documentos, como Google Sheets ou o Office Excel ou qualquer coisa parecida onde você rastreará seus produtos com o SKU Aqui você pode adicionar um SKU exclusivo para cada produto e talvez queira usá-lo para rastrear seu estoque e fazer todas essas coisas, além de identificar produtos Aqui você pode gerenciar o estoque. Como você mesmo viu quando eu desabilitei essa opção aqui, você só pode escolher se este produto está em estoque ou está fora de estoque. Se eu ativar essa opção, você pode adicionar a quantidade de estoque e terá um estoque limitado. Aqui você também pode adicionar um limite baixo de estoque. Quando seu produto atingir esse limite, você será notificado e-mail de que seu produto está ficando sem estoque Também faça outros ajustes, como limitar as compras a um item por pedido. Eles são um pouco mais detalhados, um pouco mais avançados, mas geralmente uso SKUs para adicionar códigos exclusivos ao meu produto, para eu possa identificar esses produtos em minhas planilhas, onde rastreio todas as informações sobre esses produtos e, é claro, adiciono a quantidade de estoque aqui Esses dois serão os mais importantes para você se você decidir rastrear seu estoque. Vamos para a aba de envio. Aqui, como você pode ver, você pode adicionar o peso do seu produto, você pode adicionar dimensões ao seu produto. Depende totalmente de você. Normalmente, não vendo produtos grandes para produtos grandes que pode exigir que eu acrescente peso em outras ocasiões. Mas se você vai fazer isso, é aqui que você pode fazer isso. Como você se lembra, criamos na lição anterior, quando eu estava mostrando como adicionar zonas de frete, criamos uma classe de frete. Agora podemos selecionar essa classe de envio que criamos anteriormente Digamos que esse produto seja extremamente pesado e exija cuidado extra, e o frete custará mais. Então, como você se lembra, tínhamos essa aula pronta em que o frete custará $85, se não estou enganando Sim, essa classe será aplicada a esse produto específico. Se você é uma loja ou um cliente em potencial, digamos que você adicione esse produto ao cartão dele Ao finalizar a compra, ele verá que o frete custará mais porque criamos essa classe de remessa Se você não quiser usar uma classe de frete, você pode desativá-la. Tudo bem. Se eu entrasse aqui em produtos vinculados. Então, se eu clicar aqui mesmo em PSLs, como você pode ver aqui, temos uma explicação do que são produtos APSL Então, na página do produto, seus visitantes verão alguns produtos recomendados. Então, depois de adicionar mais produtos ao seu site, aqui você pode procurar os produtos que deseja comprar. Você quer mostrar aos seus visitantes para seus clientes nessa página específica do produto. Aqui mesmo em vendas cruzadas. Como você pode ver, se você tivesse novamente mais produtos, você poderia adicionar esses produtos de venda cruzada e esses produtos serão exibidos em seu cartão de compras. Dessa forma, você pode aumentar o valor de um cartão de compras e assim, fazer ainda mais vendas. Esse é muito útil. Eu costumo usar esse toda vez que adiciono novos produtos, gosto de escolher os produtos mais vendidos e tenho a garantia de que o cliente adicionará esse produto e comprará dois produtos em vez de um Isso é o que eu mesmo uso, e eu recomendo fortemente que você também use absides e vendas cruzadas Vamos aos atributos. Os atributos são como informações para a especificação de seus produtos. Por exemplo, você pode adicionar informações sobre um produto. Digamos que o produto que estou adicionando agora seja um trem de madeira. Eu poderia adicionar esse atributo desse jeito. Vou clicar em adicionar. Vou dar nome ao material e, claro, vou digitar que esse material é madeira. Assim, posso usar quantos atributos eu precisar. Obviamente, isso depende de seus produtos, dos produtos que você planeja vender. Novamente, isso depende de você. Se você ainda tem algum atributo, não ignore isso. Quando passarmos para o produto variável, mostrarei como você pode converter esses atributos. Por exemplo, você adicionará um atributo de tamanho e listará todos os tamanhos disponíveis. Como você pode usar esses atributos para criar variações de um produto específico. Vamos para a guia Avançado. Aqui você pode basicamente adicionar uma nota de compra. Depois que um cliente fizer um pedido, ele receberá uma notificação por e-mail com uma nota de compra. Você decide se precisar adicioná-lo. Vamos até aquele. Você pode fazer alguns ajustes na posição de pedido personalizada. Este não é extremamente importante. Isso é para todos que estão procurando uma experiência um pouco mais personalizada para seus clientes, mas na verdade eu não uso essas opções aqui. Você precisará adicionar algum tipo de nota de compra a um cliente, se ele for comprar, digamos, este produto, para que ele receba uma nota seu e-mail de notificação sobre o pedido feito com sucesso. Um bom exemplo seria, digamos, se você está vendendo produtos específicos que exigem algumas instruções. Por exemplo, você pode ter um arquivo PDF com URL aqui. Você pode incluir esse arquivo PDF com instruções para seu cliente. É apenas uma maneira de fazer isso, mas é claro que existem várias maneiras de fazer a mesma coisa. Mas, novamente, depende de você como deseja usar essas notas de compra. Isso depende de você e, claro, não desative as avaliações. Você deseja habilitar avaliações porque deseja permitir que seus clientes deixem avaliações sobre seus produtos. Se você quiser obter mais opções, basicamente, aqui você encontrará várias extensões. Que você pode instalar em seu site de comércio eletrônico, em sua loja online. Essas extensões, geralmente pagam, custam dinheiro, custam mais do que qualquer outra extensão, qualquer outro plug-in que você encontraria no FM force.net, o site que mostrei anteriormente, onde você pode comprar temas e plug-ins premium Aqui, essa guia do pinterest foi adicionada automaticamente quando selecionamos que queremos instalar o Pinterest para fins de marketing Basicamente, este é parte de um plug-in. Se acessássemos os Plug-ins aqui e eu abrisse este em uma nova guia. Vamos aqui mesmo. Você verá que temos o Pinterest Só um segundo. Sim, temos o Pinterest Em uma lição posterior, mostrarei como você pode adicionar vários pixels Vou te dar uma introdução de como você pode fazer isso. Mas, por enquanto, não vamos nos concentrar nisso. Como você pode ver, isso é um plug-in. Se não tivéssemos esse plug-in, não teríamos essa opção aqui no Pinterest Então, podemos fechar essa guia aqui. Ok, o que mais? Breve descrição do produto. Essa é uma breve descrição que pode ser vista na página do produto antes de você ver a descrição principal. Então, novamente, cabe a você decidir se deseja usar isso. Eu normalmente não uso isso. Em alguns casos, usei isso no passado quando vendia camisetas que vinham da China, e essas camisetas eram de tamanhos menores. Então, deixei uma mensagem neste pote aqui para meus clientes informando que deveriam escolher um tamanho maior, e foi uma mensagem clara. Era fácil de ver, então era apenas uma mensagem para meus clientes. Portanto, depende de você como deseja utilizar esta breve descrição do produto. Então é isso com essa parte. Agora podemos pular aqui. Então, imagem do produto, vamos definir uma imagem do produto. Essa será a imagem em destaque do nosso produto. Poderemos adicionar imagens da galeria de produtos. Nosso produto terá mais imagens, mais do que apenas uma, que será a imagem principal. Como você se lembra, criamos categorias anteriormente, então essas são todas as categorias que temos, e se você ainda não tiver nenhuma categoria pronta aqui, você mesmo pode adicionar uma nova categoria e, claro, aqui você pode adicionar texto. Por exemplo, vou vender um brinquedo de madeira que será um trem de madeira. Eu poderia adicionar etiquetas como brinquedo de madeira, trem de madeira, trem, brinquedos de madeira, esse tipo de etiqueta aqui. Essas tags servem basicamente para descrever seu produto, assim como eu disse na lição anterior, então provavelmente você já entendeu isso. Tudo bem, vamos começar adicionando um nome. Vou dar um nome ao meu produto e será um trem de madeira. Então eu adicionei um brinquedo de trem de madeira. É assim que parece. Como você pode ver, é assim que meu link permanente vai ficar Esse é o URL deste produto e, claro, podemos escolher que sejam brinquedos de madeira. Porque obviamente é um brinquedo de madeira. Aqui, vou adicionar uma descrição. Eu tenho a descrição pronta, então vou colá-la aqui. Como você pode ver, acabei de adicionar minha breve descrição e, como você pode ver, 111 palavras. Aqui, se quiser, você pode fazer algumas opções de personalização Você pode colocar parte do texto em negrito. Novamente, é o segundo completo se você quiser fazer essas alterações aqui, mas geralmente gosto de manter tudo simples. Tudo bem. Então, a próxima coisa que poderíamos fazer voltar para a guia geral e eu vou adicionar um preço normal. Então, vou adicionar os preços aqui. Tudo bem, como você pode ver, o preço normal será 22 49, e o preço de venda será 14 99. Tudo bem. É assim que vai ficar. Na guia Inventor, adicionarei um código SKU exclusivo para esse produto Tudo bem, eu adicionei meu código SKU exclusivo. Basicamente, diz produto um. E uma vez que eu adicione o segundo produto que vai dizer b0002, vai ser o produto É assim que eu gostaria de fazer isso. Mas, novamente, depende de você qual sistema você deseja usar. tum. E eu adicionei a quantidade de estoque, e aqui, eu tenho baixos limites de estoque Serão dois produtos. Quando chegar a dois produtos, serei notificado por e-mail de que o produto está esgotado. Tudo bem. Envio. Não estou fazendo nenhuma alteração no frete. É um produto bem pequeno. Eu realmente não preciso adicionar nenhuma classe de envio ou mesmo adicionar peso. Não vai custar muito. Vai ser barato enviar este produto, então vou mantê-lo como se fosse um link de produtos. No momento, não consigo adicionar nenhum produto de link porque ainda não adicionei nenhum produto. No futuro, poderei fazer isso quando tiver pelo menos um produto publicado. Atributos. Em atributos, vou adicionar outro atributo aqui e vou adicionar mais um atributo, e vou dar nomes a esses atributos e dar valores. Como você pode ver, acabei de adicionar vários atributos. O primeiro é material, então será conteúdo de madeira. E com idade a partir dos três anos e tipo Montesori Toy. Então, novamente, esta é a minha situação. Isso é o que estou adicionando. Na sua situação, será uma coisa completamente diferente, porque você já sabe que tipo de comércio eletrônico está criando. Tudo bem. Então, vamos clicar em salvar alterações. Não se esqueça de clicar em salvar alterações antes de ir para qualquer outra guia pois essas alterações não serão salvas se você não clicar aqui. Tudo bem. Então eu acabei de adicionar essa informação. Agora eu posso adicionar uma tag. Então é exatamente isso que eu vou fazer. Vou apenas digitar a tag e pressionar Enter. Como você pode ver, quando eu pressiono Enter, essa tag é adicionada à lista de tags. Eu poderia adicionar outro tag train, e acho que vou mantê-lo assim. Tudo bem. Então, em seguida, podemos adicionar a imagem do nosso produto. Então, agora eu tenho que fazer o upload desta imagem do produto, então vou clicar aqui e vou selecionar a partir do arquivo. Tudo bem. Essa é a imagem do produto que eu quero usar e vou clicar em Definir imagem do produto. No momento, vou adicionar algumas outras imagens à galeria. Vou selecionar a imagem uma por uma e, claro, vou segurar a tecla Control enquanto clico em cada imagem. Tudo bem. Agora eu posso clicar em Adicionar à galeria. Eu posso trocar de lugar com essas imagens. Novamente, depende de você, o que você quer fazer? Agora, antes de publicar este produto, podemos clicar em Visualizar. Vamos ver como fica. Você pode ver, é assim que parece. Parece muito bom. Obviamente, não parece muito sofisticado porque não adicionamos nosso tema, mas agora você deve entender como adicionar um produto Sim, é assim que parece. Agora podemos fechar este e clicar em Publicar. Depois de publicarmos, clicaremos em visualizar produto apenas para garantir que tudo funcione bem. Agora podemos clicar aqui. Digamos que vamos clicar nesse URL. Isso são perspectivas. Esse é o nosso produto. Como você pode ver, eu clicaria na categoria Brinquedos de madeira. Essa é a nossa categoria e esse é o nosso brinquedo. Temos um produto adicionado à nossa loja e, sim, é isso para esta lição. Na próxima lição, mostrarei como adicionar um produto variável e não desanime se achar que isso não parece muito bom. Não se preocupe com isso porque estamos em progresso. Não fizemos nenhuma opção de personalização. Não instalamos nenhuma VM em nosso site, então essa é a versão padrão, mas agora temos algum tipo de estrutura É isso para esta lição. 26. (3.7) como adicionar um produto variável: Tudo bem, como você sabe como adicionar um produto simples, agora podemos adicionar um produto variável à nossa tempestade Mostre como isso é feito. É bem parecido, mas desta vez precisaremos criar variações para os produtos. Tudo bem, vamos ao painel. Vamos até Produtos aqui e clique em Adicionar novo. Então, como você já está familiarizado com todas essas configurações aqui e com essas opções aqui, vou colar todas as informações. Vou apenas adicionar o nome do produto e adicionarei a descrição do produto e todas as outras informações. Tudo bem, como você pode ver, acabei de adicionar mais informações Esse é o título da descrição deste produto. Como você pode ver, eu tenho a imagem do produto e obviamente, vou ter duas versões diferentes disso. O cliente estará na versão preta e na azul. E, no momento, não tenho uma categoria que represente esses produtos. Então, eu posso clicar em adicionar nova categoria aqui. E eu vou digitar roupas. E vou clicar em adicionar nova categoria. Assim mesmo, a nova categoria foi criada. Agora eu posso desmarcar essa categoria, e agora eu posso escolher roupas Tudo bem, então vamos rolar para baixo o que mais temos N, como você pode ver, eu adicionei duas tags, então não se sobrecarregue Se você não conseguir criar nenhuma tag, não se preocupe, você pode deixá-la vazia e não terá problemas. Mas digamos que se eu tiver mais produtos relacionados ao Batman, e digamos que se houver mais brinquedos, algo com o Batman, eu incluirei essa etiqueta E digamos que, quando MvR clicar nessa página diagonal do produto, você vá para uma nova página onde ele verá todos os produtos com essa tag específica Eu vou te mostrar como isso fica mais tarde. Tudo bem, agora, a próxima coisa que temos que fazer é escolher que será Produto Variável aqui Você pode digitar SKU, SKU para este produto E não vou ativar o estoque gerenciado porque faremos isso em cada produto separadamente, porque eu quero saber quantos produtos da versão azul eu tenho em quatro determinadas idades e quero saber quantos produtos têm, digamos, versão azul ou versão preta, quatro faixas de idades diferentes. Então, basicamente, meu produto, esse produto que estou adicionando agora, terá duas variações, dois atributos para variação. Então, o primeiro atributo será Estilo, que será preto ou azul, e terá idade. Então, vai ser por certas idades. Então, digamos 2-3 anos, 4-5 anos e qualquer coisa assim. Ok, agora podemos vincular produtos porque não precisamos fazer nenhuma alteração na guia Envio e agora podemos vincular produtos. Então, por exemplo, se eu for digitar madeira, como você pode ver, posso selecionar esse brinquedo que adicionei anteriormente. Então eu vou fazer o mesmo com células cruzadas. E, de repente, adicionei um produto para vendas adicionais e células cruzadas E você pode adicionar mais produtos, mais do que apenas um. Normalmente gosto de adicionar de 2 a 4 produtos a cada uma dessas subcélulas e cultivar células E agora podemos ir para atributos. Tudo bem, agora vou clicar em Adicionar e vou digitar o nome desse atributo Então vai ser Style. E agora eu vou ter dois estilos, então vai ser azul e preto. Então, vou digitar azul. Vou separar isso com este símbolo. Vou digitar a seleção de seta preta usada para variações porque vou usar esse atributo para variações. E vamos salvar rapidamente os atributos. Se eu expandisse este, como você pode ver, é assim que parece. Tudo bem, agora vou adicionar outro atributo como esse E vai ser H, e eu vou adicionar valores. Tudo bem, então eu tinha dois valores, como você pode ver, esses são meus valores E, claro, vou clicar em Salvar atributo. Mas antes de fazer isso, vou selecionar esse que vou usar para variações e vou clicar em Salvar atributos. Claro que eu poderia clicar aqui, adicionar mais atributos, mas eu poderia mencionar o tecido. E acho que é exatamente isso que vou fazer. Vou apenas dar um nome e inserir o valor. E depois de adicionar esse complemento de atributo, quero usar esse atributo para criar variações desse produto porque o tecido não é usado para variações Portanto, não preciso verificar se este é usado para variações. Tudo bem, agora podemos clicar em Salvar atributos e, novamente, depende de você que tipo de produtos você está adicionando Por exemplo, se você estiver adicionando camisetas e tiver apenas tamanhos Então, digamos que você tenha um design específico de uma camiseta e tenha apenas tamanhos diferentes que são grandes, pequenos, extra grandes e assim por diante Então, no seu caso, você precisará adicionar apenas um atributo para variações. Então, digamos que se for tamanho em vez de estilo aqui em valores, você listará todos os valores que você tem, um por um Qualquer um simplesmente clicará em Salvar atributos. E assim, você vai usar esse atributo para criar variações. Se você tiver mais atributos usados para variações, digamos que você tenha cores diferentes, rosa, amarelo ou qualquer outra. E assim como eu fiz, você terá que adicionar isso aqui. Então, no meu caso, é H. No seu caso, pode ser uma cor indelicada ou qualquer outra coisa E, claro, você pode até mesmo adicionar mais atributos que você vai usar e variações. Mas em muitos casos e na maioria dos casos você provavelmente usará um ou dois atributos que usará, variações desses. Tudo bem, então vamos salvar os atributos mais uma vez. Vamos garantir que eles sejam salvos. E agora vamos criar variações. Tudo bem, então vamos clicar aqui e selecionar este e vamos selecionar ir Vamos clicar. Ok. Ok. E como você pode ver agora , temos quatro variações. Portanto, temos uma versão azul que é gratuita por muito tempo, e temos outra versão azul e assim por diante. Então, agora vamos expandir todas as variações aqui. E agora vamos definir uma imagem para essa variação. Então, essa será a imagem que eu quero usar. Tudo bem, aqui, vou digitar meu preço normal. Se você estiver gerenciando estoque, poderá ativá-lo e digitar Quantidade de estoque. Tudo bem, então vamos rolar para baixo o que mais temos. E, claro, você tem pouco estoque de lixo assim como tínhamos com um produto simples Você pesou os óculos de transporte. Novamente, você pode selecionar as classes de frete para cada variação separadamente. Então, depende de você, se você quiser fazer isso. Ok, vamos rolar para baixo. E esta é a versão azul. Novamente, vamos selecionar a mesma imagem e colar o preço para que o preço seja o mesmo. Então, acabei de copiar o preço. Vamos selecionar gerenciar estoque. E, novamente, vou digitar dez. E como você pode ver, repetimos todas as coisas. Então, depende de quantas variações você terá. Essa é a quantidade de vezes que você precisará repetir essas coisas porque precisa tratar cada variação como um produto separado. Porque, como você pode ver, você pode adicionar todas essas coisas, como peso. Você pode até escolher uma classe de envio e assim por diante. Tudo bem, então vamos adicionar que o último será preto. E, como você se lembra, gerenciou o estoque. Mas antes disso, o preço e as ações serão dez. Tudo bem? Eu vou fazer o mesmo com este. Tudo bem, quando terminarmos de adicionar as informações, não se esqueça de clicar em Salvar alterações Se você não salvar as alterações, perderá todas as informações. Tudo bem, agora podemos clicar em Publicar e agora podemos clicar aqui para ver nosso produto Vamos ver como fica. Se tudo funcionar como deveria funcionar. Tudo bem, então temos estilo. Podemos escolher, digamos que vamos escolher azul e vamos escolher H. Temos uma imagem diferente. Podemos ampliar essas imagens. Podemos fechar essas imagens. Entendo totalmente que não parece muito bom. Mas, como eu disse, vamos instalar um tema. Vamos fazer opções de personalização e nossa página de produtos ficará muito melhor Tudo bem, como eu disse com tags, digamos que se eu vou clicar nessa tag do Batman, como você pode ver, essa é a tag e esses são os produtos que eu tenho sob essa Nesse caso, eu quero ter esse produto. Obviamente, vou ver apenas um produto. Tudo bem, vamos voltar. Antes de voltar, acho que vamos abrir este produto mais uma vez e garantir que tudo funcione. Tudo bem, então aqui está você pode ver que temos uma descrição e informações adicionais Temos informações adicionais de que temos estilo, azul, preto, idade e tecido. Se você não quiser exibir esses atributos aqui, como Estilo, porque temos estilo aqui e temos idade, podemos fazer mudanças. Então, por exemplo, vou clicar em Editar este produto. E se você não quiser exibir esses atributos, você tem que ir aqui. E, como você lembra, temos estilo. Então, queremos esconder isso da página do produto e também queremos esconder H. E vamos clicar em Salvar e vamos clicar em Atualizar. Tudo bem, agora podemos clicar em Ver produto. Vamos ver se esses atributos estão ocultos. Agora, vamos clicar aqui. E como você pode ver, não temos nenhum outro atributo. Esses atributos só podem ser vistos aqui e isso é bom. Tudo bem, aqui você pode ver que as pessoas podem deixar avaliações. E aqui você pode ver nosso produto anterior. Se eu adicionasse este produto ao nosso carrinho de compras, apenas um segundo. Vamos clicar em Adicionar ao carrinho. Tudo bem, podemos clicar em Ver carrinho e, como você pode ver aqui, temos uma venda cruzada Como você se lembra, adicionamos esse produto em uma guia de venda cruzada e é aqui que ele é exibido Essa é a aparência do nosso carrinho de compras. Não parece muito bom. Eu entendo perfeitamente porque não fizemos nada com a parte de personalização do nosso site Então, tudo bem, com esta lição, agora sabemos como adicionar produto variável, e você também sabe quais são nossas etiquetas e como você pode verificar os produtos que são adicionados a essas pilhas Então é isso para esta lição. 27. (3,8) Cupons e códigos de desconto: Neste vídeo, vamos criar um cupom para nossa loja. Como você pode ver aqui, podemos digitar um código de cupom, mas não temos cupons. Tudo bem, então, para adicionar um novo cupom, vou abri-lo em uma nova guia só porque eu teria essa guia aqui depois ativar meu código de cupom ou poderia usá-la aqui Tudo bem, vamos ao painel. E como você se lembra, se eu fosse ao WooCommerce, posso selecionar cupons Eu também poderia ir aqui e selecionar cupons. Então é exatamente isso que eu vou fazer. Tudo bem, vamos clicar em criar seu primeiro cupom e aqui você tem Discount Tire Eu costumo usar descontos percentuais, você sabe, dez por cento de desconto, 15% de desconto e assim por diante. Mas você pode usar o desconto fixo no cartão. Então, por exemplo, você pode digitar $5, $3. Essa é a quantidade que você deseja usar. E, claro, você pode escolher um desconto fixo de produto para os produtos em si, certo? Mas, como eu disse, geralmente gosto de usar descontos percentuais. Isso é provavelmente o que a maioria das lojas de comércio eletrônico faz de qualquer maneira. E aqui, digamos que eu vá digitar dez. Então, será um desconto de dez por cento. Você pode marcar essa caixa para permitir o frete grátis. Novamente, depende de você. Normalmente gosto de manter tudo simples. Você pode adicionar a data de validade do cupom aqui, basta escolher a data. E aqui eu gosto de fazer algumas restrições de uso, certo? Assim, você pode escolher quanto uma pessoa tem que gastar ou se ela gastar mais do que o valor máximo que você insere aqui, ela não conseguirá obter esse desconto e essas opções são suas Você pode excluir produtos dos descontos. Então, se você não quiser dar esse desconto para um determinado produto, você pode excluir produtos aqui. Você pode incluir produtos específicos. Isso significa que esse desconto só pode ser aplicado a produtos específicos e, nesses produtos específicos, você pode fazer as mesmas categorias. Você pode excluir categorias. Você pode disponibilizar esse desconto somente para determinadas categorias de seus produtos. Então, isso é muito capaz de fazer isso. Basta escolher o que você quer fazer se quiser fazer alguma dessas opções e digitar o produto ou digitar as categorias. Então, essa depende de você. Você pode até mesmo permitir endereços de e-mail. Por exemplo, se você já tem alguns clientes que estão comprando em sua loja virtual ou criou um cupom exclusivo para determinado cliente, só poderá permitir esse cupom para esse endereço de e-mail específico. Então você terá tensionado esse endereço de e-mail aqui. Mas geralmente gosto de fazer essa opção aqui porque às vezes, quando as pessoas encontram vários cupons, elas tentam aplicar os dois cupons E se você desmarcar essa opção, esses clientes poderão usar os cupons ao fazer compras em sua loja virtual Então, eu recomendo fortemente que você use este. E, claro, ao ativar essa opção, você pode excluir itens em promoção. Por exemplo, se os itens estiverem à venda e seu cliente adicionar esses produtos, esses itens ao carrinho de compras e tentar aplicar um cupom, ele não conseguirá obter um desconto se você marcar essa caixa, tudo bem, limites de uso Novamente, você pode adicionar limites de uso. Assim, você pode adicionar limites por cupom. Digamos que eu crie esse cupom e tenha apenas dez cupons. Então eu vou ter que inserir este aqui, dez cupons, você pode fazer limitações para uma certa quantidade de produtos Então, digamos que se você for inserir aqui cinco e a pessoa comprar seis produtos, ela não conseguirá obter um limite de uso de desconto por usuário Portanto, se você for inserir um aqui, isso significa que esse usuário ou qualquer outro usuário futuro poderá usar esse cupom uma vez. Depende de você se quiser fazer essas limitações. Mas geralmente o que eu faço é usar desconto percentual e faço restrições para que as pessoas não possam usar vários cupons ao mesmo tempo E depois de fazer essas molas, é claro que você precisa criar um cupom. Então, digamos que eu vou nomear esse teste de cupom. Você também pode clicar aqui, gerar cupom automaticamente. E aqui você pode adicionar uma descrição para si mesmo. Talvez você faça promoções especiais para não se perder e saber por que motivo esse cupom foi avaliado Tudo bem, depois de fazer isso, vamos clicar em Publicar e nosso cupom estará ativo Agora podemos voltar aos nossos cartões aqui, digitar o teste e clicar em aplicar um cupom. Como você pode ver, o desconto foi aplicado com sucesso, e esse é o desconto, e como você pode ver, é 170 e tudo funciona. Então é assim que você pode adicionar cupons. Então, agora podemos fechar este, e é isso para esta lição. Agora você sabe como criar cupons 28. Resumo da seção 3: Fantástico. Você acabou de terminar a parte do WooCommerce. Agora você sabe como usar um plug-in WooCommerce. Papai é responsável por adicionar funcionalidade de comércio eletrônico ao seu site WordPress Então, basicamente, agora você sabe como criar um site de comércio eletrônico instalando o plug-in WooCommerce Agora você sabe como adicionar produtos, como o WooCommerce funciona, quais são as configurações mais importantes e todas essas coisas Portanto, essa é uma parte muito importante na criação sua loja online usando o WooCommerce Ótimo trabalho no papai. E na próxima seção, começaremos a focar nas cores da parte de design do seu site. E sim, isso é ótimo. Agora, você sabe como o WooCommerce funciona, você sabe como o WordPress funciona E você sabe, claro, o que é hospedagem na web, o que é nome de domínio? E talvez antes de começar este curso, você não soubesse nada, mas agora sabe muitas coisas. Então, parabéns pela dívida 29. (4.0) começando com a personalização: Tudo bem, nesta seção, falaremos sobre a personalização do seu site Portanto, antes de começarmos a instalar nosso famoso, é claro, neste curso, você terá duas opções para criar seu site. Então, teremos uma opção com um tema gratuito e você terá a opção de criar seu site com um tema premium. Então você mesmo verá como essas duas opções são diferentes, como essas duas opções são porque com um tema premium, é claro, você terá muito mais opções de personalização, mas com um tema gratuito, você também pode esperar bons resultados Mas é claro que não é nada comparado a uma opção premium. A melhor coisa é que a opção premium só vai custar uma taxa única e pronto Não há nenhuma taxa mensal oculta ou algo parecido. Então, isso é muito bom. Olhando dessa perspectiva e ao falar sobre toda a questão da personalização Nesta seção, vamos nos concentrar em garantir que seu site tenha uma boa aparência e uma aparência profissional, mesmo que você não tenha nenhuma experiência em configurar seus sites e criá-los. Mas nesta seção, vamos nos concentrar em deixá-los bonitos sem suar muito. Então, se essa é a maneira certa de expressar, não vamos nos concentrar nas coisas que não precisamos usar, que vão nos concentrar nas coisas que são realmente importantes. Então, gosto de escolher cores. Portanto, esse é extremamente importante porque eu vi muitos sites que usam cores aleatórias e não têm uma boa aparência e não parecem profissionais. Então, se você tem um site que não vai parecer profissional, não vai parecer confiável, então você pode esperar então você pode esperar perder muitos clientes Imagine se você fosse um visitante que acessasse nosso site com uma aparência horrível, sem cores iguais nem nada Esse site grita imediatamente que não é confiável, não parece E, em muitos casos, esse é um grande motivo pelo qual os clientes não se convertem porque não veem um site confiável A primeira impressão é ruim. Portanto, nesta seção, vamos nos certificar de que nos concentraremos nessa boa primeira impressão para nossos visitantes. E, claro, vou mostrar alguns lugares onde eu obtenho fotos de banco de imagens e onde você também pode obtê-las. E vou compartilhar com vocês opções gratuitas e vou compartilhar uma opção paga que eles mesmos usam. E você precisará do Stock Photos em qualquer caso, não importa o tipo de site que esteja criando, porque deseja ter uma aparência profissional. Então, se você vai usar fotos aleatórias , não vai ser profissional. Você tem que usar o Stock Photos. E é claro que vou te mostrar esses dois temas. Você verá isso sozinho. Day Look, eu vou te dar uma introdução rápida sobre cada tema. E, basicamente, vou mostrar a estrutura do site. Então, que tipo de estrutura você deve ter. E vai depender de você como você quer fazer isso. Mas vou compartilhar meu plano assim como todas as outras aulas E caberá a você se quiser usar esse plano para a estrutura do seu site Então, basicamente, essa será uma seção curta. Não teremos muitas aulas, mas isso deve permitir que você entenda melhor o que faz com que seu site pareça profissional 30. (4,1) escolhendo paletes e estilo coloridos: Tudo bem, nesta lição, mostrarei como escolher as cores correspondentes para o seu site Então, é bem simples. Você realmente não precisa saber nada sobre paletas de cores correspondentes ou algo parecido Existem ferramentas gratuitas que podem fazer isso por você. Mas eu recomendo fortemente que você faça isso porque se você não vai ter uma paleta de cores compatível com paletas de cores bonitas, claro que seu site não terá não Então, tudo bem, o que temos aqui, então, como você pode ver aqui, eu tenho meu logotipo Comprei esse logotipo em um dos sites ou comprei eu mesmo. E cabe a você se quiser, BioLogos, se quiser criá-los você mesmo, como às vezes gosto de economizar algum tempo Gosto de comprá-los em vez de avaliá-los eu mesmo. No passado, eles costumavam fazer isso, mas, novamente, hoje em dia, é demorado e tempo é dinheiro Tudo bem, então eu comprei esse logotipo para mim, e como você pode ver, eu tenho as cores aqui no lado direito Então essa é a cor marrom. Essa é a cor marrom e eu tenho a cor elétrica. Então esta é a cor elétrica e ajuste os códigos extraídos, os códigos de cores Claro, você tem várias opções para fazer isso. Você pode usar o Photoshop, o Paint ou qualquer outro programa para extrair cores do logotipo ou de uma imagem Então, isso depende totalmente de você. Agora, observe que essas cores, e provavelmente vou usar essas cores como minhas cores principais por causa dessas cores em meus logotipos. Então, provavelmente vou usar essa cor para alguns textos, talvez essa cor para algumas seções ou algo parecido. Mas eu preciso de mais algumas cores. Então, como duas cores não são suficientes e quando você está criando um site, suficientes e quando você está criando um site, eu geralmente recomendo usar até quatro cores, não mais do que isso, porque se você vai usar muitas cores em seu site, é claro que seu site terá uma aparência profissional. Então, como descobrir quais cores combinariam com essas duas cores aqui, as que são marrons e elétricas. Essa é a ferramenta que eu uso. Então essa é a ferramenta que eu gosto de usar. E eu uso essa ferramenta há algum tempo, e é uma ferramenta gratuita e você pode gerar paletas de cores usando E esses painéis vão combinar e você ficará ótima. Tudo bem, então você quer ir aqui e escolher o gerador de paletas E tudo o que você quer fazer é adicionar suas cores aqui. Se você ainda não tem nenhuma cor, pode escolher aqui mesmo no seletor. Basta escolher a cor que você deseja usar e bloquear essa cor. E como eu disse, você deve ter até quatro cores, não mais do que isso. Eu costumo usar três cores. Em alguns casos eu uso quatro cores, mas na maioria dos casos eu faço isso apenas para adicionar mais botões separados para adicionar uma cor extra. Mas, novamente, depende de você. 3-4 cores. Está tudo bem. Agora podemos remover uma cor porque não precisaremos dela. E como bloqueamos essa cor, agora você pode clicar no botão de espaço. E assim, você gerará cores correspondentes a esta, certo? Se você vai bater outra vez, tudo bem, você acabou de encontrar uma cor que deseja usar Você acha que essa cor vai combinar bem com essa. Talvez você use esse em seu logotipo. Talvez você use isso para botões em seu site. Agora você quer bloquear essa cor, e agora, se você apertar o espaço mais uma vez, obteria outras duas cores iguais para dosar duas cores aqui. E continue pressionando o espaço quantas vezes quiser até encontrar as cores que deseja usar em seu site E depois de encontrarmos essas cores, você pode simplesmente copiar esses códigos aqui colá-los no seu bloco de notas ou em qualquer outro lugar Se for mais conveniente para você, você pode colá-lo no Google Docs ou em qualquer outro arquivo de documento e apenas anotar que essa é a cor e fazer o mesmo em todas as cores Mais tarde, quando personalizarmos nosso site, poderemos usar essas cores para criar nosso site com cores correspondentes para que pareça profissional e basicamente atraente Tudo bem, então é assim que você pode fazer isso. E assim como mostrei anteriormente, eu tinha o código das minhas cores. Então esse foi um dos códigos para a cor marrom. E você pode colar o código se quiser fazer dessa maneira. Então, como você pode ver, acabei de colar esse código e vou fazer o mesmo com Electric Color E assim, eu realmente obtive essas duas cores aqui ao usar essas duas cores principais gerar outras duas cores. E agora vou usar essas cores na criação do meu site. Tudo bem, então, como eu disse antes, volte e cole o código aqui e verifique se ele está bloqueado Novamente. Se você for atingir o espaço, gerará mais cores, mais cores correspondentes para dosar duas cores aqui. Então, sim, basicamente é isso para esta lição. Agora você sabe como escolher as cores correspondentes. E se precisar de inspiração, você sempre pode fazer uma pesquisa no Google, procurar paletas de cores, basta digitar paletas de cores Digamos que você possa digitar paletas de cores vermelhas, marrons ou algo parecido apenas para procurar inspiração Mas se você já tem algum tipo de ideia, como você quer que seu site tenha a aparência quais cores você pode querer usar. Essa é a ferramenta que você pode usar para gerar cores correspondentes. E não se esqueça, não use muitas cores. Na maioria dos casos, três cores, mais do que suficientes. Quatro cores podem ser um pouco mais do que você precisa, mas ainda está tudo bem. E, claro, não use cores extremamente brilhantes ou qualquer outro tipo de marcador Então, por exemplo, não use esse tipo de cor em seu site. Simplesmente não vai ficar bem. Você não quer fazer isso. Você quer deixar seu site o bonito possível. Portanto, tente evitar essas cores de coloração extremamente brilhantes. Tudo bem, então é isso para esta lição. Agora você sabe como gerar cores e como tornar seu site mais profissional Mais tarde, vamos usar isso quando vamos personalizar nosso site 31. (4,2) onde procurar fotos de stock: Tudo bem, então, nesta lição, vou mostrar os lugares, os sites onde você pode obter imagens gratuitas E será útil para você, não apenas para criar este site, mas para os projetos futuros. Como é importante ter fotos bonitas, não apenas para seus produtos, mas digamos que , se você decidir adicionar postagens de não apenas para seus produtos, mas digamos que , se você decidir adicionar blog, seu site, é sempre bom ter boas imagens em destaque para postagens de blog E, claro, também é importante quando você vai criar sua página inicial Digamos que você queira adicionar uma imagem de herói em seu site. Portanto, a imagem do herói é a imagem mais importante em seu site. Basicamente, essa é a primeira imagem, a primeira coisa que seu WR verá quando chegar ao seu site. Portanto, saber onde obter imagens de banco de imagens é importante. Você não pode simplesmente usar o Google para procurar imagens porque você terá direitos autorais e não quer que isso aconteça com você quer que isso aconteça com Você quer usar imagens de banco de imagens gratuitas em vez disso. Tudo bem, então o primeiro lugar onde eu obtenho minhas fotos de banco de imagens é este É assim que se chama unsplash.com. Há muitas imagens disponíveis para diversos fins e não tenha dúvidas de disponíveis para diversos fins e que você poderá encontrar ótimas fotos de banco de imagens para seu site, para qualquer site, não apenas para este, mas sim, recomendo que você use o Unsplash porque há muitas fotos gratuitas A segunda opção que eu uso bastante é essa, Pixabay Ele também tem muitas fotos gratuitas e eu recomendo que você verifique esta. Eu também uso esse com bastante frequência. E o último que eu mesmo uso, eu uso este há um bom tempo E esse é muito bom porque você pode encontrar até logotipos aqui. Então, se você vai procurar inspirações de logotipo, você vai procurar inspiração na paleta de cores ou algo parecido Você pode usar este pig.com gratuito. Eu recomendo fortemente que você dê uma olhada neste. Tem uma versão gratuita e uma versão paga. Com uma versão gratuita, você poderá encontrar as três fotos de estoque. E com uma versão paga vai custar cerca de $15 por mês. Você pode planejar um mês e baixar quantas fotos precisar para o seu projeto. $15 por todas as fotos de que você precisa é que elas são baratas em comparação com outras fotos de stock de lugares onde você pode comprá-las. Normalmente, você pode pagar até $15 por uma única foto, por uma foto Então, $15 por um mês para baixar quantas fotos você quiser É um bom negócio. Então, eu só queria compartilhar este que você também. Claro, é meio limitado em comparação com outros grandes players como Shutterstock ou Adobe Images ou qualquer coisa Mas ainda é bom e custa apenas $15. Portanto, se você quiser tornar seus representantes ainda mais profissionais, experimente algumas opções pagas para, digamos, o Stock Photos Então é isso que eu mesmo gosto de usar. E você também pode usar este para baixar logotipos. Então, sim, essa é uma grande vantagem do free pig.com e eu recomendo fortemente que você dê uma olhada nesses sites gratuitos. E eu acredito que você será capaz de encontrar o que está procurando. Então é isso que neste vídeo, agora, você sabe onde encontrar o Stock Photos, onde procurá-las e não usa o Google apenas para baixar imagens do Google porque você vai ter direitos autorais e não quer ser comprometido porque isso simplesmente não é bom para comprometido porque isso simplesmente não é bom 32. (4.3) escolhendo seu tema: Neste curso, você terá duas opções para criar seu site. Então, como eu mencionei antes, você terá a opção de usar um tema gratuito chamado Astra Theme E você terá uma opção premium para usar um tema chamado Flatsome Eu mesmo gosto de usar uma opção premium. Eu tenho três sites funcionando usando esse tema. E eu meio que gosto desse filme porque é altamente personalizável Ele carrega rápido e tem uma enorme comunidade onde você pode fazer qualquer pergunta que quiser. Tem um grupo no Facebook. Acho que é uma ótima escolha. Mas, como eu disse, é importante para mim mostrar duas opções com base no seu orçamento e mostrar quais são as possibilidades. Neste vídeo, vou mostrar quais são as possibilidades do Astra Theme Então, agora eu vou abrir nosso site que foi criado usando o Astra Theme Então, basicamente, esta é a loja de comércio eletrônico que está usando um tema Astra Este é um site WordPress e, como você pode ver, parece muito bom. Parece profissional. E se eu clicasse aqui neste produto, aqui mesmo, como você pode ver, essa é a aparência da página do produto. Não é nada muito chique, nada muito grande. E depois de clicar em outro produto, você verá que é o mesmo. Aqui podemos escolher a quantidade de um item. E se eu clicar em Adicionar ao carrinho, posso clicar aqui para ver cartão. É um tema de aparência bastante simples e, como você pode ver, não é muito chique ou algo extraordinário É simples, minimalista e tem uma boa aparência. Então, na verdade, quando você pensa sobre isso, o que mais você precisa? Então, aqui você poderá aplicar um código de cupom. Parece bem simples. E se eu clicar aqui, finalize a compra. Como você pode ver, essa é a aparência da página de checkout. Obviamente, poderemos fazer algumas personalizações nesta página Não muito, mas poderemos fazer algumas mudanças. Tudo bem, então é assim que parece, essa é a aparência da página de checkout E se eu fosse para a categoria de mercearia aqui, como você pode ver, essa é a aparência da página da categoria Parece muito bom. Eu não posso argumentar contra isso porque, tudo parece bem. Este é o rodapé do nosso site e faz sentido. Parece profissional, exceto essas cores aqui podem ser brancas, mas acho que é algum tipo de problema, mas não se preocupe com isso Portanto, temos ícones de mídia social aqui e, acima de tudo, a página inicial está absolutamente linda Tenha uma boa página inicial. E esta página inicial foi criada usando outro plug-in que é o plug-in Elementor É para criar páginas. Então é exatamente por isso que esse ligante foi usado aqui. Foi usado para criar esta página. Então, usando este plugin, mostrarei na lição posterior quando mostrarei como trabalhar com este tema Astra, como usar o Elementor Tudo bem, então parece muito bom e é um design bastante simples e minimalista, mas parece Tudo bem, e se eu fosse para o nosso tema Flatsome, essa é uma opção premium E depois, na seção Tema Astra, mostrarei como criar seu site usando esse tema Tudo bem, então, como você pode ver, é assim que parece. Este é um site com aparência diferente. É um pouco mais interativo. Como você pode ver. Tem uma análise rápida e parece um pouco melhor e é como uma loja totalmente voltada para comércio eletrônico Então, se eu clicasse na página de um produto aqui, na verdade é uma categoria. Então essa é a categoria, é assim que a categoria vai ficar e parece mais limpa, um pouco mais minimalista, eu acho que você poderia E se eu clicar no produto, como você pode ver, temos uma página de produto com aparência completamente diferente. E o bom é que poderemos personalizar essa página de produto e fazer com que pareça um pouco diferente. Mas se eu fosse aqui, se eu voltasse ao nosso tema Astra, clicaria aqui mesmo neste produto Basicamente, com esta página de produto, somos limitados. Não poderemos fazer muitos ajustes. Então, se esse visual é bom para você, se você não tem mais dinheiro para investir em seu site , é claro que você pode escolher a opção Astra Mas se eu voltasse, como você pode ver, parece diferente. E se eu clicar em Adicionar ao carrinho, como você pode ver, temos um site um pouco mais interativo. E se eu clicar em Exibir carrinho, o carrinho terá uma aparência diferente. Então essa é a diferença com esse tema. E isso é basicamente neste tema que acabei de mostrar para vocês. Eu só vou voltar, é mais personalizável. Você terá muito mais opções de personalização porque, é claro, é um tema premium Então, em comparação com este, você estará limitado. Você poderá fazer ajustes em sua página inicial, poderá criar sua própria página inicial exclusiva Você poderá fazer ajustes em seu cabeçalho para adicionar suas páginas, categorias e assim por diante Obviamente, você poderá trabalhar no rodapé aqui E se for suficiente para você, tudo bem. Ainda é uma loja de comércio eletrônico bonita. Mas com essa opção Flatsome, você terá muito mais opções de personalização Portanto, depende de você qual opção deseja usar. Mas eu recomendo fortemente que você escolha as duas opções. Estou falando sobre as seções do discurso em que mostrarei como configurar seu site usando o Astra E onde vou mostrar como configurar seu site usando o Flatsome Theme e você mesmo verá Quão diferentes esses dois temas compararam o Astra ao Flatsome, você verá que o Flatsome terá muito mais opções terá muito mais Então é isso para este vídeo. E espero que agora seja mais fácil para você decidir qual equipe você quer usar 33. (4.4) a estrutura do seu site: Tudo bem, então antes de passarmos para a próxima seção deste curso, eu só queria falar sobre a estrutura de um site Se você quiser conhecer a estrutura do site nas próximas lições, será muito mais fácil trabalhar em seu site porque você precisa entender a estrutura básica do site. Tudo bem, então vamos começar com a primeira coisa que cada site tem e seu site também a terá Acabei de abrir um novo site que é gerenciado. E vamos começar com a primeira coisa que todos os sites têm. A primeira coisa que todos os sites têm é o cabeçalho. Então esse é o cabeçalho do seu site. Esse será o cabeçalho. Portanto, não importa o tipo de site que você vai criar, não importa o tipo de projeto que você vai começar. Todo site tem o cabeçalho. No cabeçalho, você geralmente inclui coisas como um cartel, como opção de login e registro para seus clientes E, claro, você inclui suas categorias. Então, caberá a você decidir o que deseja incluir em seu cabeçalho, além de coisas como categorias, como barra de pesquisa e todas essas coisas E é basicamente assim que parece. Essa é basicamente a aparência de um dos meus sites. E como você pode ver, também incluiu o blog, essa Heather. Então, vai depender de você. Se você quiser começar a escrever postagens no blog, mostrarei como você também pode incluir esse blog. Este é o cabeçalho e em HTML será chamado de cabeça. Obviamente, você realmente não precisa saber nada sobre o aspecto de codificação do cabeçalho, mas ele se chama cabeçalho mas ele se chama Portanto, é o chefe do seu site. Esse cabeçalho estará em todas as páginas, não importa aonde você vá, você também terá o mesmo cabeçalho, será um cabeçalho fixo Como você pode ver, não importa se eu rolar, ele ainda permanece aqui Essa cabeça estará em todas as páginas, não importa aonde você vá. Então, esse é o chefe do seu site. A próxima coisa que temos é corpo, então esta é a parte inferior do seu site. O que está abaixo do cabeçalho é chamado de barra, tudo bem, então esse é o corpo do seu site Portanto, cada página, cada produto ou postagem de blog terá uma formação diferente. Nos estágios posteriores, vamos nos concentrar no aspecto ruim de um pouco mais quando começarmos a trabalhar na página inicial de nossos sites Portanto, a página inicial será a primeira página do seu site, basicamente onde as pessoas acessam seu site, será a vitrine do Então esse é o corpo aqui. Então, o que está abaixo do cabeçalho é o seu corpo. Portanto, é semelhante à estrutura do corpo humano. Você teve, você tem corpo. Qual é o próximo? Claro que você tem pés. Tão parecido com isso. Esse é o rodapé do seu site. Então esse é o rodapé. O rodapé também permanece o mesmo em todas as páginas, assim como o cabeçalho, exceto que não é fixo, como você mesmo pode ver Em um rodapé, você geralmente inclui informações que serão importantes para seu cliente Como você pode ver aqui, temos algumas informações sobre a política de privacidade do site, devoluções e reembolsos, envio e entrega, e assim por diante Você também pode incluir itens como seus ícones de mídia social. E, claro, você pode incluir ainda mais informações, como postagem mais recente, se quiser escrever postagens no blog. Novamente, essa vai depender totalmente de você. Você terá a oportunidade de explorar tudo sozinho, experimentar e ver o que funciona melhor para você. Mas, como eu disse neste curso, vou compartilhar meu plano que funciona, que funciona para mim, que funciona para meus clientes E dependerá de você que tipo de rodapé que você deseja construir e também você que tipo de cabeçalho você deseja Tudo bem, então este site foi criado usando o Flatsome Então, como você pode ver, é assim que parece. E se eu fosse a este site aqui, ele foi criado usando um tema Astra Portanto, não importa qual FIM você esteja usando, não importa qual seja o tipo de site que você está construindo, você terá a mesma estrutura. Claro que pode parecer um pouco diferente. Mas, como você pode ver aqui no topo, temos os cabeçalhos. Então esse é o cabeçalho. Temos um logotipo, temos algumas informações aqui. Como você pode ver aqui, temos uma página de loja, mas categorias. Então, novamente, você vai decidir que tipo de cabeçalho você quer ter, que coisas você quer incluir Mas nesse caso, como você pode ver, esse cabeçalho é um pouco diferente porque essa loja de comércio eletrônico é muito menor do que aquela Portanto, não tem muitos produtos, não tem muitas categorias. Então é assim que parece. Aqui temos a página sobre nós, a página contato, a página da minha conta e um carrinho de compras. É assim que parece. Então esse é o cabeçalho e, novamente, esse é o corpo. Como você pode ver, esse cabeçalho não está grudado. E esse é o corpo como no site anterior que mostrei para vocês. E se eu estivesse rolando para baixo, ele também tem um rodapé Então, basicamente, é assim que parece. E se você está procurando inspiração, como você quer deixar seu rodapé com a aparência Você pode verificar alguns sites preferência e tentar replicar a mesma estrutura Então, novamente, vai depender de você. Tudo bem, agora você está familiarizado com toda a estrutura do site E a partir daqui, vamos começar a criar nosso site. Então é aqui que nosso site vai começar a tomar forma. Tudo bem, então é isso para esta lição. Espero que agora você entenda a estrutura do site 34. Seção 4 Resumo: Ótimo trabalho. Agora você sabe o que é preciso para criar um site com aparência profissional. Normalmente, menos é mais e menos parece melhor. Agora você sabe tudo, sabe como combinar cores, onde procurar fotos de banco de imagens. E isso é muito importante. Eu vejo muitas pessoas que cometem os mesmos erros. Eles escolhem cores que não combinam. Eles não usam fotos de banco de imagens. Muitas pessoas simplesmente procuram imagens no Google e tentam usá-las. Não faça isso porque você pode ter direitos autorais e não quer que isso aconteça com Use fotos de banco de imagens, use as ferramentas que mostrei e, definitivamente, você poderá criar uma web com aparência profissional Então, mesmo que talvez você termine esta seção e vá para outras seções, eu recomendo que você volte a esta seção e dê uma olhada nela, tente entender tudo melhor. Talvez você não goste da aparência do seu site. É aqui que você examinará as ferramentas antigas que acabei de mostrar, e isso o ajudará a criar um site com aparência profissional, e um site com aparência profissional Um site com boa aparência é muito importante para lojas de comércio eletrônico porque você pode esperar uma taxa de conversão mais alta, e é muito importante porque se você quiser ter uma conversão maior, você pode esperar mais vendas. Imagine se você tivesse uma taxa de conversão de 2% ou tivesse apenas 0,5% de taxa de conversão Então, essa é uma grande diferença. Portanto, ter um site com aparência profissional é muito importante, porque você pode esperar taxas de conversão mais altas mais vendas. E, claro, isso é extremamente importante quando você está criando sua loja virtual. Ótimo trabalho nisso. E na próxima seção, vamos nos aprofundar na análise do nosso site. Então é aqui que você terá a primeira opção, a opção gratuita de criar seu site, usando ferramentas gratuitas e, na seção posterior, usaremos uma opção premium. Portanto, com as ferramentas premium, você mesmo verá como essas duas opções são diferentes e poderá usar o conhecimento que acabou de aprender em ambas as seções. Isso é tudo por enquanto, ótimo trabalho. 35. (5.0) começando com o tema Astra: Tudo bem, então nesta seção, veganos criaram nosso site Vamos criar o site. Basicamente, vamos projetar nosso site e ele assumirá a forma final com a ajuda do Astra Theme Então esse é o tema que se chama Astra. E provavelmente você se lembra de quando eu estava falando sobre temas, você pode ter visto esse tema. Portanto, este é um tema muito popular e é popular por uma razão, porque na versão gratuita, você pode criar sites muito bonitos Portanto, pode ser uma loja de comércio eletrônico, um blog ou apenas um site comercial comum para representar sua marca ou empresa Portanto, esse FIM é bastante versátil e parece muito bom. Então, vamos usar esse tema. Vamos usar a versão gratuita desse feixe. E nesta seção, mostrarei como instalar esse tema, como instalar um Starter Templates. Então, basicamente, o modelo inicial será o modelo que ajudará a dar uma estrutura ao nosso site Então, será um modelo, basicamente um conteúdo de demonstração que parecerá um site completo. Mas o que precisaremos fazer é editar esse conteúdo. E então, na próxima seção, quando vamos trabalhar com um tema premium, não vamos usar nenhum modelo porque com esse tema premium será um pouco mais fácil começar sem qualquer estrutura, mas é mais fácil começar sem qualquer estrutura, isso que vamos fazer com esse tema Astra Tudo bem, antes de instalarmos este tema e os modelos iniciais, vamos dar uma olhada nos modelos Então você quer acessar este site aqui, WEP astra.com E se eu fosse para Starter Templates, eu seria capaz de verificar todos os modelos que esse tema tem a oferecer Então, como você pode ver, temos modelos gratuitos e modelos premium. Então, esses são para a versão premium, para uma versão profissional deste tema Astra E, a propósito, se você decidir comprar uma versão profissional, terá que pagar todos os anos. Então não é como se você fosse comprar isso, Freemans será E não como no próximo tema que vou mostrar para você criar seu site quando. Portanto, isso ocorre no início, mas com uma opção gratuita, ainda teremos bons resultados, exceto que não teremos tantas opções de personalização. Tudo bem? Então, esses modelos são, você pode ver que temos mais de 240 modelos. E se eu fosse para esta seção, comércio eletrônico, eu posso selecionar isso Quero verificar todos os modelos de comércio eletrônico. Então, como você pode ver, é assim que parece. Então, se eu clicar nesse modelo, podemos clicar em visualização ao vivo. Então, isso é o que você pode esperar usando este tema. Então, como você pode ver, esses são os produtos. Se eu clicar em um produto, essa é a aparência da página do produto. Parece muito bom. Eu não ia mentir. Parece muito bom, apesar de ser um tema gratuito. Mas sim, como eu disse, esse tema é popular por um motivo. Então, dê uma olhada em todas as opções aqui. Confira as opções gratuitas. Se quiser, você pode verificar as opções premium, comparar essas opções com as opções gratuitas. E eu recomendo fortemente que você decida qual tema você gostaria de usar. Porque nas próximas lições vamos nos concentrar em editar esse modelo. Então, basicamente, vamos substituir as informações que estão neste modelo por nossas informações Basicamente, isso é tudo o que vamos fazer. Vamos editar esse modelo, dar uma olhada, tentar decidir qual modelo você deseja usar, entendê-lo. Pode ser diferente do modelo que vou escolher, mas na verdade toda a parte de edição será a mesma. Então, tudo será o mesmo não importa o tipo de modelo que você escolher, exceto que o modelo diferente contém informações diferentes. Pode ser uma estrutura diferente, pode ser um layout diferente, mas nada mais é diferente quando estamos analisando o aspecto de edição deste modelo. Então, dê uma olhada, veja qual modelo você gostaria de usar e basicamente, decidi que esse é o modelo que você deseja usar, mas você também pode acompanhar toda a parte de edição, mas o modelo que eu vou escolher. Tudo bem, então é isso para esta lição, eu lhe dei uma rápida introdução ao Astra 36. (5.1) Instalando o tema Astra e modelos de arranque: Neste vídeo, vamos instalar o Astra Theme e vamos instalar um Starter Tudo bem, então vamos começar a fazer isso. Podemos fechar essa guia aqui e acessar nosso site. Então, queremos ir para o painel do nosso site WordPress e queremos ir para Aparência Vamos selecionar Temas. Tudo bem, então queremos clicar aqui, tínhamos um novo tema e nem precisaremos usar a pesquisa porque essa é a mulher que deseja instalar Então, vamos clicar em Instalar e vamos clicar em Ativar agora, certo? Portanto, o tema Astra está ativo, e agora podemos visitar nosso site e verificar a aparência do nosso site Tudo bem, como você pode ver, não parece nada bom e é porque não instalamos um modelo em nossos sites Então, o Astra Theme, sem um modelo, parece ridiculamente horrível, porque você precisará editar tudo sozinho , de baixo para tudo sozinho Mas com os Starter Templates, todo o processo de edição e criação do seu site é muito mais rápido, por isso queremos instalar os Starter Então, vamos ao painel e os Starter Templates são um plugin Ele adiciona uma nova funcionalidade ao seu site. Então, vamos até Plugins e vamos clicar em Adicionar novo. Tudo bem, agora queremos pesquisar modelos iniciais. Então, basta digitar Starter Templates e este é o plugin que queremos instalar Então, vamos clicar em Instalar e vamos clicar em ativar. Tudo bem, então instalamos com sucesso nosso plug-in Starter Templates e agora temos que escolher um Então, vamos clicar aqui na biblioteca C. Vamos clicar em criar seu site agora e escolher um plugin de criação de páginas Basicamente, um plugin de criação de páginas permite que você crie páginas muito bonitas sem precisar, é claro, codificar, sem precisar editar tudo de forma complicada, porque somos o plugin, como o elementary, basta arrastar e soltar vários elementos em sua página páginas muito bonitas sem precisar, é claro, codificar, sem precisar editar tudo de forma complicada, porque somos o plugin, como o elementary, basta arrastar e soltar vários elementos E é assim que você cria suas páginas, sua página inicial ou qualquer outra página Então, vamos escolher o Elementor , pois é o mais popular E agora seu objetivo é escolher um modelo inicial. Então, como eu disse antes , depende de você quais modelos você deseja usar. Mas neste caso específico e neste curso, vou usar esse modelo porque acho que serão os modelos mais fáceis de editar. E eu não vou precisar fazer muitas mudanças. Então, vou clicar aqui. Se você tiver seu logotipo, você pode adicioná-lo aqui. Lembre-se de que essas são dimensões recomendadas. Mas na próxima aula, mostrarei como você pode fazer o upload do seu logotipo sem precisar adicioná-lo aqui, caso ainda não tenha um Tudo bem, então vamos clicar aqui, pular e continuar. Agora seu objetivo é escolher sua paleta de cores. Porque se você for escolhê-lo agora nas próximas aulas, terá menos edição para fazer e menos personalização para fazer em seu site Então, basta escolher sua paleta de cores. Acho que vou escolher esse. Acho que este é o melhor para minha marca e escolho suas fontes. Então, essas serão as principais fontes de texto. Como você pode ver, se eu for escolher este. Temos as mudanças aqui e, na verdade, achamos que essa fonte parece a melhor e vou mantê-la com essa fonte aqui. É claro que você decide que tipo de desejos deseja usar. Vamos clicar em Continuar. Aqui. Você não precisa adicionar nada. Podemos clicar aqui e esperar um minuto até que seu site esteja pronto. E depois disso, vamos verificar sua aparência. Tudo bem, fantástico. Nosso site está pronto. E agora podemos clicar aqui, ver nosso site. Tudo bem, como abrimos nosso site em uma nova guia, podemos fechar a guia anterior E como você pode ver, essa é a aparência do nosso site. Parece muito bom, não é? Claro, você precisará alterar todo esse conteúdo de demonstração, mas agora você tem um site totalmente funcional, para ser honesto, é claro que ele ainda não tem seus produtos. Mas, como você pode ver, você tem um site com aparência profissional e pagará apenas $8 por mês por esse site mais tarde, é claro que resultará em $10 Mas é claro que é muito mais barato do que administrar seu site na Shopify ou usar quase qualquer outra opção Então, como você pode ver, é assim que parece. E se formos ao nosso carrinho de compras, você verá que temos nosso produto anterior que adicionamos ao carrinho de compras e à lição anterior. Então, se eu clicar neste produto aqui, como você pode ver, a página do produto parece completamente diferente em comparação com a versão anterior que tínhamos. E tudo parece muito melhor do que costumava parecer com um tema padrão. E é assim que parece. Mais tarde, faremos mais alterações para que este site represente nossas marcas , para que possamos até mesmo verificar a aparência de algumas páginas. Então, se eu fosse para a política de cookies, como você pode ver, parece um pouco diferente. Parece muito melhor do que a versão anterior. E se eu voltasse à minha página inicial, é assim que parece Então, parabéns, você tem um site totalmente funcional. Obviamente, ainda precisamos substituir algumas informações. Precisaremos fazer algumas opções de personalização. Mas, como você pode ver com um tema gratuito, com ferramentas gratuitas, você pode realmente criar um site bonito. 37. (5.2) trabalhando com conteúdo demonstrativo: Quando instalamos o tema Astra e instalamos o modelo Started, ele também veio com muito conteúdo de demonstração que não vamos usar Então, esse modelo Started instalou alguns produtos que, na verdade, não temos em nossa loja. Não estamos vendendo esses produtos. E esse modelo Started também instalou algumas páginas que não vamos usar, como você pode ver, nem mesmo ter algumas páginas duplicadas Temos que consertar tudo aqui. Temos que deletar algumas páginas. Precisamos excluir os produtos que não vamos usar. E acredito que também instalou algumas categorias. Tudo bem, então antes de adicionarmos nosso conteúdo, precisamos ter certeza de que não temos nenhum conteúdo de demonstração que não vamos usar Então, vamos até o painel e vamos ver como nosso painel está agora. E como você pode ver, nosso painel parece um pouco maior com mais ferramentas porque este tema Astra e modelos iniciais alguns plug-ins para instalar Também adicionou essa ferramenta aqui. Portanto, é uma ferramenta para personalizar seu tema Astra e temos modelos iniciais Tudo bem, agora nosso objetivo é descobrir qual conteúdo de demonstração não vamos usar Então, vamos começar com as páginas. Vamos ver quais páginas temos e quais não precisamos realmente usar. Tudo bem, então temos cerca de uma página. Portanto, esta página Sobre foi adicionada por esses modelos iniciais para que possamos clicar em Exibir e vamos ver como fica a página sobre a página, porque agora é diferente da página Então, como você pode ver, é assim que parece. Parece melhor do que a versão anterior que tínhamos, mas na verdade criamos a página anterior Sobre apenas porque precisávamos adicionar algumas informações. Eu só queria mostrar como adicionar as páginas de que você precisa. Tudo bem, na verdade não precisamos dessa página Sobre, mas se você quiser, se gostar do design desta página, pode mantê-la e depois editá-la Então, vai depender de você, mas eu realmente vou te mostrar como você pode fazer isso sozinho. Se eu quiser voltar, podemos verificar a aparência da nossa página anterior Sobre. Então, eu vou abrir aqui mesmo. Deve ser apenas uma página simples e, como você pode ver, parece um pouco melhor. O design parece melhor. Se você está bem com este, pode ficar com ele. Mas, novamente, mostrarei como você pode trabalhar em outras páginas para torná-las mais atraentes Tudo bem, agora podemos fechar essa guia e agora podemos realmente excluir esta página, assim como você pode ver, esta página diz Elementor, esta página diz Elementor, que significa que essa página foi criada usando o Elementor, mas falaremos sobre isso mais detalhadamente na Tudo bem, então não vamos usar esta página. Podemos excluí-lo porque não vamos usar uma página de cartão de identificação duplicada, pois esse modelo instalou esta página para nós, tudo bem, podemos manter esta Na verdade, não precisamos excluí-lo. Podemos excluir essa página duplicada. Podemos deletar este. Podemos manter nossa página anterior. Vamos manter a política de cookies. É claro que vamos manter nossa página inicial e não precisamos da página da minha conta, pois é uma página duplicada. Como você pode ver, política de privacidade, vamos manter esta. Podemos excluí-lo porque é um rascunho das lições anteriores. Vamos continuar com o envio e a entrega. Vamos excluir o Shop, pois temos uma nova página de loja, você pode ver aqui. E, basicamente, essas são as páginas de que não precisamos. Então, depois de selecionar essas páginas, vamos escolher mover para a lixeira e clicar em Aplicar Tudo bem, a próxima coisa que precisamos remover são os produtos, já que não vamos usar os produtos que esse modelo Iniciado adicionou para nós Então, vamos ver todos os produtos e ver quantos produtos temos. Então, como você pode ver, temos dois produtos que nós mesmos adicionamos. Temos muitos produtos dos quais realmente não precisamos. No total. Temos 12 produtos que foram adicionados com este modelo Iniciado. E não precisamos desses produtos, então podemos selecionar todos esses produtos. Vamos desmarcar nossos produtos que nós mesmos adicionamos. Tudo bem, vamos fazer isso. E agora podemos clicar aqui, Mover para a lixeira. Tudo bem, vamos colocar esses produtos no lixo. Tudo bem, a seguir, vamos nos certificar que temos todas as categorias que criamos anteriormente e não temos as categorias que foram adicionadas com este modelo Iniciado Essa é a categoria que eu criei, essa também. Aquela, Aquela, Essa não é uma categoria que eu criei, então podemos selecionar essa, aquela. Então, essas duas categorias foram adicionadas com este modelo Iniciado. E agora podemos clicar aqui, deletar desse jeito. Vamos excluir essas categorias por apenas um segundo. E, na verdade, não precisamos disso e categorizamos, então podemos excluí-lo também Tudo bem, agora temos todos os nossos produtos e todas as páginas de que precisamos E vamos dar uma olhada na aparência do nosso site agora, vou abri-lo em uma nova guia e ver como fica. Tudo bem, então agora não temos nenhuma categoria aqui. Basicamente, não temos nada aqui, mas depois adicionaremos informações. Tudo bem, então, se eu rolar para baixo, como você pode ver, não temos nenhum produto mais vendido porque removemos E também não temos nenhum produto popular. Vamos ver quais páginas temos. Portanto, temos todas as páginas necessárias. Não temos mais duplicatas, e isso é ótimo. Então é isso para esta lição. Agora você sabe como corrigir como remover todo o conteúdo de demonstração que veio com um modelo Iniciado. E a partir daqui, vamos começar a trabalhar em nosso conteúdo. Vamos começar a adicionar nossas imagens. Vamos começar a trabalhar na página inicial. E é basicamente aqui que vamos criar a forma final do nosso site usando o Astra Theme Então, isso é tudo para esta lição. 38. (5.3) introdução ao construtor de páginas elementar: Tudo bem, então removemos todo o conteúdo de demonstração e agora temos que começar a trabalhar nas páginas Quando você começa, algumas das páginas tinham o Elementor ao lado da página Então, vamos voltar ao nosso painel e clicar nas páginas aqui Vamos selecionar todas as páginas. E então vamos te mostrar bem rápido. O que é isso? Então, como você se lembra da página que tinha ao lado do Elementor. Então, basicamente significa que esta página foi criada usando o Elementor Então, nossos Plugin Starter Templates importaram esta página, e esta página foi criada usando o Elementor Como você se lembra, quando estávamos criando essas páginas, vou abri-la em uma nova guia e vamos para esta página. Então, para criar esta página, usamos o editor de texto do WordPress. Usamos alguns dos blocos de Gutenberg aqui da lista E foi assim que criamos esta página. Nós arrastamos alguns dos blogs aqui. E foi assim que, basicamente , criamos esta página. E o Elementor é um tipo diferente de editor. Então, aqui temos um editor de texto do WordPress e aqui temos o Edit with Elementor Então, se eu clicasse aqui, editaria esta página usando o Elementor em vez de usar o editor de texto do WordPress. É assim que funciona. Tudo bem, então eu vou fechar este mais tarde. Vamos editar esta página para torná-la mais atraente. E agora, como você pode ver, todas as outras páginas são como a página do cartão, página de checkout ali, apenas páginas normais Então, é uma página de carrinho. Não tem nada. Em seguida, está dizendo Elementor, mas nossa página inicial, que é a primeira página do nosso site, foi Então é isso que o Elementor é. É um construtor de páginas usando o elementary, você pode criar páginas muito mais bonitas do que você seria capaz de criar usando o editor de texto do WordPress Então esse é o propósito desses plug-ins. Agora você sabe o que é um mentor e agora devemos verificar como ele funciona Então, vamos voltar à nossa página inicial. Esta é a página inicial do nosso site e esta página foi creditada usando o Elementor O Elementor não é o único plugin de criação de páginas. Existem alguns plug-ins de criação de páginas disponíveis, como o Beaver Builder, como o WP Mas agora vamos nos concentrar no Elementor. Tudo bem, vamos clicar aqui, Editar com o Elementor porque esta página foi avaliada E antes de começarmos a mergulhar mais fundo nesse plugin, eu só queria dizer que eu recomendo que você crie cada página usando o elementary. Você não deve se concentrar em criar todas as páginas usando esse plug-in, pois isso pode tornar seu site lento. Claro, é possível que isso tenha acontecido, mas é melhor prevenir do que remediar. Então, se você estiver usando o Elementor, basta criar sua página inicial sobre a página, talvez algumas outras páginas, e será mais do que suficiente Tudo bem, agora estamos editando esta página onde Elementor. Então, como você mesmo disse, quando estávamos editando a página do editor de texto do WordPress, tínhamos um painel diferente. Mas agora, quando estamos editando esta página, todas as informações que estão nesta página são editadas usando o construtor de páginas Elementor Portanto, não existe mais o WordPress tags Builder. Tudo bem, então antes de editarmos nossa página inicial na próxima lição, você precisa entender como esse plug-in, como esse construtor de páginas Então, no lado esquerdo , temos elementos. Portanto, temos vários elementos, assim como tínhamos com nosso editor de texto do WordPress. Tinha blogs, mas aqui temos elementos. Como você pode ver, temos alguns elementos básicos, como título, interseção, editor de texto Então, é basicamente o parágrafo. Temos imagem, temos vídeos, podemos incorporar vídeos, botões, espaçadores Quanto mais amplo é o Google Maps, ícones. E aqui temos alguns elementos profissionais, então eles só estão disponíveis com uma versão paga do Elementor, não com a versão paga do Astra Theme, mas com uma versão paga do Então, todos esses são elementos bloqueados porque eles vêm com uma versão paga desse plug-in Elementor E se eu fosse até aqui, temos alguns outros elementos. Esses são três elementos a serem usados. E como você mesmo pode ver, temos muitos elementos. E falando por experiência própria, posso definitivamente dizer que, com elementos gratuitos, você pode realmente criar páginas muito bonitas, na verdade, páginas muito bonitas E você realmente não precisa usar esses elementos de sonda porque isso não vai mudar muito Mesmo que este plugin ofereça uma opção profissional, há uma grande chance de você nunca precisar usá-lo. Tudo bem, então aqui no lado esquerdo, temos vários elementos Tudo bem, então esses são todos os elementos. Se eu fosse até aqui, você teria seus elementos favoritos. Se eu clicar aqui, elementos globais, como você pode ver, temos que atualizar. Mas, como eu disse, você não precisa de uma versão paga para criar páginas bonitas Então, vamos voltar aos elementos. Se eu clicar aqui. Como você pode ver, temos algumas configurações, temos algumas configurações globais. Cabe a você explorar se quiser fazer alguns ajustes por meio do Estilo Aqui temos várias outras ferramentas de navegação E se eu clicasse aqui, poderíamos ver nossa página. Tudo bem, vamos voltar. E se eu clicar aqui, como você pode ver, é aqui que eu já estou. Então, se eu clicar aqui, vou clicar aqui. Eu abordaria todos os elementos. Então, esses são os elementos aqui. Tudo bem, aqui temos algumas outras configurações. Portanto, essas configurações são para toda a página em si, aqui. Não precisamos mudar nada. Aqui. Você pode fazer vários ajustes de emparelhamento e assim por diante. E aqui temos algumas ferramentas avançadas, mas essas são apenas para a versão profissional. Normalmente não mudo nada aqui porque tudo é tão bom quanto está por padrão. Tudo bem, então vamos voltar a todos os elementos. Então, aqui temos todos os elementos para adicionar um elemento, basta arrastá-lo e soltá-lo onde quiser. Então é assim que você adiciona elementos. No lado direito, aqui temos um navegador Então, como você pode ver nesta página, a página inteira foi criada usando seções. Então, como você pode ver, essa é a quantidade de seções que temos. E se eu subisse, como você pode ver, esta é a primeira seção. Esta seção está até mesmo marcada nesta linha azul aqui. Você pode excluir essa seção. Você pode fazer ajustes nesta seção, toda essa seção aqui, marcada em azul E você pode fazer várias alterações nesta seção. Como você pode ver, temos ajustes de layout. Você pode fazer alguns ajustes estruturais agora A estrutura desta seção é de duas colunas, 50 por 50 Se eu quiser usar o estilo, você pode fazer vários ajustes de estilo nesta seção específica Esta é a seção que selecionamos. Esta seção está marcada em azul. E se eu fosse para Background Overlay, como você pode ver, temos esse conjunto de imagens Então essa é a imagem, essa é a imagem que você mal consegue ver. Como você pode ver, há alguns ajustes de opacidade. Se eu mudasse essa opacidade, como você pode ver, essa, essa perspectiva, se eu voltasse, ela não aparece muito e é assim que parece se eu voltasse, ela não aparece muito e é assim que Então, esta é a primeira seção. Se eu fosse para Configurações avançadas aqui, podemos fazer alguns ajustes de layout, tudo bem, para que você possa alterar Como você pode ver, ele muda, está se movendo para baixo e para cima. Se eu mudasse isso aqui, como você pode ver , está diminuindo e se eu voltar, está ficando Então, esta é a primeira seção. Cada seção tem os mesmos ajustes. Portanto, ele tem ajustes regulares de layout, tem ajustes de estilo E na guia Avançado, ele tem ajustes um pouco mais avançados, digamos, de layout ou estilo Tudo bem, se eu escondesse essa seção aqui, ela simplesmente desaparecerá Então, como eu disse, essa seção foi marcada em linha azul. Esta é a segunda seção. Portanto, esta é a seção que também está marcada em linha azul. E como você pode ver, se eu esconder essa seção, ela desaparece Vamos mostrar essas duas seções. E vamos falar sobre a estrutura desta seção em si. Portanto, esta seção tem, como você pode ver, alguns elementos nesta seção. Portanto, tem um elemento de imagem aqui. Tem alguns outros elementos aqui. Então, nesta coluna aqui, tem um elemento de imagem, tem um elemento de título, tem outros elementos de título com algum texto e tem um botão. Então, como eu disse antes, para adicionar um elemento a uma seção ou duas ou coluna, basta selecioná-lo, arrastá-lo e soltá-lo assim. Então é assim que funciona. Se eu expandisse esta seção, como você pode ver, temos duas colunas. Portanto, ao adicionar seções a uma página usando o Elementor, você pode escolher quantas colunas deseja que essa seção tenha Porque com colunas, quando sua seção é dividida em colunas, é muito mais fácil trabalhar nessa seção e é muito mais fácil adicionar informações. Essa é a primeira coluna, como você pode ver, está marcada nessa linha pontilhada. E se eu clicar nessa coluna aqui, ela também está marcada nessa linha pontilhada. Se eu escondesse essa coluna, ela desaparecerá. Se eu expandisse essa coluna, como você pode ver, como eu disse, ela tem elemento de imagem nesta primeira coluna. Como eu disse antes, depois de clicar nesta seção, depois de clicar na coluna, você pode fazer ajustes nessas coisas Então, quando eu clico aqui, eu estava fazendo vários ajustes em toda essa seção Se eu clicar nesta coluna aqui, aqui neste ícone cinza marcado, eu estarei fazendo ajustes nesta coluna Somente. Se eu clicasse nessa imagem em si. Estou fazendo ajustes nesta imagem em. Portanto, não estou fazendo nenhuma alteração na coluna ou na seção. Estou fazendo alterações somente nesta imagem. Como você pode ver, há uma estrutura quando você clica em um determinado elemento, quando você clica na coluna e clica nessa seção, você está fazendo alterações coluna do item selecionado ou nesta seção. Essas configurações são muito semelhantes. Tudo bem, então esta é a coluna que ela tem, como você pode ver na imagem, se eu clicar nessa coluna e ela se expandiria, como você pode ver, ela tem mais coisas Portanto, tem uma imagem aqui, tem um elemento de título, tem uma caixa de imagem. Portanto, é uma caixa de imagem e tem um botão. Tudo bem, então é assim que o Elementor funciona. Primeiro de tudo, quando você está editando sua página, você adiciona uma seção. Ao adicionar uma seção, você escolhe quantas colunas deseja ter em sua seção. Depois de adicionar essa seção com o número selecionado de colunas , você começa a adicionar elementos dessa lista aqui. Tudo bem, então agora você deve entender como isso funciona. Espero ter explicado isso de uma forma simples para entender a maldita coisa, para complicar demais, na verdade é Você só precisa selecionar a estrutura e depois arrastar os elementos que deseja usar nesta seção específica. Depois de adicionar essa seção, você pode adicionar outra seção. Como você pode ver, temos muitas seções. E quando trabalharmos nessa página inicial, excluiremos algumas dessas seções e faremos ajustes em outras Tudo bem, mas antes de sairmos, eu só queria mostrar como você pode adicionar uma nova seção Então, você pode clicar aqui para adicionar uma nova seção ou rolar para baixo, é claro, até ver a parte inferior E como você pode ver, temos a mesma janela aqui. E podemos começar a trabalhar nesta seção. Podemos começar a criar essa seção. Mas vamos voltar e começar a fazer alterações nessa seção que estamos prestes a criar. Então, quando estiver aqui, clique no botão Mais e, como eu disse, selecione sua estrutura. Portanto, depende de você qual estrutura você deseja usar se for apenas uma única coluna, se for duas colunas, três colunas, quatro colunas ou qualquer outra estrutura. E neste caso, vamos escolher duas colunas. Tudo bem? Então, como você pode ver, é assim que parece. Então, temos duas colunas, basicamente, esta é a mesma seção, tudo bem, essa é a mesma seção, exceto a seção recém-criada não tem nenhuma informação Por exemplo, vamos ver todos os itens e tentar replicar essa seção Então, vamos arrastar e soltar a imagem. Tudo bem, e agora para selecionar uma imagem, já selecionamos esses elementos de imagem Temos que escolher a imagem. Vamos clicar neste, e esta é a nossa biblioteca de mídia. Então, se eu usasse glibenclamida aqui e em certos meios, é assim que parece, E se eu quiser fazer alguns ajustes de preenchimento e margem para tornar esta seção, a seção inteira em si um pouco maior, eu teria que clicar aqui na seção Editar, como você pode ver, na linha de marca azul E isso teria que ir para a guia Avançado. E agora vou apenas desvincular as dependências. E como você pode ver, se eu continuar assim, essa seção se expande. Então, por exemplo, vamos manter 70 e eu vou adicionar 70 ao fundo também. E essa seção acabou de ficar maior. Agora, o que poderíamos adicionar, poderíamos adicionar um elemento de imagem aqui, sem mais nem menos. E desta vez, vamos escolher uma imagem menor. Então, vamos rolar para baixo apenas um segundo. Vamos ver, essa é a imagem que gostaríamos de usar. Vamos clicar em Inserir. E como você pode ver, é assim que parece. Você também pode alterar o alinhamento dessa imagem. Então, se eu clicar aqui, isso é o que obtemos. Se eu fosse para todos os elementos, vamos escolher o elemento de título. E eu vou arrastá-lo aqui embaixo desse elemento de imagem e apenas digitar seu texto Então, como você pode ver, desse jeito, você pode criar seções. Você pode adicionar elementos às seções. E, basicamente, ao adicionar seções à sua página, você basicamente cria uma página. Tão simples assim. Não pense que é complicado porque você só precisa arrastar e soltar elementos. Então, primeiro de tudo, você começa com esta seção e depois escolhe quantas colunas deseja ter. E então você começa a adicionar elementos a essa seção. E depois de adicionar todos os elementos, você pode fazer alguns ajustes, como ajustes de layout, ajustes avançados para brincar com o Estilo, para brincar com para brincar E eu sempre gosto de dizer, não tenha medo de explorar tudo sozinho para se acostumar com essa ferramenta, com esse Plugin. Porque assim você aprenderá a usar essa ferramenta muito melhor. Tudo bem, agora podemos excluir esta seção porque não vamos usar e agora você sabe como o Elementor funciona Então, na próxima lição, começaremos a editar nossa página inicial e criaremos nossa própria página com aparência exclusiva Vamos substituir todas essas informações aqui por nossas informações 39. (5.4) Vamos editar a página inicial (Elementor): Nesta lição, começaremos a trabalhar em nossa página inicial E como você provavelmente sabe, a página inicial é muito importante porque é basicamente a loja de fachada da sua loja física e deixar uma boa primeira impressão para o visitante é importante Tudo bem, então, como você pode ver agora, as coisas parecem um pouco diferentes É só porque eu atualizei o plug-in Elementor. E agora, em vez de ter essa linha azul aqui que marca nossa seção, ela agora está na cor roxa. Então, provavelmente, essa é a maior mudança que tivemos depois de atualizar esse plugin e falta. Eu mencionei você antes na aula quando eu estava falando sobre temas e plug-ins, é importante manter tudo atualizado, então não ignore as atualizações Tentei manter tudo atualizado. Tudo bem, então vamos trabalhar em nossa página inicial. E quando estou trabalhando em uma página inicial, gosto de ter meu plano para a página inicial, basicamente Então, essa é a minha camada que eu costumo usar em um formato de lojas online, esse é o mesmo layout que eu costumava usar quando estava criando lojas online para clientes. E é um layout bem simples. Então esta é a primeira seção. Teremos uma primeira seção com a imagem do herói e clique no botão de ação. Então, basicamente, temos aqui o mesmo, que vai fazer algumas mudanças. Então, basicamente, temos a imagem do nosso herói e alguns textos e clique no botão de ação nítido agora. E como você pode ver aqui, estou planejando ter outra seção com os produtos mais vendidos Então, vou mostrar os produtos aqui. E depois desta eu vou ter uma seção onde mostrar algumas vantagens da minha loja online Então, vou oferecer frete grátis, preços baixos e entrega rápida. Então, eu vou ter essa seção aqui. Depois disso, vou ter uma seção com categorias. Então, vou mostrar as categorias que tenho na minha loja virtual. Estou planejando incluir apenas quatro categorias. E eu vou ter a última seção que será com produtos populares Então, no total, estou planejando ter uma ou 2345 seções. Se fôssemos à nossa página inicial que temos agora, a versão atual, como você pode ver, temos muitas seções Em primeiro lugar, quando trabalho em páginas, ao contrário de identificar não apenas trabalhar com páginas, mas quando estou trabalhando com modelos, gosto de identificar as seções que não estou planejando usar e as seções que pretendo manter, as seções que não estou planejando usar. Claro que vou deletar essas seções. Tudo bem, vou manter essa primeira seção. Essa aqui vai ser minha outra seção. Será a terceira seção em que vou mostrar as vantagens da minha loja online Então, eu vou ficar com este, vou manter este dos produtos mais vendidos E eu vou manter essa também, exceto que agora eu vou ter quatro categorias. Então, como você pode ver por aqui, temos categorias de nossos produtos. Esse é basicamente o modelo que tinha categorias gratuitas, mas agora vamos ter quatro. Então, vamos fazer algumas pequenas mudanças aqui. Novamente, depende de você como você quer que sua página inicial pareça, mas eu vou te mostrar como vou fazer isso, exceto meu plano com meu layout, exceto meu plano com meu layout, então eu não estou planejando usar esta seção, então eu vou deletar esta sem mais nem menos Eu não vou usar esse também. Então, vou clicar aqui. E, sem mais nem menos, eu deletei essa seção. Vou continuar a seção de produtos populares. E o que vem a seguir? Não vou guardar este porque ainda não tenho nenhuma avaliação de clientes e não estou planejando usá-lo nesta seção aqui porque simplesmente não faz sentido. Foi adicionado com um modelo. Tudo bem, então eu vou deletar esta seção. E como você pode ver, quantas seções temos agora, devemos ter cinco seções, 123456 Então, vamos encontrar essa seção que não vamos usar. Ah, sim, esta é a seção. Então, essa imagem foi adicionada como uma seção. Então, vamos deletar esse. E agora temos cinco seções nas quais trabalhar. Tudo bem, então vamos fazer com que tenhamos a estrutura que procuramos Então, a primeira seção será aquela em que a imagem do herói está no lugar certo. E, como posso ver, essa seção deve estar abaixo da seção de produtos mais vendidos Como você pode ver, esta é a seção e podemos movê-la baixo da seção produtos mais vendidos Tudo bem, agora estamos chegando mais perto. Tudo bem, então vamos verificar o que mais precisamos mudar? Portanto, temos a primeira seção, ela está pronta. Temos essa seção em vigor. Também temos a terceira seção em vigor. Agora, devemos ter categorias e produtos populares Então, vamos verificar o que temos. Então, certo, temos categorias. Essas serão nossas categorias. E aqui teremos nossos produtos de treinamento. Tudo bem, vamos ver o que temos que mudar. Então, aqui, eu deveria ter quatro categorias em vez de três categorias. Então você pode estar se perguntando como vai adicionar outra categoria aqui. É simples. Basta clicar em qualquer categoria aqui, em qualquer coluna, com o botão direito do mouse e clicar em duplicar. Tudo bem, agora eu tenho quatro categorias. Então é aqui que vou mostrar minhas categorias. Aqui mesmo. Eu tenho mais colunas do que eu deveria ter. Então, o que eu vou fazer é simplesmente clicar com o botão direito do mouse nesta coluna aqui. E eu vou deletar esse. Tudo bem, agora estamos chegando mais perto. O que vem a seguir? Não quero ter essa imagem aqui, então vou clicar com o botão direito do mouse e excluí-la. Tudo bem, eu vou fazer o mesmo com este. Vamos excluí-lo e rolar para cima e ver o que mais podemos mudar Tudo bem, então eu não vou usar isso aqui, então vou clicar em Excluir Então, minha primeira tarefa é encontrar as coisas que não estou planejando usar. Identifique as seções que não estou planejando usar. E estou examinando as seções em si e tentei localizar os elementos que também não estou usando. Tudo bem, agora meu objetivo é trabalhar nesta primeira seção em si. Então, eu quero mudar a imagem aqui. E eu não gosto dessa imagem porque ela não representa minha marca e meu objetivo é adicionar uma imagem. Então, eu tenho várias maneiras de fazer isso. Mas, em vez de substituir essa imagem aqui, vou apenas adicionar uma imagem de fundo para esta seção em si. Então, vou clicar aqui. E quando clico nesse botão aqui, estou fazendo alterações nesta seção. Então, esses são ajustes aqui. E quando estou fazendo algumas alterações, não importa qual guia esteja usando, se for um avanço no estilo de layout, estou fazendo alterações em toda a seção e não em duas colunas ou elementos separados, mas em toda a seção aqui. Tudo bem, então meu objetivo é adicionar uma imagem de fundo. Então, essas mudanças são feitas aqui e na guia Estilo. E agora eu quero adicionar uma imagem de fundo para que, como eu possa ver, temos uma sobreposição de fundo Tudo bem? Não quero usar essa sobreposição de fundo, então vou excluir essa imagem aqui E vamos mudar a opacidade porque não estou planejando usar essa sobreposição E, na verdade, podemos desativar essa sobreposição clicando neste botão aqui neste pincel E agora eu só quero adicionar uma imagem de fundo. Tudo bem, então eu vou clicar aqui. Vou selecionar Clássico e vou escolher Imagem. Eu já fiz o upload de algumas imagens, então eu não perderia seu tempo. Essas imagens que estou usando aqui foram baixadas de um dos sites da Stock Photos que mostrei anteriormente. Tudo bem, então esta é a imagem que estou planejando usar. Vou apenas selecionar essa imagem e clicar em Selecionar. Tudo bem, então não parece bom, entendo, mas tenha paciência comigo. Tudo bem, então vamos escolher essa posição que será centro, centro Então, agora vamos escolher o tamanho da tela. Então, vamos clicar em Executar aqui e escolher a cor. Então, agora está cobrindo esta seção. Tudo bem. Agora não vamos usar essa imagem. Então, vamos clicar com o botão direito do mouse e depois deletar essa imagem aqui. Ok, é assim que parece. Tudo bem, agora, toda essa seção é um pouco estreita. Eu quero tornar toda essa seção aqui um pouco mais ampla. Então, vou clicar aqui mais uma vez. E agora vou para Configurações avançadas. Tudo bem, como você pode ver, temos alguns ajustes de preenchimento Então, se eu vou mover isso para cima desse jeito, bem, eu vou fazer isso 1145 E eu vou mudar o fundo para 145 também. E está um pouco maior agora. Então, agora, vou substituir o texto aqui. Vou acrescentar alguns dos meus textos dizendo que é uma loja de brinquedos e adicionarei uma breve descrição sobre minha loja de brinquedos. Então é exatamente isso que eu vou fazer. Tudo bem, acabei de adicionar meu texto e é assim que fica Novamente, sua situação provavelmente é completamente diferente, então caberá a você decidir o que você deseja incluir. Mas geralmente gosto de incluir algo interessante e engraçado. E agora é assim que parece. Tudo bem, o que vem a seguir? Tudo bem, então aqui, este é o botão e devemos fazer algumas alterações nesse botão porque eu não gosto do estilo desse botão Basta clicar no botão aqui. E, como você se lembra, todas as configurações relacionadas ao estilo podem ser feitas aqui. Mas Lanka sempre gosta de dizer que não tenha medo de explorar tudo sozinho e tente vários ajustes de configurações diferentes para ver o que funciona melhor para você e não tenha medo , pois todas as mudanças são Tudo bem, então vamos aos ajustes de estilo e eu posso adicionar a cor Eu posso mudar a cor desse botão. Então, se eu clicar aqui, posso escolher a cor e tenho uma cor preparada para mim e avançar. Como você lembra, tínhamos essa ferramenta de refrigeradores que gera cores, cores combinadas Então, copiei essa cor para minha nota e vou colar esse código aqui E como você pode ver, é assim que parece. Acho que parece muito bom. E agora esse botão parece bom, mas não está funcionando. Tudo bem, então, se eu fosse aqui, como você pode ver, link é dito como hashtag e significa apenas que está inativo Então, vamos adicionar um link para esse botão. Então, quando nosso visitante clica nesse link, quero que ele acesse todos os produtos que tenho Então, basicamente, para uma página nítida. Então, para encontrar a página da sua loja, basta acessar seu site. Então, no meu caso, é Bacon avocados.com. E posso dizer que a versão padrão da página da loja deveria ser slash shop Então é exatamente isso que vou inserir. E vamos clicar em Enter e vamos ver se é a nossa página de loja. Tudo bem, então essa é a nossa ponta afiada. E como você pode ver, o link permanente diz que, em vez de nítido, diz traço nítido T2 Isso significa que devemos fazer algumas alterações nesta página. Como você se lembra, devemos acessar nosso painel e é uma página, então precisamos fazer alterações em uma página Então, se eu fosse para as páginas, selecionaria todas as páginas. Claro, não é crucial nem nada parecido, mas eu gosto de fazer com que as coisas pareçam profissionais e boas e não quero que nada pareça pouco profissional Então, na minha opinião, ter esse número dois no final desta página simplesmente não parece bom. Talvez no seu caso, não apareça assim. Mas digamos que, se isso vai aparecer desse jeito, podemos fazer mudanças. Então, como você se lembra, temos nossa página de loja, e esta é a nossa página de loja. Diz até que está configurado para exibir produtos. Então diz página da loja. Então, vamos clicar em edição rápida e ver o que temos. Tudo bem, temos a lesma de que é um traço afiado dois. Então, podemos deletar o final desse slug e mantê-lo assim E vamos clicar em Atualizar. Agora podemos clicar em visualizar e parece bom. Parece o que deveria parecer. Tudo bem, mas caso você tenha alguns problemas, eu sei que isso aconteceu comigo no passado Depois de clicar em Exibir, você poderá ver que está apenas mostrando uma página vazia. Portanto, se isso acontecer com você, sua solução para esse problema é que você deve acessar o painel Você deve acessar suas páginas mais uma vez. E então você deve clicar nesta página aqui, Editar, e então você deve clicar em Visualizar. Tudo bem, vamos clicar em Visualizar e nova guia e tudo deve funcionar. Se isso não ajudar, vou te mostrar outra solução. Você deve ir ao seu painel. Você deve ir até aqui e clicar em Burj, tudo em dinheiro E isso deve resolver seu problema. Não estou dizendo que isso vai acontecer com você, mas se isso acontecer com você, você saberá como resolver esse problema e não deveria ter esse problema. Sei que isso aconteceu comigo uma vez no passado e conheço uma pessoa que pode ajudar a criar uma loja online. Isso também aconteceu. Então, eu só queria mostrar como você pode resolver esse problema, mas isso não significa necessariamente que isso vai acontecer com você também. Tudo bem, agora vamos para Todas as páginas mais uma vez. E tudo o que queremos fazer é saber a URL de nossa ponta afiada. Então, vamos clicar em Exibir mais uma vez. E agora podemos copiar esse URL aqui porque vamos usá-lo em nossos botões. Agora podemos fechar essa janela e voltar ao nosso botão aqui. No momento, ele está inativo, mas quando baseamos nosso URL em nosso sharp, ele se torna ativo Tudo bem, agora terminamos com esta seção aqui. Mas antes de passarmos para a próxima seção de nossa página, vamos garantir que tudo esteja ótimo em outros dispositivos, não apenas em um dispositivo desktop, mas também em dispositivos móveis e tablets. Então, se eu clicar aqui, no modo responsivo, posso selecionar se quero verificar como vai ficar no dispositivo móvel Tudo bem, parece bom, mas é difícil ler textos Portanto, temos que fazer alguns ajustes nesta seção aqui mais uma vez. Mas agora, quando estamos fazendo essas mudanças aqui, estamos apenas fazendo alterações na versão móvel do nosso site. Então, tudo bem, vamos voltar ao Estilo e agora podemos selecionar nossa imagem Então, vamos selecionar nossa imagem mais uma vez. Vai ser a mesma imagem. Então, vamos clicar em Selecionar. E agora temos que mudar a posição. Então, vamos selecionar a posição e vamos escolher o sistema. Tudo bem? Então, agora vamos brincar com esse eixo. Tudo bem, então eu vou manter zero. Vamos mover este para a esquerda e ficar assim. Tudo bem, então agora faz sentido, parece muito melhor Ok, vamos garantir que ele fique bem em tablets. Em tablets, parece bom. Assim, podemos mantê-lo como está. Nós realmente não precisamos fazer nenhuma mudança aqui. Tudo bem, vamos voltar à nossa visualização de desktop e tudo bem, vamos rolar para baixo o que Portanto, temos a seção de produtos mais vendidos aqui. E, na verdade, não vamos fazer muitas mudanças na dissecação porque é uma seção bem simples E nosso principal objetivo é alterar preenchimento da margem desta seção porque, como você pode ver, é um pouco baixo em comparação com esta seção aqui Então, se eu clicar aqui, farei alterações em toda essa seção aqui. Então, vamos para Configurações avançadas. E, como você pode ver, na parte superior , está configurado para 140 e vamos fazer 90 Vamos ver como vai ficar quando definirmos este para 90. E eu acho que parece muito melhor. E o que vem a seguir? Agora temos que destacar nossos produtos. Então, vamos clicar nessa área marcada na cor cinza. E, como você pode ver, agora temos esse código curto. Ele diz que os produtos são limitados, então ele será exibido apenas para produtos e será exibido nas quatro colunas e na visibilidade em destaque. Então, ele exibirá produtos em destaque e eu vou mostrar como você pode destacar seus produtos. E diz que vai levar produtos da categoria mercearia. Então, como você se lembra, essa categoria veio apenas como nosso modelo inicial, e agora temos categorias diferentes das que ela veio com ela. Então, vamos voltar ao nosso site mais uma vez e conferir nossas categorias. Quais categorias temos? Então, vamos ao painel e vamos aos Produtos. Vamos selecionar Categorias. E como você pode ver, essas são as categorias que temos. Basta copiar as categorias que deseja usar. Então, por exemplo, vou copiar essa categoria aqui, apenas uma lesma E eu vou voltar para nossa página inicial aqui, e vou colar essa categoria aqui em vez de mantimentos Essa é a categoria que vou usar. E agora, uma vez que salvamos tudo e definimos isso, queremos exibir alguns produtos. Eu vou te mostrar como isso é feito em fases posteriores. Vamos exibir somente produtos da categoria would entice Você pode adicionar mais categorias, basta digitar espaço de vírgula e adicionar outra categoria. Só um segundo. Vamos ter certeza de que eu não estou confundindo nada. Vamos até este aqui. E como você pode ver, todas as categorias são separadas por vírgulas Então, desse jeito, você pode adicionar mais categorias. Agora vamos trabalhar nesta seção, nesta parte aqui. Vamos consertar as duas peças dos produtos em destaque. Então, novamente, vamos adicionar brinquedos de madeira. E agora vamos adicionar outra categoria. Então, vou copiar a categoria de figurinos Ryan aqui, vou voltar e colar essa categoria aqui. Tudo bem? E assim, eu posso realmente adicionar mais categorias. Digamos que eu também possa adicionar brinquedos de banho. Então, vou copiar esse slug voltar para esta janela aqui. Vou adicionar uma vírgula. Vou criar um espaço e vou colar essa categoria também. Então, agora, em produtos populares , temos três categorias definidas. E uma vez que selecionamos isso, queremos que nossos produtos sejam selecionados aqui dessas categorias. E, como eu disse em etapas posteriores, mostrarei como isso é feito e esses produtos serão exibidos aqui. Se você pudesse voltar aqui. Agora só temos, nesta parte, produtos da categoria brinquedos de madeira. Então, quando selecionarmos que queremos recurso duas vezes dessa categoria, dose duas vezes e as lojas dessa categoria serão exibidas aqui. Em fases posteriores, vamos brincar com esses ajustes. Mas agora, acho que tudo parece bem. Então, na verdade, também terminamos a segunda seção. Como você se lembra, esta foi nossa segunda seção e tem quatro produtos para exibir. Mais tarde, vou adicionar mais produtos, na verdade, vou duplicar alguns dos produtos apenas para mostrar como isso funciona No seu caso, você mesmo adicionará todos os seus produtos e poderá brincar com esses ajustes. Tudo bem, vamos voltar e vamos brincar, não brincar Vamos trabalhar nesta seção aqui. Então, nesta seção, vou mostrar que oferecemos frete grátis E estou planejando oferecer frete grátis para pedidos acima de 50%. Então, tudo que eu tenho que fazer aqui é apenas digitar zero. Tudo bem, então agora está bom. E o que mais, o que mais? Planejando mostrar essa enorme economia? Tudo bem, vou manter essa grande economia porque estou planejando ter preços baixos, então são basicamente as mesmas e rápidas entregas Então, ao lado do frete grátis, vou incluir entrega rápida. Então, vou substituir esse texto aqui. Vou adicionar entrega rápida. Tudo bem, acabei de mudar o texto e, como você pode ver agora, digo que faço frete grátis, entrega rápida, grandes economias Mas, novamente, nessa parte de edição, as informações que você deseja incluir dependem de você. É como no meu caso, eu gosto de oferecer frete grátis para pedidos acima, digamos $50 E eu geralmente me concentro na entrega rápida, geralmente produtos dentro de 24 horas, se isso for possível. E eu geralmente não cobro muito dos meus clientes pelos produtos. Não sou muito ganancioso. Mas, novamente, depende de você como você quer fazer isso, qual caminho você quer seguir. Mas eu só queria mostrar que é assim que você pode fazer isso. E todas as configurações, todos os textos, tudo isso dependerá de você. Mas, como você sabe, estamos praticando agora Então, seu trabalho final provavelmente será diferente do meu. Tudo bem, então agora como é esse complemento? Então, como você pode ver, esse ícone aqui não representa que diz entrega rápida. Então, podemos substituir esse ícone. Se eu clicar nesse ícone aqui, como você pode ver, tenho algumas opções para esse ícone para que eu possa clicar na biblioteca de ícones e procurar Frete. Tudo bem, acho que esse ícone funcionará. E eu vou selecionar esse ícone. Vou clicar em Inserir. Tudo bem, então agora faz sentido. Mas agora eu não gosto da aparência dessa seção. Está muito escuro, simplesmente não parece muito bom. Mas meu design geral, então vou clicar aqui para fazer alterações em toda essa seção. E os ajustes de estilo são feitos aqui, se você se lembra, e como você pode ver, temos a cor de fundo Está um pouco escuro demais. Eu quero mudar isso e quero fazer com que essa cor seja igual a esta. Então, vou pegar o amostrador de cores. Vou clicar aqui e acho que vou usar essa cor. Tudo bem, parece muito melhor. E agora o que vem a seguir? O que poderíamos fazer a seguir? Poderíamos mudar essas colunas, o estilo dessas colunas porque elas são muito escuras. Tudo bem, vamos clicar nessa coluna. Obviamente, podemos clicar o botão direito do mouse e clicar em Editar coluna. E, como você sabe, os ajustes estilo são feitos nesta guia aqui E agora ele é ativado como uma sobreposição de fundo. Então, eu vou expandir este. E, como você pode ver, está configurado para 0,9. E se pudéssemos mover isso Um pouco para a esquerda é 0,4. Acho que parece melhor, mas agora nosso ícone não parece muito bom. É difícil ver o que é. Vamos clicar nesse ícone. Vamos ao Estilo e podemos mudar a cor. Então, se eu usasse o seletor de cores, acho que poderia essa cor. Vamos ver como vai ficar. Tudo bem, parece muito melhor. Ok, vamos continuar assim. E eu vou fazer o mesmo com o Discount. Então eu posso clicar aqui. E eu posso ir para Style. E, como você se lembra, Background Overlay e defina-o como 0,4 Então, sim, sem mais nem menos. Tudo bem, então vou clicar nesse ícone. Eu vou para Style. Eu vou escolher a cor. Vou selecionar o amostrador de cores. Vou escolher essa cor de osso e é assim que fica. Ok, eu vou fazer o mesmo. Então eu posso clicar aqui ou eu posso clicar o botão direito do mouse Editar coluna. E eu posso ir para Style. E, novamente, Background Overlay 0.4. Sim. E vamos mudar a cor desse ícone. Tudo bem, vamos mudar a cor aqui. Vamos escolher assim mesmo. E boom, é assim que parece. Tudo bem, agora parece muito melhor. Como eu disse antes, não tenha medo de explorar tudo sozinho, pois assim você aprenderá a usar muita manteiga Elementor Tudo bem, então o que vem a seguir? Agora estou planejando mostrar minhas categorias aqui. Tudo bem, então como vou fazer isso? É matemática muito simples. A primeira missão é mudar o texto aqui. Então, vou digitar que são brinquedos de madeira aqui. Brinquedos Montessori, brinquedos educativos e brinquedos de banho. E aqui vou adicionar alguns textos. Então, como você pode ver, uma vez que eu clico nesta seção, não na seção, mas neste elemento aqui, eu posso clicar nesse elemento em si. Eu posso clicar aqui. E como você pode ver, eu posso mudar o título. O título está aqui, descrições de frutas frescas da fazenda. Então, em vez de usar essas descrições aqui e os títulos, vou adicionar as minhas próprias para representar meu estoque, para representar minhas categorias. Tudo bem, como você pode ver, eu substituo o texto e agora ele meio que representa minha marca, meu negócio, minha loja online Então, ainda não o fizemos, porque temos as imagens por aqui que não correspondem às coisas que dizemos aqui. Para substituir a imagem, vamos clicar aqui para editar toda a coluna em si. Vamos para Estilo e vamos para a sobreposição de fundo Provavelmente está configurado para sobreposição de fundo. Sim, é. Então, vamos clicar nessa imagem e nos brinquedos de madeira. Então, vou usar essa imagem e clicar em Selecionar tudo. Tudo bem, parece bom, não é? E vamos fazer o mesmo com este. Então, vamos clicar aqui. Vamos para Estilo e vamos para a sobreposição de fundo Vamos clicar nessa imagem. E agora vamos selecionar esse aqui. Tudo bem, vamos clicar em Selecionar. Tudo bem, parece bom. E vamos fazer o mesmo com o terceiro. E vamos ao estilo. Vamos escolher a imagem. E desta vez a imagem será essa. Vamos clicar em Selecionar. Ok, só um segundo. Por que não está sendo atualizado. Só mais uma vez. Vamos até esta imagem. Talvez vamos tentar este. Não está salvando por algum motivo, mas deveria salvar. Tudo bem, vamos clicar aqui mais uma vez. Vamos substituir essa imagem aqui. Vamos escolher a imagem. Aquele que estou planejando usar. Só um segundo. Vamos selecionar se queremos trabalhar em nosso posicionamento. Por algum motivo. Não está atualizando, mas não se preocupe com isso Você vai consertar isso imediatamente. Tudo bem, então, por enquanto, vamos mantê-lo como está. E vamos trabalhar na última coluna que está aqui. Vamos até Estilo e sobreposição de fundo e vamos escolher a imagem Dessa vez. Essa será a imagem que eu quero usar. Tudo bem, então agora funciona. Então, nosso objetivo agora é fazer com que essa imagem fique um pouco mais baixa. Tudo bem, então agora vamos escolher a posição. Vamos selecionar Personalizado. E vamos brincar com esse eixo aqui. E eu acho que parece bom. Tudo bem, vamos tentar mais uma vez trabalhar nisso aqui Tudo bem, vamos nos certificar de que selecionamos a imagem. Tudo bem, não funciona, mas não se preocupe com isso Às vezes, coisas assim podem acontecer, mas isso não significa que não conseguiremos resolver esse problema Tudo bem, antes de fazermos qualquer alteração, vamos garantir que tudo bem em outros dispositivos Tudo bem, vamos clicar aqui. Tudo bem, não parece muito bom. Mas, novamente, poderemos fazer mudanças. Tudo bem, vamos clicar aqui. Eu termino em um tablet. Tudo vai ficar ótimo. Como você pode ver, tudo ficará ótimo , exceto talvez andar aqui. Poderíamos fazer algumas mudanças. Então, como você pode ver agora , está sendo exibido assim e simplesmente não parece muito bom. Poderíamos fazer com que tudo fosse exibido em uma linha. Então, vamos aqui e vamos para Configurações avançadas aqui. E só um segundo. Se você vai brincar com o fundo. Agora, não está ajudando Então, vamos voltar. Vamos manter 225. Então, coisas assim acontecem. E às vezes, quando você está criando um site, tudo se resume à solução de problemas, mas não se preocupe com Podemos corrigir esse problema. Então, se você está fazendo uma alteração na seção e isso não está ajudando, as coisas não estão mudando como você deseja. Eles estavam mudando. Isso significa que sua segunda opção é começar a fazer alterações duas colunas antes de fazer qualquer ajuste, digamos, não colunas, mas dois elementos Então, primeiro você faz alterações nesta seção aqui. E se isso não está ajudando, então você vai para a coluna aqui. E é exatamente isso que vamos fazer. Uh, vamos selecionar a primeira coluna aqui e vamos aos ajustes de layout Então, vamos mudar o tamanho da coluna em vez de 50. Vamos fazer isso, digamos 100, vamos fazer 100. Tudo bem, então vamos fazer 100. E vamos para essa coluna também. E em vez de 50, vamos fazer 100 também. E acho que vai ficar muito melhor do que a versão anterior. Tudo bem, 100 parece bom. E agora temos que fazer o mesmo com este. Tudo bem, vamos aos ajustes de layout e vamos defini-lo como 100 Tudo bem, vamos fazer 100. E agora tudo parece muito melhor. Tudo bem, então agora fizemos algumas alterações na versão desktop Como você pode ver, a versão para desktop permaneceu a mesma, independentemente de termos feito algumas alterações no tablet. E agora parece bom, exceto esta imagem aqui é a mesma. Então, vamos corrigir isso um pouco mais tarde. E vamos para o tablet. Vamos garantir que tudo esteja bem. Tudo bem, tudo parece ótimo. E vamos para a visualização móvel. Tudo bem, e a visualização móvel também parece boa Mas agora, só um segundo, vamos rolar para baixo. Como você pode ver aqui, temos alguns problemas com nossas categorias. Portanto, antes de adicionarmos URLs a esses botões, vamos garantir que tudo fique bem em cada um dos y's. Então, o que queremos fazer aqui é clicar aqui. E vamos aos ajustes de layout. E só um segundo. Agora, vamos para a guia Avançado. E aqui temos que fazer alguns ajustes de preenchimento. Tudo bem, só um segundo. Vamos fazer esse. Só vamos continuar. Vamos continuar subindo. É demais agora. Tudo bem, vamos fazer 60 e ainda não parece muito bom. Mas, novamente, não se preocupe. Como eu disse, às vezes, quando você está criando um site, tudo gira em torno da solução de problemas Então, obviamente, nosso próximo passo é desvincular valores e vamos ver o que podemos obter se você fizer alguns ajustes no canto inferior direito Então, se eu vou continuar aumentando esse valor aqui, como você pode ver, essa coluna está se expandindo e acho que vou mantê-la em 160. E eu vou fazer basicamente o mesmo com cada coluna. Mas antes de fazer isso, eu só quero ter certeza de que essa imagem aqui está posicionada corretamente. Então, como você se lembra, as mudanças são duas imagens e qualquer coisa parecida que eu fiz aqui e na guia Estilo. E como você se lembra, colocamos essa imagem aqui. Então, foi definido como sobreposição de fundo. E vamos garantir que tenhamos o mesmo conjunto de imagens. Então, essa é a imagem que queremos usar. Vamos clicar em Selecionar e agora vamos escolher a posição. Então, vamos escolher Personalizado. E agora vamos mudar esse eixo, apenas, vamos mantê-lo, este como zero. E vamos fazer mudanças neste. Tudo bem, agora, tudo parece muito melhor. Tudo bem, então, em seguida, temos que mudar essa coluna aqui. Então, vamos clicar aqui e ir para Avançado. E como você se lembra, antes de tudo, definimos tudo para 60. Então, vamos fazer o mesmo aqui. Vamos nos certificar de que definimos o valor como 60. Vamos desvincular outros valores. Agora, os ajustes inferiores devem ser 160. Dessa forma, vamos corrigir todas as colunas aqui, e tudo ficará ótimo. Tudo bem, então, em vez de 100/6, vamos ter certeza de que é E agora, mais uma vez, podemos fazer alterações na imagem. Então, vamos para a sobreposição de fundo. Vamos ter certeza de que temos a mesma imagem aqui, caso ela simplesmente desapareça E agora temos que mudar a posição. Então, vamos selecionar Personalizado aqui. E como você se lembra, temos que mudar os números aqui. E eu acho que parece bom. Eu acho que parece bom. E podemos fazer o mesmo com o brinquedo educativo. Então, vamos clicar em brinquedos educativos aqui e a imagem está definida. Então, só mais uma vez. Vamos tentar isso mais uma vez. Vamos tentar definir essa imagem aqui. Vamos ver se isso vai mudar. Agora não está mudando. Mas, como eu disse antes, vou te mostrar como corrigir a decisão. Tudo bem, agora nosso objetivo é mudar o preenchimento. Então, assim como na vez anterior em que o definimos como 60, vamos garantir que ele também esteja definido como 60, cada valor. Agora podemos desvincular valores e agora podemos realmente definir este como 160 Então, em vez de aumentar o número, vou apenas adicionar um, e agora está definido como 160. Tudo bem, agora vamos trabalhar nesta última coluna. Veja, no meu caso, essa imagem não está mudando, mas mostrarei como você pode corrigir esse problema. Talvez no seu caso, tudo fique bem e você queira fazer alguma alteração. Mas no meu caso, como você pode ver, temos alguns bugs. Tudo bem, então vamos selecionar a última coluna ou no ano, vamos para a guia Avançado E como você se lembra, devemos ter 60 para cada um desses valores. Portanto, temos que adicionar 162 a cada um desses valores. E agora parece muito melhor. Vamos desvincular este e o fundo deve ser 116. Ok, então agora tudo faz muito mais sentido. Mas antes de partirmos, ainda precisamos fazer mudanças nessa imagem. Então, vamos estilizar a sobreposição de fundo como na vez anterior. E vamos garantir que selecionamos a imagem certa. Vamos selecionar essa imagem mais uma vez e posição. Tudo bem, então a posição deveria estar aqui desse jeito Eu acho que parece bom. Se não parecer muito bom para você, você ainda pode brincar com vários ajustes. E como eu disse, não desanime. Não tenha medo de brincar com várias ferramentas, muito mais configurações, pois assim você aprenderá a usar este editor muito melhor. Então, vamos garantir que tudo esteja bem. Então, a primeira seção, sim, parece boa. Produtos mais vendidos. Mais tarde, mostraremos nossos produtos mais vendidos. Temos essas informações aqui que são exibidas corretamente. Agora temos nossas categorias. Tudo parece bom. E aqui vamos ter nossos produtos populares. Então, estamos quase terminando toda a edição da página inicial. E vamos voltar à visualização em tablet e garantir que tudo esteja bem aqui. E quase surfar parece bom aqui. Mas aqui temos que fazer algumas mudanças nessa imagem. Como você pode ver, ele não está alinhado corretamente. Vamos ao estilo. Vamos garantir que essa imagem seja selecionada. E só um segundo, vamos clicar nesta imagem. Vamos selecionar essa imagem. E agora temos que definir para clientes, então já está definido como personalizado. E agora temos que mudar esse eixo aqui. Tudo bem? Agora tudo faz sentido. Tudo bem? Exceto que talvez pudéssemos mudar isso aqui. Em vez de mostrar tudo o que você não está na nova linha, podemos excluir o espaço e mostrar tudo assim. Então, só um segundo, vamos garantir que isso também fique assim. Tudo está alinhado corretamente e tudo parece bom. Acho que está tudo bem. Gostei da aparência de tudo. Vamos garantir que cada coluna esteja alinhada corretamente porque, como você pode ver, essa coluna tem espaço entre essa coluna, essa também, mas essa não tem Então, vamos verificar qual é o problema. Então, vamos começar com a primeira coluna aqui. E vamos avançar e ver o que temos de margem. Não temos nenhum ajuste de margem aqui. Que tal esse? Vamos verificar se isso tem algum ajuste marginal. Tem 15, 15, então eu acho que é bom. E esse? Não tem nenhum ajuste, então devemos tentar fazer, agora, vamos mantê-lo zero E eu acho que este deveria ter algumas outras mudanças, ou 40. (5.5) Vamos editar a página de contato (Elementor): Nesta lição, criaremos nossa página de contato. Então, terminamos com nossa página inicial. Mais tarde, faremos alguns ajustes de estilo, mas esses ajustes de estilo serão feitos globalmente para este site Portanto, esses ajustes serão feitos não apenas na página inicial, mas também em todas as outras páginas Agora podemos fechar esse layout. Como eu disse, terminamos com nossa página inicial e vamos rolar para baixo até nossa página de contato Então esta é a nossa página de contato. É assim que parece. E não parece bom porque não contém nenhuma informação. Mas vamos mudar isso imediatamente. Assim, poderíamos adicionar alguns detalhes de contato, como nossos números de telefone, ícones de mídia social e talvez seu endereço, se você tiver uma loja física , mas se não tiver, dependerá você quais informações deseja incluir. E, claro, geralmente gosto incluir um Formulário de Contato amanhã. Página de contato. Assim, meus clientes inteligentes do Wooster podem facilmente me deixar uma mensagem sem precisar ir até a caixa de entrada de e-mail e me enviar uma Tudo bem, então o que queremos fazer agora ir ao nosso painel e quero que você instale um plugin Este plugin será usado para adicionar formulários. Então, vamos acessar os plug-ins aqui e clicar em Adicionar novo E o plugin que você deseja procurar é chamado de formulários fluentes. Tudo bem, então este é o plugin que queremos usar. Eu uso esse plugin há algum tempo e sei que ele funciona bem. Tudo bem, vamos clicar em Ativar. E agora, antes de criarmos nosso primeiro warm, eu recomendo que você exclua um plugin que veio com nossos modelos iniciais com nosso tema Astra E esse plugin é chamado de formulários WP. Também é uma boa opção para criar formulários, mas é muito limitada e há uma grande chance de você precisar comprar um plano pago apenas para obter todos os recursos deste plug-in. Tudo bem, então desativamos esse plugin e agora podemos clicar em Vamos clicar em Excluir. E agora nosso plugin de gripe e formulários está ativo. Então, para encontrar nossos formulários, temos que ir até aqui. E o que queremos fazer agora é ir aqui, um novo formulário, e vamos criar um novo Formulário de Contato. Será um Formulário de Contato simples e direto Então, vamos usar esse formulário, vamos usar esse modelo. E agora você vai decidir quais campos você deseja incluir. Mas geralmente gosto de incluir apenas o campo do nome. Não gosto de incluir o sobrenome. E, claro, como você pode ver, nossos usuários terão a opção adicionar seu primeiro nome ou não, mas precisarão adicionar seu endereço de e-mail e sua mensagem É só porque é assim que as coisas funcionam, porque você precisará responder a elas. Tudo bem, agora já temos esse formulário, mas devemos fazer algumas mudanças Poderíamos mudar o estilo desse botão e a cor desse botão se acessássemos as Configurações avançadas. Não, não é o botão Configurações avançadas, o botão Enviar. E devemos ir para o estilo do botão e selecionar Cor. Tudo bem, então se vamos selecionar conheça Estilo, se você vai selecionar o botão vermelho E sim, acho que a cor vermelha ficará ótima com nosso tema, mas com nosso estilo. E se não for a opção que você deseja usar, você pode usar qualquer outra opção que funcione para você. Vou usar o vermelho e acho que fica bem. Portanto, antes de salvarmos essa fórmula, vamos nos certificar de que terminamos. Tudo bem, vamos ficar nesta página. Vamos clicar em Salvar. E antes de deixarmos isso aquecido, vamos fazer algumas configurações aqui. Então, aqui, como você pode ver, Configurações de confirmação, quando nosso visitante quer que nosso cliente ou cliente em potencial digite uma mensagem e ele nos envia uma mensagem. Ele verá essa mensagem. Obrigado pela sua mensagem. Entraremos em contato com você em breve, tudo bem, para que possamos mantê-lo como está aqui, Notificações por e-mail Então, aqui você quer ser notificado quando um cliente deixar uma mensagem para você. Então, vamos ativar este. E agora temos que fazer alguns ajustes aqui. Esses são muito importantes. E você quer ir até aqui, mandar dois e-mails. Portanto, depende de você qual e-mail deseja usar, mas eu recomendo fortemente que você use seu e-mail comercial, aquele que você criou anteriormente nas lições anteriores, onde mostrei como criar seu endereço de e-mail comercial no Zoho Então, basta digitar esse endereço de e-mail que você criou, porque aqui você não quer usar seu endereço de e-mail de administrador do WordPress porque, nesse caso, os fóruns não funcionarão e você não será notificado em seu endereço de e-mail de que alguém deixou um formulário para você. Basta digitar o endereço de e-mail que você criou anteriormente. No meu caso, será o Support at a bacon avocado is.com Tudo bem, então, depois de fazer isso, podemos rolar para baixo para salvar Tudo bem, vamos subir. E agora vamos para todos os formulários. E só um segundo. Sim, este é o formulário que acabamos de criar. E podemos copiar esse código curto aqui porque precisaremos desse código um pouco mais tarde. E só um segundo, vamos visualizar esse formulário mais uma vez e garantir que esse seja o formulário a ser avaliado Sim, é. Esse é o formulário. E agora podemos ir para nossas páginas. Vamos para Todas as páginas e vamos encontrar nossa página de contato. Então, esta é a nossa página de contato e você deseja clicar aqui adicionado. E como temos o Elementor instalado em nosso site, podemos criar esta página usando o Elementor e é exatamente isso que vamos fazer Nossa página de contato ficará muito melhor. Então, vamos clicar em Editar com o Elementor. E a grande vantagem de ter um tema Astra e modelos iniciais é que podemos importar modelos pré-fabricados que não precisemos criar tudo sozinhos, como criar seções e arrastar Na verdade, podemos clicar aqui e selecionar blogs. E agora vamos escolher isso. Estamos procurando contato. Vamos escolher Contato. E agora depende totalmente de você qual tipo de formulário você quer usar, que tipo de layout você quer usar. Mas neste caso, acredito que posso escolher este. Vamos escolher este e selecionar o bloco de importação. Tudo bem, então importamos esse bloco de contato com sucesso. E como você pode ver, é assim que parece, mas apenas no caso de não ter funcionado corretamente para você. Às vezes, em raras ocasiões, as coisas simplesmente ficam presas. E em vez de esperar, você pode simplesmente atualizar a página em si, a página inteira em si, e tudo deve funcionar bem Tudo bem, agora temos esse bloco aqui e precisamos adicionar nosso formulário de contato Então é aqui que vamos adicionar nosso contato para homens para adicionar essa B12 quente Procure elementos chamados de código curto. Só um segundo, vamos rolar para baixo. Esse é o elemento que queremos usar, então basta arrastá-lo e soltá-lo. E aqui, basta colar o código que basicamente copiamos anteriormente quando criamos nosso formulário Tudo bem, então isso é perspectiva. E aqui poderíamos substituir o texto e ele poderia dizer “ envie-nos uma mensagem”. Ok, parece ótimo. Agora você pode substituir o número de telefone. E se você não tiver endereço para exibir ou não quiser que nenhum endereço seja exibido. A segunda coisa que é importante e que eu gosto de mostrar é meu endereço de e-mail, portanto, meu endereço de e-mail comercial. Então, vou digitar o endereço de e-mail. Tudo bem, acabei de adicionar meu endereço de e-mail. Sempre gostaria de incluir o meu endereço de e-mail caso o cliente não consiga entrar em contato usando este formulário, mas isso realmente não acontece, mas é bom incluir seu endereço de e-mail, bem, ícones sociais aqui, você pode adicionar seus perfis sociais Então, basta clicar nesses ícones aqui e aqui. Depois de clicar em Perfil, você pode adicionar o URL do seu perfil. Então, basta colá-lo aqui. Se você tiver uma página no Facebook, basta colar o URL da sua página do Facebook. Se você quiser incluir o LinkedIn, você pode basear seu perfil aqui. Se você não quiser usar o LinkedIn e quiser usar, digamos Instagram Você pode clicar nesse ícone e usar a Pesquisa para procurar o Instagram. Tudo bem? Assim, você encontrará o ícone do Instagram. Vamos clicar em Inserir. E é assim que parece. Se você não gosta desse tamanho desses ícones, você pode mudar isso aqui e ajustar o tamanho, tudo bem, assim, você pode tornar seus ícones muito maiores E eu acho que parece bom. Você também pode alterar as cores desses ícones. Dependerá totalmente de você. Tudo bem, vamos clicar em Atualizar. E depois de atualizarmos esta página, podemos clicar aqui e selecionar Exibir página. Vamos ver como fica. Tudo bem, e como você pode ver, é assim que parece. Esta é a nossa página de contato totalmente funcional. Portanto, usando esta página, nossos visitantes poderão entrar em contato conosco e nós poderemos ajudá-los com qualquer dúvida. Antes de partirmos. Talvez pudéssemos mudar o texto, Ryan aqui, em vez de dizer enviar formulário, poderíamos dizer Enviar mensagem. Tudo bem, vamos até aqui, no painel mais uma vez E, como você se lembra, criamos este Formulário de Contato usando gripe e fóruns e queremos selecionar todos os formulários. E agora vamos clicar em Editar aqui e clicar aqui para enviar o formulário. E em vez de enviar formulário, digamos Enviar mensagem. Tudo bem, vamos clicar em Salvar formulário. E vamos voltar para o nosso lado e ver como fica agora, vamos clicar em Contato. E como você pode ver, Enviar mensagem, tudo parece ótimo. E eu poderia realmente testar esse formato para que pudéssemos digitar o nome, e-mail, endereço, assunto e mensagem. Isso é exatamente o que eu vou fazer. Tudo bem, vamos clicar em Enviar mensagem. Tudo bem, é o que diz, obrigado por sua mensagem Entraremos em contato com você em breve. Então, deve funcionar. No momento, vou abrir minha conta de e-mail e vou testar se isso funciona para ver se recebi um formulário de notificação enviado por alfa Como você pode ver, recebemos com sucesso um e-mail de notificação que alguém deixou como formulário. Portanto, não se esqueça de que é extremamente importante adicionar seu outro endereço de e-mail em vez de usar o endereço de e-mail do administrador do WordPress Então, só um segundo, vamos voltar aqui. Vamos acessar nossos formulários apenas para ter certeza de que você inseriu outro endereço de e-mail. Porque se você não tiver feito isso, esses formulários não funcionarão. A propósito, quando alguém deixar um formulário, você verá aqui, não aqui, mas aqui também nas entradas. Aqui, nas entradas, você verá que alguém deixou um formulário para você, mas você também será notificado em seu endereço de e-mail. Então, o mais importante, não se esqueça disso e de todos os formulários quando estiver aqui, este é o formulário que acabamos de criar. E depois de acessar as configurações deste formulário, não se esqueça de que deseja ser notificado em outro endereço de e-mail, do que você usa para fazer login no painel do WordPress, caso contrário, não funcionará Então, mais uma vez, vamos garantir que, aqui, enviar para e-mail seja seu endereço de e-mail comercial. Porque, em qualquer caso, é melhor manter tudo em um só lugar, no mesmo lugar, e receber uma notificação por e-mail em forma alfa de uma mensagem seu endereço de e-mail comercial é apenas uma boa prática, pois depois de receber uma mensagem, notificar que alguém deixou uma mensagem, você pode facilmente copiar esse endereço de e-mail e Tudo bem, então certifique-se de ter adicionado seu endereço de e-mail aqui Tudo bem, então basicamente isso é tudo para esta lição. Agora você sabe como criar sua página de contato com um formulário de contato ativo 41. (5.6) criando menus: Nesta lição, criaremos nosso menu principal. E eu geralmente gosto de incluir minhas categorias de produtos e o menu principal e exibir esse menu principal aqui mesmo em nosso cabeçalho. Então é exatamente isso que vamos fazer nesta lição. Vamos apenas criar nosso menu principal. E neste menu vamos incluir categorias, categorias de produtos, porque esse é um layout bastante simples e é muito fácil de entender para nossos visitantes. Tudo bem, então vamos ao painel. E antes de criarmos nosso menu primeiro, devemos conhecer os URLs de nossas categorias Então, vamos para Produtos e, aqui mesmo, vamos abrir Categorias em uma nova guia. Vamos às categorias. E como você pode ver, esta é a nossa árvore de categorias. Essas são as categorias que temos. E vamos copiar os URLs dessas categorias e adicioná-los ao nosso menu Tudo bem, então vamos voltar para essa guia aqui. E agora devemos aparecer aqui. E vamos selecionar menus. Como você pode ver aqui, temos um editor de menu. E se você pudesse ir aqui, como você pode ver, temos mais menus, não apenas o menu que está aqui. Menu principal, temos links rápidos, menu secundário. E se você clicar aqui, poderá criar quantos menus realmente quiser. Depende totalmente de você neste curso e nesta lição eu vou te mostrar como eu mesmo faço isso. E se você quiser criar um novo menu, basta clicar aqui, e esse novo menu aparecerá aqui e você poderá adicionar qualquer tipo de menu. Se eu fosse aqui, locais gerenciados, não faremos nada aqui porque uma vez que vamos editar nosso cabeçalho e rodapé, basicamente poderemos acessar todas essas configurações aqui, mas em um local diferente Portanto, não precisamos fazer nada aqui. E tudo bem, vamos voltar aos Menus. E como você pode ver aqui, se você selecionasse os locais do menu, então você pode selecionar a localização do menu, mas agora, tudo está bem como está por padrão. Portanto, nosso objetivo agora é criar novos itens de menu para que possamos adicionar esse item de menu ao nosso menu. Tudo bem, então vamos usar links personalizados. Então, aqui, você quer adicionar o URL da sua categoria. Então, vamos voltar às Categorias e abrir essa categoria na nova guia também. Vamos clicar em Exibir e agora queremos copiar essa categoria. E vamos voltar aos nossos menus e colar esse URL aqui e adicionar o título da sua categoria. Tudo bem, vamos clicar em Adicionar ao menu. E, como você pode ver, adicionamos com sucesso um novo item de menu. Agora, podemos realmente excluir esse item de menu que foi criado por padrão porque não vamos usá-lo. Podemos clicar aqui, remover. Tudo bem, então vamos voltar para todas as categorias. Agora podemos fechar essa categoria e abrir os brinquedos de banho em uma nova aba, assim como fizemos com os brinquedos de madeira. E, novamente, vamos copiar essa categoria. Isso é voltar ao nosso editor de menu e aqui mesmo e colar o URL e dar o título a essa categoria. Tudo bem, vamos clicar em Adicionar ao menu. Tudo bem, você pode ver que adicionamos com sucesso aos itens do menu E se você quiser criar qualquer tipo diferente de menu, você também pode incluir páginas aqui mesmo da lista. Como você pode ver, você pode até incluir postagens no blog. Você sempre vai querer fazer isso. E você também pode incluir endpoints do WooCommerce. Novamente, isso vai depender de você. Talvez no futuro você decida que deseja fazer algumas alterações na versão atual do menu. Mas, por enquanto, vamos nos concentrar em adicionar links personalizados. E assim como eu os adicionei para rodar aqui, vou terminar de adicionar todo o resto das categorias ao meu menu. Tudo bem, você pode ver que acabei adicionar todas as categorias ao meu menu E é assim que parece. Se você não gosta da aparência, não gosta do posicionamento de cada elemento Você pode trocar de lugar se quiser se mover, digamos que esse elemento aqui seja o primeiro elemento Você também pode criar categorias e subcategorias. Então, por exemplo, digamos que se você tem brinquedos educativos ou talvez não , digamos, vamos pintar aqui. Então, digamos que nossa pintura seja a categoria principal. E você terá subcategorias como categorias infantis, quatro pincéis para papel ou algo E você quer fazer dessa categoria aqui a principal. E você quer criar um menu suspenso. Então, nesse caso, você teria que escolher sua subcategoria Digamos que essa seja a subcategoria com pincéis. E se o movermos para o lado direito, desse jeito, poderemos criar um menu suspenso. Não vamos fazer isso agora porque não temos nenhuma categoria de pais e filhos. Tudo está bem como está, então podemos movê-lo de volta. Eu só vou trocar de lugar com este aqui e vou fazer deste o último E eu acho que parece bom. Acho que parece bom. E agora podemos clicar no menu Salvar. Tudo bem, vamos clicar em mais um menu de economia de tempo. Tudo bem, agora podemos visualizar sua aparência. Então, vou abrir este em uma nova guia mais uma vez. E vamos clicar e ver como fica. E como você pode ver, agora temos nosso menu principal pronto. Então é assim que parece. E nos estágios posteriores, quando vamos editar nosso cabeçalho, vamos mudar o posicionamento desse menu aqui Podemos posicionar esse menu à direita ou ao centro. Vai depender totalmente de você. Mas, por enquanto, como você pode ver, criamos nosso menu principal com sucesso . Então, se eu clicasse na categoria de fantasias aqui, como você pode ver, nossa mãe preferida, categoria de fantasias Tudo bem, vamos voltar à página inicial do nosso site e apenas mostrar um exemplo de como o menu suspenso Então, vamos voltar ao nosso editor de menu e digamos que eu vou criar a categoria de fantasias, minha categoria para pais e a categoria infantil serão brinquedos de banho. No seu caso, é claro, serão categorias e subcategorias diferentes, mas estou apenas mostrando como vai ficar Tudo bem, então eu vou levar brinquedos educativos, bem como uma categoria infantil para fantasias Essa é uma categoria principal neste caso. Vou mover este para o lado direito. E agora vou clicar no menu Salvar e vamos verificar sua aparência e usá-lo você mesmo. Ao mover muitos elementos para o lado direito, podemos criar menus suspensos. Tudo bem, vamos verificar como está. E se eu passar o mouse sobre as fantasias, como você pode ver, temos um menu suspenso Então, desse jeito, você também pode criar menus suspensos. Mas, neste caso, vou voltar e fazer com que seja como era antes. Tudo bem, então estamos de volta à primeira versão do nosso menu. E como você pode ver, tudo parece ótimo e, assim, você pode criar facilmente seus menus 42. (5.7) Personalizando o tema (Astra): Nesta lição, começaremos a personalizar nosso tema WordPress Então, para começar a personalizá-lo, você precisa clicar aqui, Personalizar Tudo bem, como você pode ver, é assim que nossas opções de personalização devem ser E, às vezes, em raras ocasiões, quando você clica em Personalizar, congele e ele pode não carregar. Então, nesse caso, tente fechar o navegador e abri-lo mais uma vez. Mas acho que isso não deveria acontecer com você. Mas, novamente, se isso acontecer, se você clicar em Personalizar, você não verá nada e apenas congelará Tente atualizar o navegador ou reiniciar o computador, e isso Aconteceu comigo algumas vezes, mas provavelmente foi culpa do meu computador. Tudo bem, então vamos verificar a barra lateral todas as opções de personalização Então, como você pode ver, mesmo com esse aviso aqui, se você usar a versão Astra Pro, você terá mais opções de personalização Portanto, essa é a maior desvantagem quando você usa temas gratuitos é que você está atrasado nas opções de personalização Mas, em qualquer caso, não importa em que tipo de FEM você esteja trabalhando, você ainda pode espremer esse fêmur e obter bons resultados Então é exatamente isso que vamos fazer nesta seção. E depois a seção em que mostrarei como editar tudo com um tema premium. Você verá por si mesmo quantas opções de personalização terá Compare-o com este tema Astra. Tudo bem, então vamos começar com as configurações globais aqui. E como você pode ver, se eu for para a guia de tipografia, posso mudar a fonte no meu site Como você se lembra, quando eu estava instalando um modelo inicial, tive a opção de escolher quais fontes e qual paleta de cores eu queria usar Então, se você escolheu uma fonte e não gosta mais dela, é aqui que você pode alterá-la. Tudo bem, vamos voltar e em cores. Então, em cores, é claro, você poderá alterar a paleta de cores do seu site Então, se você não gostar da paleta de cores que escolheu anteriormente, você pode alterá-la aqui Ok, vamos voltar para o contêiner. Não faremos nenhuma alteração no contêiner porque tudo está bem como está por padrão. E, mais uma vez, gosto de dizer que você deve explorar tudo sozinho e experimentar duas opções diferentes, configurações diferentes. Talvez você decida que quer fazer com que seu site tenha uma aparência diferente. Não apenas para seguir esse curso que estou fazendo, não apenas para seguir minhas aulas, mas talvez você queira fazer algo diferente. Portanto, não tenha medo de explorar tudo sozinho. Tudo bem, vamos voltar. Botões. Obviamente, aqui você fará alterações nos botões. E aqui você pode encontrar vários ajustes de estilo diferentes para botões Você pode alterar as cores e fazer todos os outros ajustes. Então, isso depende de você, mas eu sinto que tudo está bem como está por padrão. Tudo bem, se eu fosse aqui e isso fosse ativado, este habilitaria a rolagem até o Só um segundo, vou rolar para baixo quando estiver ativo, como você pode ver, ele ativa essa opção aqui Se eu clicar nesse ícone, irei para o topo da minha página, então cabe a você decidir se deseja ativá-lo. Mas geralmente gosto de manter tudo simples e não uso muitos recursos no meu site. Tudo bem, vamos voltar. Acessibilidade. Não precisamos mudar nada porque está tudo bem. Vamos voltar. E se você quiser ir ao blog, abrir a porta, você também não precisa mudar nada aqui. Ok. Vamos voltar aqui, na verdade, aqui mesmo. Também não precisaremos mudar nada porque está tudo bem. Ok, vamos voltar. Agora você está um pouco mais familiarizado com todas as configurações globais. Portanto, as configurações globais estão basicamente relacionadas ao estilo e cabe a você decidir se deseja fazer alguma alteração. Vamos voltar. E Heather, Builder, não vamos fazer nenhuma mudança agora porque eu tenho uma lição completamente diferente para trabalhar com seu cabeçalho que está E é claro que vou ter uma aula separada para trabalhar com sua dívida de rodapé aqui Tudo bem, vamos subir e fazer migalhas de pão. Não precisamos ativar nenhuma breadcrumbs porque isso vai atrapalhar a aparência do Então, por exemplo, se eu clicar neste produto aqui e ativar a farinha de rosca, digamos que assim, como você pode ver, temos migalhas digamos que assim, como você pode ver, temos Basicamente, temos um pequeno mapa da nossa página, a página atual, adicionamos a categoria e a página inicial Mas, novamente, com lojas de comércio eletrônico, não use isso, e você realmente não precisa usar isso também Ok, vamos voltar. Tudo bem, só um segundo. Deixe-me ver. Vamos voltar às configurações globais. E eu só queria verificar algo com cores. Ah, sim, então algo é importante aqui, afinal, mesmo que eu tenha dito, essas configurações dependem totalmente de você. Novamente, não tenha medo de explorar a oferta a si mesmo. Mas aqui, a única coisa que é importante para mim é que um adulto goste dessa cor cinza aqui, como você pode ver, minha imagem é com fundo branco e eu gostaria de ter essa cor cinza e branca também. Então, esse é o plano de fundo lateral da opção. Vou clicar aqui, escolherei essa opção e acho que parece muito melhor. Sim, parece muito melhor. Tudo bem, então vamos voltar. E se você precisar fazer essa alteração, para mudar o plano de fundo, lembre-se de que todas as configurações relacionadas a duas cores são feitas aqui mesmo. Tudo bem, vamos voltar. Então breadcrumbs, você não está usando Vamos pular a guia do blog porque não adicionamos nenhuma Não definimos uma página para exibir postagens de blog, então eu tenho uma seção completamente separada para trabalhar com blogs Então, novamente, você vai querer começar a postar no blog, mas é sempre altamente recomendável postar mas é sempre altamente recomendável postagens no blog, pois dessa forma você pode atrair mais visitantes para o seu site Tudo bem, vamos para Pages. E aqui, se fizéssemos alguma alteração, faríamos alterações nas páginas. Então, como você se lembra, páginas que não foram criadas usando o Elementor Portanto, essas páginas são política de cookies, devoluções e reembolsos e todos os outros tipos legais de páginas Tudo bem, então aqui não precisaremos mudar nada porque está tudo bem Então, vamos voltar novamente. Vamos para a barra lateral. Portanto, este é opcional se você quiser ativar a barra lateral do seu site Então, por exemplo, se eu ativar essa barra lateral aqui, como você pode ver, eu tenho uma barra lateral E nessa barra lateral eu posso incluir algumas informações, mas eu realmente não faço isso Às vezes, eu ativo essa opção quando estou trabalhando com sites de negócios para representar marcas. Mas ao trabalhar com lojas de comércio eletrônico, gostaria de manter essa opção aqui sem uma barra lateral Acho que parece muito melhor. Tudo bem, vamos voltar ao Footer Builder. Então, eu tenho uma lição completamente separada para isso. Agora podemos ignorar os tipos de postagem personalizados. Se eu fosse até aqui. Não precisamos mudar nada porque não adicionamos nenhuma postagem no blog. E, na verdade, o layout atual que temos agora vai ficar bem. E mais tarde, quando começarmos a adicionar postagens no blog mostrarei como isso funciona. Talvez voltemos a essa opção aqui para verificar quais opções temos. E vamos testar alguns layouts diferentes. Mas, por enquanto, não precisamos mudar nada porque tudo está ótimo do jeito que está. Tudo bem, se eu fosse para o WooCommerce. Obviamente, aqui faremos alterações na parte WooCommerce do nosso site para que possamos fazer alterações no Catálogo de Produtos aqui Podemos fazer alguns ajustes gerais. Se eu quiser fazer os ajustes gerais novamente, temos alguns ajustes de layout que não precisamos alterar para trabalhar Então, se eu for ao Catálogo de Produtos por apenas um segundo, ele abrirá nosso catálogo de produtos. Então, este é o nosso catálogo e é assim que parece. Assim, podemos alterar o layout, podemos alterar quantas colunas queremos exibir e você pode fazer vários outros ajustes que você pode ocultar, digamos, o preço Se você não quiser exibir o preço do seu produto, você pode ativar a sacola de prêmios ativar Adicionar ao carrinho se quiser. Só um segundo. É assim que vai ficar, mas eu geralmente gosto de manter tudo simples, então vou desativar esse e não vamos mudar nada Para que possamos voltar. Tudo bem, só um segundo. Se eu quiser voltar para a guia do catálogo de produtos e se eu quiser ir para a guia Design, como você pode ver, posso alterar o alinhamento, mas estamos limitados aqui porque não estamos usando uma versão profissional do Astra Theme para que possamos voltar a usar produtos individuais Então, se eu optar por um único produto, farei alterações um produto em si, na página do produto. Então, por exemplo, eu vou simplesmente abrir esta página. E como você pode ver, é assim que parece. E se eu fizesse mudanças como o layout, eu poderia desativar e habilitar alguns dos elementos, como você pode ver aqui, acabei de habilitar isso. Eu quero mostrar a categoria. Então, nesse caso, eu poderia desativar o meta-elemento aqui. E como você pode ver, ele desaparece. E agora só temos uma categoria, mas eu geralmente gosto de mantê-la assim e posso desabilitar a categoria porque se vamos mostrar tudo dessa forma, mas o assunto ativado é que você pode ver que temos uma categoria e etiquetas para pagamentos desse produto. Nós podemos habilitar este. Você pode informar seus clientes sobre o tipo de pagamento que você aceita. E como você pode ver, temos Visa, MasterCard e todas as outras opções Você pode até adicionar outras opções, como se você digitar PayPal, você poderia adicionar um ícone. Então, por exemplo, se eu for procurar o ícone do PayPal, como você pode ver, posso adicionar um ícone do PayPal como esse. Tudo bem, só um segundo. E é assim que vai ficar. Então, podemos continuar assim. Isso deve aumentar nossa confiança em nossos clientes. Dizemos que, com garantia de pagamento, esses truques simples funcionam e você pode esperar um aumento na taxa de conversão Tudo bem, vamos rolar para baixo o que mais temos. Assim, poderíamos desativar o frete grátis. Este texto aqui é que você pode ver que temos mais frete grátis. Então, é claro que depende se você está oferecendo frete grátis. Portanto, nesse caso, talvez você não queira desativar essa opção. No meu caso, não estou oferecendo frete grátis. Ofereça frete grátis, mas meu cliente precisa gastar pelo menos $50 na loja de massa para obter frete grátis Tudo bem, então é assim que vai ficar e vamos para a guia Design No entanto, não temos nenhuma opção aqui porque, mais uma vez, estamos usando uma versão gratuita do Astra Theme Tudo bem, vamos voltar. E se eu fosse para a página do cartão, obviamente aqui, eu estarei fazendo alterações na página do carrinho. Então, eu deveria ir para a página do meu carrinho aqui por um segundo. Tudo bem, então este é meu cartão. E se eu ativasse essa opção, eu poderia alterar os textos aqui mesmo, prosseguir com a finalização da compra. Eu poderia adicionar qualquer outro texto que eu quiser, mas geralmente gosto de continuar assim. Eu acho que parece bom. Tudo bem, vamos voltar e aqui temos vários ajustes para a página de checkout Então, mais uma vez, vamos para a página de checkout. E como você pode ver, temos campo de nome da empresa habilitado aqui. E nós realmente não precisamos ter esse campo, porque, obviamente, é muito confuso por horas, só para nossos clientes A menos que você esteja fazendo negócios para negócios , talvez queira ter essa opção ativada. Mas no meu caso, e na maioria dos casos, você deve desativar esse. E mais uma vez com o endereço, você pode manter dois campos aqui. Mas eu geralmente gosto de desativar esse campo. E eu queria manter um campo para rua e endereço, porque é mais fácil para os visitantes que os clientes entendam tudo. Tudo bem, então eu acho que tudo parece ótimo. Além disso, não precisamos realmente mudar nada aqui. Nós podemos voltar. E aqui, não vamos ativar nenhuma opção. Acho que tudo está bem como está por padrão. Então, vamos voltar. Imagens do produto. Aqui você pode fazer alterações nas imagens do produto, no tamanho e em tudo mais. Mas eu sinto que tudo está bem como está por padrão, então não precisamos mudar nada. Aviso da loja. Depende totalmente de você se quiser ativá-lo. Então, por exemplo, se eu vou ativar o aviso da Loja aqui, como você pode ver, é assim que fica e agora não podemos ver nosso cabeçalho Devemos ativar essa opção aqui. E como você pode ver, é assim que parece e não faz sentido. Não precisamos mostrar essa mensagem, mas geralmente gosto de incluir essa oferta de frete grátis para toda a sua prata de $50 ou algo parecido Então, neste caso, vou digitar exatamente isso. E como você pode ver, é assim que ficaria. Também posso mudar a cor. É aqui que eu estou fazendo, muda para a cor do texto, mas eu posso mudar a cor dessa barra aqui. Então eu acho que essa cor deve se adequar ao meu estilo. Você sabe o que, na verdade, como a cor está pronta? Então, vou colar o código aqui. Tudo bem, como você pode ver, é assim que ficaria. E, mais uma vez, cabe totalmente a você decidir se deseja exibir essa mensagem. Mas é uma das maneiras pelas quais você pode fazer isso. E você pode dizer que está oferecendo frete grátis. Mas, neste caso, vou desativá-lo e só queria mostrar como funciona. Tudo bem, vamos voltar e o que mais temos. Nós realmente não precisamos mudar nada aqui porque na verdade, não temos mais opções, então podemos voltar e inserir a identidade, vamos adicionar um ícone do site. Então, isso é muito importante. O ícone do site é mostrado aqui, porque agora temos um ícone do WordPress. E vou apenas fazer o upload do ícone de um site. Então, eu já tenho meu arquivo. Tudo bem, acabei de fazer o upload da minha imagem, e essas são as dimensões de 512 por 512 pixels E vamos clicar em Selecionar. E, como você pode ver, agora temos meu ícone. Tudo bem, vamos às configurações do site, título e logotipo Vamos mudar o logotipo. Então, vamos clicar aqui. E este é o logotipo, enviado anteriormente, este logotipo. E vamos fazer alguns cortes agora. Tudo bem, vamos aumentar um pouco mais e clicar em Cortar imagem E agora podemos fazer alguns ajustes no tamanho do logotipo. Podemos fazer com que seja um pouco Berger. Eu acho que parece bom. E aqui você pode verificar algumas outras configurações, algumas outras opções. Mas acho que tudo está bem como está agora, como você se lembra, quando estamos fazendo algumas configurações gerais em nossas próprias configurações do WordPress, adicionamos o título do site e adicionamos o slogan Então, temos as mesmas coisas por aqui, então não precisamos mudar nada. Tudo bem, vamos voltar. E esse é o construtor de cabeçalhos. Então, voltaremos a esse construtor de Heather na próxima lição Tudo bem, se fôssemos aos Menus, como você pode ver aqui, temos nosso menu principal Então, basicamente, esse é o menu principal e você pode alterar os locais em que deseja exibir esse menu. Mas, no momento, tudo está bem do jeito que está e não precisamos mudar nada. Mas você mesmo pode explorar essa guia se precisar adicionar mais menus. Portanto, depende de você como você deseja abordar isso. Mas eu não vou mudar nada aqui porque está tudo bem. Tudo bem, vamos aos widgets. Então, aqui nos widgets, vamos para a barra lateral do WooCommerce Podemos adicionar alguns widgets. Então, aqui eu gosto de exibir as categorias. Os widgets são basicamente pequenos pedaços de conteúdo ou informações que você pode adicionar uma imagem, digamos que se você clicasse aqui e clicasse em Procurar tudo E se você quiser procurar uma imagem, digamos que você possa incluir uma imagem de que você está oferecendo algum tipo de venda é apenas uma maneira de fazer isso. Esse é apenas um dos widgets que você pode adicionar, mas geralmente gosto de incluir minha categoria Então, vou rolar para baixo, como você pode ver, temos widgets do WooCommerce Então, só um segundo. Onde está essa categoria em destaque? Só um segundo. Sim, este é o widget, então vou clicar aqui E como você pode ver, é assim que parece. Então, podemos mantê-lo assim. E agora temos esse widget e nossos visitantes verão quantos produtos cada categoria tem e será mais fácil para eles navegar em nosso site Tudo bem, então, vamos voltar às configurações da página inicial Então, no momento, não vamos mudar nada na lição posterior, quando falarmos sobre o aspecto do blog do nosso site É aqui que faremos algumas mudanças. Então, aqui vamos criar uma página de blog e vamos configurar essa página de blog para exibir postagens de blog. Mas, por enquanto, não faremos nada se você optar por CSS adicional É aqui que você pode fazer alterações no estilo usando o código CSS. E isso é para usuários avançados que conhecem um pouco de programação, mas não vamos fazer nada aqui Tudo bem, então, quando terminarmos com todas essas mudanças, não se esqueça de clicar aqui, Publicar E agora podemos fechar essa barra lateral. Tudo bem, este é o nosso site que parece agora e está começando a ficar melhor, muito melhor E aqui, como você pode ver, talvez fosse melhor ter isso que diz venda e cor branca e nesta bolha de cor elétrica Mas não temos esses ajustes só porque temos três temas Estamos usando um tema gratuito. Poderíamos fazer algumas mudanças com o código CSS, mas ainda está bom, não parece tão ruim. E na seção posterior, onde mostrarei como personalizar seu site usando um tema premium. Você verá por si mesmo que essas mudanças, como mudanças na venda, bolham Eles são feitos facilmente com o tema premium. Tudo bem, então vamos garantir que tudo esteja bem. Vamos ao nosso produto. Vamos ver a aparência do nosso produto. E tudo parece bom para realmente estar obtendo resultados muito bons, mesmo que estejamos usando um tema gratuito. Então, basicamente , é isso para esta lição. E agora você sabe como personalizar seu tema. E só para você saber que cada viga geralmente tem diferentes opções de personalização Então você mesmo verá que na próxima seção das partituras do outro tema haverá diferentes opções de personalização Então isso é tudo por enquanto 43. (5.8) em edição (Astra): Nesta lição, vamos trabalhar em nosso cabeçalho aqui. Assim como eu disse na lição anterior, vamos voltar aqui. E como você pode ver, estou de volta às minhas opções de personalização e, para começar a trabalhar em nosso cabeçalho, vamos clicar aqui, Header E antes de começarmos a trabalhar em vários assentamentos aqui, eu só queria explicar a vocês o que é cabeçalho transparente Então, se você clicar aqui , cabeçalho transparente, podemos ativar um tipo diferente de cabeçalho que seja transparente, porque agora temos um cabeçalho clássico e, na verdade, achamos que urze clássica funciona muito bem E talvez o cabeçalho transparente seja uma boa opção quando você está trabalhando em sites de negócios para representar uma marca ou empresa E, por exemplo, se eu vou ativar o tipo de cabeçalho aqui, como você pode ver, é assim que vai ficar Então, basicamente, nossa seção com um cabeçalho simplesmente desaparece e fica no topo desta primeira Então, quando você ativa um cabeçalho transparente, você deve considerar que precisa alterar sua imagem, a imagem de fundo desta seção, você precisa ajustar essa imagem para que funcione com seu cabeçalho transparente Então, como eu disse, geralmente isso funciona muito bem com sites de negócios. Mas quando trabalho com sites de comércio eletrônico, geralmente gosto de manter o clássico heather N aqui. Você também pode ativar ou desativar esse tipo de cabeçalho para várias páginas diferentes Então, por exemplo, você pode desativar as postagens ou páginas do blog. Você também pode desativá-lo nas páginas de produtos do WooCommerce. Porque se fôssemos para a nossa página de produtos aqui, por exemplo, eu vou abrir esse produto, Ryan aqui. Como você pode ver, não parece bom. E se eu o desativasse, esse cabeçalho transparente apenas para a página do meu produto, voltaríamos ao nosso tipo clássico de cabeçalho Novamente, você decide qual tipo de cabeçalho deseja usar Mas geralmente gosto de manter tudo simples quando estou trabalhando com lojas de comércio eletrônico E eu gosto de desabilitar essa opção, mas antes de desabilitar essa opção, eu também queria dizer que você pode escolher se deseja ativar esse cabeçalho transparente específico, como este aqui em dispositivos móveis ou apenas nesses subdispositivos, ou para computadores ou dispositivos móveis juntos É assim que vai ficar, mas vamos desabilitar esse. Eu só queria te mostrar como isso funciona. Talvez no futuro você decida que deseja trabalhar um pouco mais no estilo do seu site e talvez queira ativar um cabeçalho transparente Tudo bem, vamos voltar. E as primeiras coisas quando estou trabalhando no meu cabeçalho, eu só gostava de ter certeza de que tudo estava no lugar e que tudo estava bem Então, como você pode ver aqui, temos três níveis para o nosso cabeçalho. Poderíamos criar várias camadas para nosso cabeçalho, mas geralmente gosto de manter tudo simples e fácil de entender para meus clientes e visitantes E como você pode ver aqui, temos nosso menu secundário adicionado a esse cabeçalho, mas não estamos usando o menu secundário desses dedos Então, podemos remover este. Acredito que ficará muito melhor se eu mover nosso menu principal para o centro aqui. E acho que vai ficar muito melhor se eu mover a página do carrinho para a direita desse cabeçalho. E agora não faz muito sentido, porque se não conseguirmos ver os elementos da nossa conta, vamos trabalhar nesse elemento aqui. Então, com esse elemento, permitiremos que nossos visitantes, nossos clientes, acessem suas contas. Tudo bem, então em vez de usar avatar, vamos usar sexo. Gosto de usar texto porque é simples e fácil de entender E, no momento, o URL da conta simplesmente não faz sentido porque não temos esse URL em nosso site. Se eu fosse para o URL de login, é um URL completamente diferente do meu site. Então, temos que descobrir qual é o nosso URL, qual é o URL da página da nossa conta? Então, para fazer isso, vamos abrir nosso site no modo de navegação anônima Então, vou abrir isso em uma nova janela privada. Eu só vou ao meu site. Agora, como você pode ver em um momento, é assim que parece. E se eu clicar aqui, esta é a página da minha conta. Então, se eu vou clicar neste, como você pode ver aqui, vamos para um site completamente diferente que não é nosso. Então, vamos voltar e temos que corrigir esse problema aqui. Nosso objetivo agora é encontrar a página da nossa conta, bem me lembro que a vi e o rodapé, esta é a página da nossa conta, então vou clicar nesta página Minha conta Como você pode ver aqui, diz meu painel T2 da conta, assim como mudamos isso com nossa página nítida Vamos fazer isso, mas a página da minha conta, porque simplesmente não parece boa. E vamos minimizar essa janela mais tarde. Vamos voltar para essa janela e vamos abrir uma nova guia e acessar nosso site. Queremos garantir que tudo melhor aparência possível. Portanto, precisamos fazer alterações nesta página Minha conta. Vamos até o painel. Então, como você se lembra, com o Sharp Page, fomos para o Pages. E agora, quando estivermos aqui, vamos rolar para baixo e esta é a página da minha conta Então, vamos clicar em Edição rápida e agora vamos excluir esse traço dois Tudo bem, vamos clicar em Atualizar. E agora, para garantir que tudo funcione, devemos acessar o WooCommerce Vamos para Configurações e vamos nos certificar de que temos a página certa definida para a página da nossa conta. Então, vamos para a guia Avançado. E como você pode ver aqui na página da minha conta, temos uma página que tem ID 9.9 Portanto, esta é a mesma página em que fizemos alterações e agora queremos salvar as informações das alterações. Não fizemos nenhuma alteração. Vamos fazer isso porque isso nos ajudará a implementar todas as mudanças. Tudo bem, antes de partirmos, vamos limpar todo E agora podemos fechar essa guia aqui. E vamos voltar ao nosso modo de navegação anônima. E agora podemos voltar à nossa página inicial porque queremos repetir todas as etapas Então, vamos atualizar esta página antes de irmos para a página da minha conta, rolar para baixo e selecionar minha E como você pode ver, agora, o traço dois sumiu. Então, agora queremos copiar esse URL aqui porque vamos usá-lo para esse elemento aqui. Vamos fechar esse modo de navegação anônima. E agora podemos colar esse URL aqui. Só um segundo, sem mais nem menos. E agora você quer copiar essa parte e cortar minha conta. Vamos copiar esse aqui. E vamos colar isso aqui. Portanto, certifique-se de que seja exatamente assim. Tudo bem, então agora, quando nossos visitantes, quando nossos clientes clicarem elementos da Minha Conta, eles irão para a página da conta E se eles não tiverem uma conta em nosso site, poderão criar uma. Tudo bem, vamos para a guia Design e vamos mudar a cor desse elemento porque acho que não vai ficar bem nessa cor Então, vamos até aqui. As próximas opções. Vamos escolher a cor. Acho que cor cinza ficará ótima. Tudo bem, acho que parece bom. Ok, então agora, quando terminarmos com essa parte, vamos voltar e podemos clicar aqui para fazer alterações em nosso carrinho aqui. Mas, em vez disso, podemos clicar aqui. É basicamente o mesmo. Tudo bem, então aqui você pode escolher que tipo de carro você quer ter Acho que esse ícone ficará muito melhor. Tudo bem, parece bom. E aqui você pode adicionar a etiqueta do cartão. Como você pode ver, esta etiqueta diz quanto valem nossas cartas no momento, são 69 a sete. Então você pode mudar isso aqui. Você pode até mesmo ocultar a etiqueta total do carro. Então, por exemplo, se eu vou ativar esse e nada acontecer , é completamente normal. Só funciona quando seu cartão está completamente vazio. Então, este aqui, um mostra zeros. Então, em vez de fazer isso, geralmente gosto de manter tudo simples. Vou simplesmente excluir essa etiqueta do carrinho e ela simplesmente desaparecerá Tudo bem, se eu clicasse aqui, poderia escolher qualquer tipo diferente de rótulos Mas, como eu disse, geralmente gosto de manter tudo vazio porque dessa forma também ficará muito melhor em outros dispositivos. Tudo bem, o que poderíamos fazer? Acho que poderíamos mudar a cor desse ícone aqui. Para fazer essas mudanças, temos que ir aqui, desenhar e mudar a cor do cartão. Quero fazer cartões com a mesma cor do meu logotipo aqui. Então eu tenho essa cor pronta. Eu só vou abrir essa aqui, e vou colar essa cor aqui. Tudo bem, é assim que parece. Você mal consegue ver as mudanças, mas acho que parece melhor. Tudo bem, conte as cores. Podemos mudar a cor para branco. Acho que vai ficar muito melhor. Tudo bem? Então, se eu quisesse, colocasse esse elemento aqui, como você pode ver, ele fica preto. Então eu poderia mudar este aqui também para a cor branca. E se eu passar o mouse mais uma vez, nada acontece. Então, poderíamos realmente mudar a cor do mouse. Então, se eu clicar aqui e eu escolheria essa cor. Como você pode ver, é um pouco diferente dessa cor aqui. E só um segundo. E se eu passasse o mouse sobre o ícone do meu carrinho, como você pode ver, é assim que fica Acho que parece muito bom. Normalmente gosto de manter esse tipo de cabeçalho minimalista e simples porque geralmente gosto de tornar tudo fácil e simples de entender , porque acho que isso ajuda nossos clientes e gosto de manter E antes de sairmos, antes de publicarmos todas as alterações, vamos garantir que tudo esteja ótimo também em outros dispositivos. Então, se eu clicar na visualização do tablet, como você pode ver, é assim que vai ficar. Claro, posso ver que não parece muito bom. Todo o layout da página inicial parece bastante confuso Isso não significa necessariamente que vai aparecer em tablets. Às vezes, ele simplesmente congela e você precisa verificar no próprio tablet ou no dispositivo móvel E se você perceber que não está funcionando, não parece bom. Todo o layout, assim como o layout da página inicial em que trabalhamos anteriormente, não parece bom Como você se lembra, você deve fazer alguns ajustes em sua página inicial, como fizemos nas seções, como fizemos com Porque às vezes essas mudanças simplesmente desaparecem, elas não salvam. E, como eu disse, é a maior desvantagem quando você está trabalhando com um breve tema E como você não tem muitas opções de personalização e precisa trabalhar nessas configurações, nessas alterações algumas vezes, tudo bem, mas antes de sairmos, mas antes de sairmos, vamos garantir que tenhamos O layout que eu gosto de usar, eu gosto de manter o logotipo do meu site no meio, assim mesmo. E no lado esquerdo, eu gosto de manter meu cardápio. Eu acho que parece bom. Poderíamos mudar a cor desse menu. Então, se eu for clicar no menu Alternar, como você pode ver, podemos escolher o estilo do ícone Podemos mudar o estilo, mas não esperamos grandes mudanças. Então, por exemplo, se eu for escolher Outline , não vai ficar muito bom. Mas, como eu disse, estamos trabalhando com um tema gratuito e estamos limitados com opções de personalização Tudo bem, então vamos ao Design e vamos nos certificar de que temos a mesma cor que temos para nosso cartão ou logotipo Porque eu acredito que vai ficar muito melhor. Tudo bem, então eu tenho essa cor pronta, então vou colá-la aqui Tudo bem? E eu sinto que parece melhor. Tudo bem, vamos verificar como vai ficar em dispositivos móveis. E, como você pode ver, é assim que vai ficar em dispositivos móveis. Talvez não pareça muito bom. Porque, mais uma vez, estamos trabalhando com um tema gratuito e você não deve esperar resultados extremamente bons porque estamos trabalhando com ferramentas gratuitas e você não deve esquecer que essas ferramentas têm versões premium por um motivo, porque quando você está limitado com as opções de personalização, geralmente as pessoas tendem a obter a versão profissional Tudo bem, então vamos voltar à nossa visualização de desktop. Vamos ver como fica. Parece bom. Então, quando você terminar com essas alterações, vamos clicar em Publicar. E mais uma vez, quando estiver trabalhando em qualquer parte do seu site, não tenha medo de explorar tudo sozinho. Se você não publicar nenhuma alteração, não estragará nada, então não precisa se preocupar com nada Tudo bem, então terminamos com essas mudanças e agora podemos fechar essa barra lateral Tudo bem, então eu acho que parece muito bom. E antes de verificar todas as alterações, vamos ao painel e vamos clicar aqui, limpar todo Vamos garantir que tudo mude ao vivo. Tudo bem, vamos voltar para o nosso lado. E agora vou voltar ao meu site no modo de navegação anônima E vou passar por alguns dos botões para ter certeza de que funcionam. Tudo bem, então é assim que parece e parece muito melhor do que a versão anterior E aqui, não temos textos, minha conta. Então, para ter esse texto, primeiro de tudo, você precisa fazer login em sua conta, seus usuários, seus clientes terão que fazer login em suas contas para ver esse texto. Tudo bem, vamos clicar nesse ícone aqui para garantir que tudo funcione Sim, tudo funciona. Assim, nossos usuários podem usar esta página para acessar suas contas ou podem se registrar. Então, como você pode ver, temos um cabeçalho em funcionamento Isso funciona. E se eu fosse para qualquer categoria, tudo funcionaria. Tudo bem, então eu vou fechar este. E isso é um, agora você sabe como personalizar seu cabeçalho. E se você não gostar desse layout que eu mostrei, você pode tentar criar qualquer tipo diferente de layout, mas eu geralmente gosto de manter as coisas simples. Tudo bem, isso é tudo para esta lição. 44. (5.9) em edição (Astra): Mais uma vez, estamos de volta às nossas opções de personalização e desta vez, vamos trabalhar em nosso rodapé Então, podemos clicar aqui mesmo Footer Builder e, como você pode ver, este é o nosso rodapé Este é o nosso Construtor de rodapés. Como você se lembra, nosso cabeçalho tinha uma estrutura semelhante e desta vez, estamos trabalhando em nosso rodapé, então é meio parecido, mas exceto que este está no final do Tudo bem, então, como você pode ver agora, estamos usando duas camadas de purina E, mais uma vez, você decide quantas camadas deseja usar. Mas geralmente gosto de fazer com que tudo pareça simples e fácil de entender. Mas se você quiser experimentar, você pode experimentar algumas estruturas diferentes do seu rodapé Se precisar de inspiração, basta visitar alguns dos sites de sua preferência e conferir seus turistas a pé e tentar replicar suas configurações Mas, mais uma vez, neste curso, mostrarei a maneira mais fácil de criar um rodapé, e será uma espécie de rodapé claro Tudo bem, então, em primeiro lugar, quando estou trabalhando no Footer, eu gosto de usar quatro colunas Então, agora ele está usando colunas livres. Então, devemos clicar aqui, e é aqui que vamos trabalhar nesta linha aqui. Como você pode ver, está configurado como livre e queremos configurá-lo como quatro. E agora temos que mover esse widget aqui porque nesta coluna e tinha dois widgets Então, queremos criar um widget por cada coluna. Tudo bem, então estamos chegando lá, mas ainda não faz muito sentido Entendeu? Então, vamos começar com os primeiros widgets Então, quando você quiser adicionar informações ao seu widget, você precisa clicar aqui, sem mais nem menos E agora estamos trabalhando em widgets. widgets são pequenos conteúdos que podem ser exibidos em vários lugares do seu site Às vezes, se quiser, você pode exibir widgets e a barra lateral do seu site se tiver ativado a Mas acho que a barra lateral funciona muito bem com outros tipos de sites e não particularmente com sites de comércio eletrônico Tudo bem, agora temos que adicionar blogs. Portanto, é semelhante a adicionar blocos à sua página, a uma postagem no blog. Então, agora temos que adicionar um título de blog e clicar nesse bloco. E simplesmente assim, você o adicionará ao seu rodapé Tudo bem, então eu geralmente gosto de começar a primeira coluna com informações para nossos clientes, com as informações de ajuda, informações úteis como página de contato, pagamentos de envio e entrega e outras Tudo bem, então vou digitar ajuda aqui. Tudo bem, agora é um pouco grande demais, então devemos mudar o nível do título Então, vou escolher o terceiro nível e acho que parece melhor. Tudo bem, então agora devemos adicionar outro blog, e desta vez vamos usar um blog chamado de lista Se você não consegue ver este blog, basta usar a lista de tipos de pesquisa e você encontrará esse bloco. Tudo bem, então vou escolher a lista, e agora vou listar as páginas que quero exibir aqui Então, vou incluir contato, envio e entrega, reembolsos e devoluções E se você decidir que deseja adicionar essa página como pagamentos, às vezes é uma boa opção adicionar essa página. São apenas algumas informações extras para que seus clientes saibam quais opções de pagamento estão disponíveis em seu site neste curso. Neste curso, ainda não criamos esta página, mas agora você tem experiência suficiente para criá-la sozinho. Você pode criar esta página usando o editor de texto do WordPress ou usar o Elementor Isso vai depender de você, se você quiser ter esta página. Então, vou listar as páginas que quero exibir aqui. Eu vou apertar Enter. Vou listar outra página. E desse jeito, vou listar todas as páginas que faltam. Tudo bem, acabei de adicionar as páginas que estou planejando exibir E, como eu disse, você também pode incluir essa página como pagamentos. Você pode criar um. É meio útil para seus clientes em potencial E agora temos que adicionar URLs a essas páginas aqui, porque no momento elas estão inativas Isso é só o texto. Então, para adicionar URLs, devemos acessar nosso site E, como você se lembra, devemos acessar todas as nossas páginas se quisermos saber o tamanho dessas páginas Então, vamos ao painel do nosso site. Vamos às páginas. Vamos clicar em Todas as páginas. E eu vou te mostrar um exemplo de como você pode fazer isso. Então, quando estivermos em todas as páginas, queremos encontrar as páginas que queremos incluir em determinadas colunas e em nosso rodapé Portanto, temos a página de contato, então vou clicar aqui para ver. Vou abrir este em uma nova guia, e esta é nossa página de contato. Então, queremos copiar esse URL aqui. Vou voltar e vou selecionar contextos. E aqui vou escolher essa opção. E vou colar minha página e clicar nessa aqui. Agora, isso é um ato de página, tudo bem, então, vou terminar de adicioná-las a outras páginas Tudo bem, então terminamos com esse widget aqui. Temos todas as páginas necessárias. Mais tarde, faremos alguns ajustes, ajustes estilo, mas por enquanto podemos deixar como está Tudo bem, vamos para o segundo widget aqui. Então, vamos selecionar esse widget. E antes de adicionarmos nossas informações, temos que deletar todos os blogs anteriores que usam esse chapéu. Então, basta selecionar um bloco e clicar aqui e clicar em Remover parágrafo. Nesse caso, era um parágrafo. Vamos clicar aqui mesmo. Agora é uma coluna. Então, vamos remover essa coluna e repetir esse procedimento Vamos remover essa. Vamos remover esse, e temos que remover esse também. Tudo bem, agora vamos adicionar nossos elementos de cabeçalho. Então, vamos selecionar o título. E, como você se lembra, devemos selecionar o terceiro nível do nosso título. E aqui vou digitar informações. Tudo bem, então, como você se lembra agora, vamos clicar aqui e queremos escolher a lista Então, vamos escolher a lista. E aqui vou listar páginas como sobre a política de privacidade, termos de serviço e política de cookies dos EUA . E como você se lembra de adicionar páginas para tornar esses links funcionais, precisamos acessar nossas páginas e eu vou abrir a página em uma nova janela. Simplesmente assim. Vou copiar esse link aqui e vou voltar. Agora posso fechar essa guia e vou selecionar sobre nós. E sem mais nem menos, vou colá-lo aqui. E como você pode ver, temos um link ativo. Não se preocupe se a cor não corresponder. Mais tarde, faremos as mudanças finais e tudo ficará bem. Tudo bem, então, vou terminar de adicionar todos os outros URLs a essas páginas Tudo bem, então eu terminei com esta coluna aqui com este widget, e vou passar para o próximo Então, vamos selecionar esse widget. E mais uma vez, temos que remover os blogs que foram adicionados anteriormente. Então esse é o bloco. Vamos selecionar esse bloco, clicar aqui e selecionar Remover. Então, vamos remover esse também. Como você se lembra, mais uma vez, vamos selecionar o elemento de título e vamos escolher o terceiro nível. E aqui nesta coluna, eu gosto de incluir as páginas de informações para clientes. Então é exatamente isso que vou digitar aqui. Tudo bem, vamos adicionar o bloco final. Vai ser a lista. E aqui, eu gosto de incluir páginas como minha conta, meus pedidos e detalhes da conta. Isso é exatamente o que vou digitar. Tudo bem, e agora temos que adicionar essas páginas. Então, para encontrar essas páginas, esses URLs, vamos ao nosso site, vamos à nossa página inicial Vamos clicar aqui mesmo em minha conta. E, obviamente, essa é a página, essa é a URL que queremos copiar porque essa é a página da minha conta. Então, vamos copiar este. Vamos voltar. Vamos clicar duas vezes nesse texto aqui. Vamos escolher essa opção e colar esse URL aqui, pedidos. Então, vamos voltar a esta página e clicar em pedidos. Então, queremos copiar este aqui. Vamos voltar. Vamos selecionar meus pedidos. Vamos adicionar o URL e clicar em Inserir detalhes da conta. Então, vamos voltar a esta página e selecionar os detalhes da conta. E assim, podemos copiar o URL. Vamos voltar. Vamos selecionar os detalhes da conta. Vamos adicionar nosso URL e selecionar esse. Tudo bem, agora será mais conveniente para nossos usuários, para nossos clientes e potenciais clientes acessarem essas informações importantes Tudo bem, então terminamos com este. Agora podemos passar para o último widget. E no último widget, na última coluna aqui, eu geralmente gosto de incluir o formulário de assinatura do boletim informativo Então é exatamente isso que vamos fazer. Vamos clicar aqui mesmo. Vamos adicionar um título e digitar o boletim informativo. Tudo bem, agora queremos mudar o nível dessa adição Vamos escolher o terceiro nível. E agora temos que adicionar uma assinatura para papai, esse formulário de inscrição, vamos usar o mesmo plug-in, o mesmo criador de formulários que usamos para criar nossa página de contato Então, vamos ao nosso site. Vamos até o painel. E, como você lembra, o plugin foi chamado de formulários fluentes. Então, queremos clicar aqui no novo formulário. Vamos escolher esse formulário. Acredito que este formulário ficará ótimo em nosso rodapé. Tudo bem, agora temos que fazer algumas mudanças. Então, vamos começar com esse botão aqui. Vamos escolher aqui. E essa é a largura mínima. E queremos mudar isso em vez de usar 100%, vamos fazer com que seja 30%. Acho que 30% ficarão ótimos em nosso rodapé. E agora podemos mudar a cor desse botão, como você pode ver aqui no estilo do botão, uma vez definido como personalizado, podemos realmente adicionar nossa cor. Então, agora vou adicionar mais cores que geradas anteriormente usando o gerador de refrigeradores E essa será a cor correspondente. Então, vou colar esse código de cores aqui. Como você pode ver, é assim que vai ficar. E agora eu quero mudar a cor da borda também. Então, vou colar esse código e clicar em Ok, então vamos passar o mouse sobre o estilo e mudar a cor do texto Então, vamos escolher a mesma cor porque acho que vai ficar bem. Só um segundo. Vou clicar aqui mesmo para colar. E eu vou fazer o mesmo com uma cor de borda. Eu vou colá-lo aqui. E eu sinto que vai ficar muito melhor. Então, temos o botão Inscrever-se e agora devemos fazer algumas alterações neste campo, neste campo de entrada e aqui, e-mails. Portanto, podemos realmente desativar esse necessário porque não queremos mostrar essa estrela aqui. E, em qualquer caso, nossos visitantes saberão que precisam inserir seu endereço de e-mail para assinar nosso boletim informativo. Portanto, não precisamos ativar esse campo obrigatório. Vamos adicionar o rótulo do elemento. Esse rótulo será exibido acima deste formulário e agora no rodapé Por isso, geralmente gosto de incentivar nossos visitantes a assinarem nosso boletim informativo. Normalmente não chamo isso de apenas um boletim informativo. Gosto de chamar isso de clube especial para sócios, algo assim, porque o boletim informativo não parece muito bom e queremos ser um pouco criativos com este. Vou adicionar um rótulo. Tudo bem, eu acredito que vai ficar bem. E agora devemos mudar o título deste formulário para que saibamos que é o formulário de boletim informativo do rodapé Assim, podemos adicionar o título do boletim informativo Footer. Vamos clicar em Renomear. E agora devemos ir para configurações e integrações. Só um segundo. Permaneça na página e queremos clicar em Salvar formulário. Portanto, antes de passarmos para Configurações e integrações, vamos salvar este formulário Tudo bem, vamos às configurações e integrações e queremos mudar Mensagem de agradecimento. Então, obrigado por assinar nosso boletim informativo. Tudo bem, eu acredito que vai ficar bem. Agora podemos clicar em Salvar configurações e agora você só precisa lembrar que esse é o formulário número sete. Essa é a ideia desse formulário. E agora podemos voltar ao nosso Footer Builder. E aqui, vamos clicar em mais e usar uma pesquisa para procurar fluentes. Tudo bem, vamos escolher este. E tudo deve se posicionar corretamente. Se não funcionar, faremos algumas mudanças, então não se preocupe com isso Tudo bem, então agora devemos fazer algumas mudanças no estilo desses widgets aqui. Mas antes de fazermos isso, eu só quero mudar a cor de fundo desse rodapé em si. Eu geralmente gosto de usar cores neutras. Então, vamos clicar aqui e ir para a guia Design. E uma cor neutra será cinza claro. Então, vamos até aqui. Talvez vamos escolher este aqui. E eu sinto que vai ficar bem. E agora devemos fazer alterações nesses widgets porque eu não gosto das cores Então, vamos fazer algumas mudanças nesse widget aqui. Então, para fazer alterações nesse widget, vamos clicar aqui. Desenho. Tudo bem, agora vamos para a cor do link, e acho que podemos escolher essa cor Tudo bem? Depois de passar o mouse, podemos escolher essa cor Vamos ver como vai ser. Agora, na verdade, podemos escolher essa cor. Sim, com essa cor vai ficar melhor. Tudo bem, então vamos fazer o mesmo com esse widget. Vamos clicar aqui, design. E vamos escolher a cor do link. Então, a cor do link será essa. Nossa cor vai ser essa. E vamos ver, sim, é assim que parece. Vamos fazer alterações nesse widget. Só um segundo. Vamos selecionar o design. Vamos clicar na cor do link. Vamos escolher esse e vamos escolher nossa cor. Vai ser esse. Tudo bem, agora tudo parece muito melhor e agora devemos fazer algumas alterações na parte inferior do rodapé Então, primeiro de tudo, vamos mudar a cor desta. Poderíamos usar uma cor cinza um pouco mais escura. Então, vamos até aqui. Vamos escolher o plano de fundo. E eu acho que se eu for escolher essa cor, eu poderia escolher uma versão um pouco mais escura como essa, e eu acho que vai ficar bem Também podemos alterar a cor dos direitos autorais, se você quiser. Se essa cor não parecer muito boa, podemos ir para a guia Design. E como você pode ver, podemos mudar as cores. Então, se você escolher essa cor, ela não vai ficar muito boa. Tudo bem, com essa cor, vai ficar um pouco melhor Tudo bem, podemos realmente mudar essa cor para um cinza um pouco mais claro Então, vamos ao Design e vamos escolher um cinza mais claro. Acho que vai ficar perfeito. Tudo bem, agora podemos adicionar nosso ícone de mídia social. Então, vamos clicar aqui mesmo nas redes sociais e simplesmente adicionar seus ícones de mídia social. Se você tem uma página no Facebook, pode adicionar esse URL aqui. Se você tem o URL do perfil do Twitter aqui, o mesmo vale para o Instagram. Se você não tiver a ajuda, é claro que você pode desativar essa. Nós não vamos exibir este. Se você quiser adicionar outros perfis como Reddit, Pinterest ou algo parecido Basta selecionar, clicar em Adicionar e adicionar o URL aqui. E nós poderíamos realmente fazer algumas mudanças no design porque mal conseguimos ver nossos ícones. Então, vamos escolher a cor do ícone. Tudo bem, acho que essa cor ficará ótima. E o que vem a seguir? Também poderíamos alterar o tamanho desses ícones. Então, vamos torná-los um pouco maiores. Tudo bem, acho que está ótimo. Tudo bem, então agora tudo deve estar ótimo. E, na verdade, podemos clicar em Publicar. E vamos fechar essa barra lateral. Vamos rolar para baixo. Tudo bem, como você pode ver, não parece muito bom. Assine nosso boletim informativo. Portanto, devemos fazer algumas mudanças nesse STX. Então, queremos voltar ao nosso formulário Aqui, vamos fazer algumas mudanças. Então, vamos ao nosso editor de boletins informativos do Footer aqui mesmo. E você sabe que, em vez de exibir esse rótulo aqui, poderíamos excluí-lo porque, como você mesmo viu, ele não parece muito bom. Então, podemos copiar esse rótulo. Vamos deletar esse aqui. Vamos clicar em Salvar formulário. E, como você se vê às vezes quando está construindo um site, trata-se de resolver problemas, mas não se preocupe com Vamos resolver esse problema imediatamente. Tudo bem, vamos voltar à nossa página inicial. Vamos clicar em personalizar. Vamos escolher o Footer Builder. Vamos ver que esse widget foi o último widget. E queremos adicionar outro bloco. E desta vez vamos usar um bloco de parágrafos. Neste bloco, vamos colar nossos textos. Tudo bem, então esses são os textos que deveríamos ter. Só um segundo. Vou digitar esse texto, entrar no nosso clube de sócios e obter as melhores promoções e ofertas. Tudo bem, acabei de inserir os textos e agora podemos mover esse bloco um pouco para cima, e vamos clicar aqui nesta fórmula Vamos nos certificar de que selecionamos este formulário de boletim informativo. E agora podemos clicar em Publicar. Não se preocupe com os textos abaixo desse formulário, pois ele vai desaparecer Tudo bem, então publicamos todas as mudanças. Agora podemos voltar para todas as opções de personalização. E você sabe o que, eu vou para a minha página inicial nesta aba aqui E vamos atualizar esta página mais uma vez e ver como ficam nossas mudanças Tudo bem, então, como você pode ver agora, parece que é assim Acho que parece um pouco melhor. E assim, você pode editar e criar seu rodapé. Pode não ser a versão mais bonita só porque estamos trabalhando com uma ferramenta gratuita, mas é útil, é útil para nossos clientes. E isso é o mais importante. E digamos que, uma vez que seus visitantes se inscrevam neste formulário aqui. Então, digamos que eu vou te mostrar como vai ficar. Vou digitar meu endereço de e-mail. Vamos clicar em assinar. Como você pode ver, recebemos essa mensagem e agora podemos acessar nosso painel e eu vou mostrar para onde vão todos esses e-mails Tudo bem, então se você quiser ir para formulários fluidos aqui, vamos selecionar todos os formulários E como você pode ver, esses são todos os formulários que temos. Então, este é o Formulário de Contato. Se você clicar aqui, poderá ver todas as mensagens de contato que seus visitantes deixaram para você. Mas, como você se lembra, receberá essas mensagens seu endereço de e-mail, mas isso não funciona com o Footer Essas entradas ficam aqui. Então, vamos clicar nas entradas aqui. Como você pode ver, temos uma entrada e esse é o e-mail digitado. Então, quando você tiver mais e-mails, poderá selecioná-los todos desse jeito. E você pode exportar esses endereços de e-mail clicando aqui. E depois você pode usar esses endereços de e-mail para marketing por e-mail. Para isso, você precisará usar a ferramenta de email marketing, selecionar masculino ou leve ou qualquer outro. Então, essa vai depender de você. Tudo bem? Então, aqui você verá todos os e-mails, todas as assinaturas e agora podemos fechar esta E sim, basicamente terminamos com o rodapé e estamos quase terminando esta seção em que mostro como criar um site usando ferramentas gratuitas 45. (5.10) Toque final (método de poupadores de dinheiro): Tudo bem, antes de terminarmos com esta seção, temos alguns retoques finais, coisas finais a serem resolvidas antes de finalmente terminarmos com esta seção, onde estávamos trabalhando com um tema gratuito chamado Astrium Tudo bem, então, já que você via e as opções de personalização, sabe o que, poderíamos realmente adicionar uma coisa ao nosso Talvez não seja tão importante se você tiver um site pequeno e não tiver muitos produtos para exibir. Mas se você tiver mais produtos, cara, talvez no futuro você adicione mais do que seria bom adicionar uma opção de pesquisa para seus clientes onde estão seus visitantes. Então, geralmente eu gosto de incluir este e o cabeçalho. Então, vamos clicar no cabeçalho. Tudo bem, vamos clicar aqui por um segundo. E aqui poderíamos adicionar uma opção de pesquisa para nossos visitantes. Então, vamos clicar aqui e escolher Pesquisar. E assim, você pode adicionar pesquisas ao seu site. Se eu vou mover isso para o lado derivado, é assim que vai ficar. Tudo bem, acho que vai ficar bem se eu clicar nesse, certo Tudo bem, agora não está funcionando, mas não se preocupe com isso Mais tarde. Vai funcionar muito bem. Tudo bem, design, podemos mudar a cor e depende totalmente de você se você quiser mudar as cores Mas, como você pode ver aqui, funciona. Agora. Só um segundo. Espere, estou fazendo alterações no cabeçalho, então devo clicar em Pesquisar aqui E se você for para Design, você pode escolher a cor. Então, vou escolher a mesma cor que estou usando para o meu logotipo. Tudo bem, então vou colar minha cor. E como você pode ver, é assim que parece. E se clicarmos em Publicar, podemos fechar essa barra lateral Vamos clicar na pesquisa. E como você pode ver, podemos procurar produtos. Está totalmente funcionando. Portanto, cabe a você decidir se deseja incluir isso. Mas acredito que seja muito útil para os clientes. E especialmente quando sua loja crescer e você precisar ter essa opção de pesquisa. Tudo bem, agora terminamos totalmente e com certeza nosso cabeçalho sem E a próxima coisa que devemos cuidar é garantir que ativamos algumas opções para que nossos visitantes criem uma conta. Então, vamos ao WooCommerce aqui. Vamos às configurações. Como você se lembra, todas as configurações relacionadas ao WooCommerce podem ser encontradas aqui e na guia Configurações do WooCommerce Tudo bem, vamos acessar contas e privacidade e permitir que nossos clientes façam login em uma conta existente durante a finalização da compra Será muito conveniente para eles se quiserem ter uma conta. E vamos permitir que nossos clientes criem uma conta durante a finalização da compra. Portanto, esse também é muito importante. E fora isso, tudo parece ótimo. Agora podemos clicar em Salvar alterações. E enquanto estamos aqui, podemos acessar nossos Plugins por apenas um segundo aqui em Plugins E vamos para Plugins instalados e esse feixe, mas Starter Templates, eles realmente instalam alguns plug-ins que nem precisamos Então, podemos desativar alguns desses plug-ins como este aqui É chamado de fluxos de cartas. É um plugin bastante útil se você usa uma opção paga, mas esse plugin custa muito pois não vamos usar este. Obviamente, não estamos usando este. Então, vamos rolar para baixo o que mais temos. Você pode manter esse único espectro. Pode ser conveniente para você criar postagens no blog. Este adiciona mais alguns blogs ao seu editor de texto do WordPress. É conveniente, mas não é necessário usá-lo. Na verdade, você também pode desativar este. Eu geralmente não uso esse. Mas se você quiser explorar coisas, você pode manter este plugin. E mais tarde, quando eu vou te ensinar como adicionar postagens de blog, você verá quais blogs você pode adicionar. Essa vai depender de você. Você pode desativá-lo e excluí-lo. Tudo bem, também não estamos usando este, então podemos desativá-lo e agora podemos selecionar os Não estamos usando este, aquele e espectros E, mais uma vez, cabe a você decidir se deseja explorar este. Mas, para ser honesto, você realmente não precisa disso, basta adicionar alguns blogs extras e blogs padrão do seu editor de texto do WordPress. Você poderá criar boas postagens no blog. Tudo bem, então vamos selecionar este. Vamos até aqui. E vamos selecionar excluir e clicar em Aplicar. Tudo bem, vamos clicar. Ok. E enquanto estamos aqui, podemos realmente atualizar esse plug-in aqui. Tudo bem, fantástico Excluímos todos os plug-ins não utilizados. E se você não estiver usando nenhum plug-in ou alguns plug-ins, basta excluí-los Não há necessidade de mantê-los em seu site, especialmente se você não os estiver usando. Tudo bem, então terminamos com essa parte. E agora, a última coisa que poderíamos fazer, você sabe o que, poderíamos realmente ir para nossas páginas. Vamos selecionar todas as páginas. E aqui vamos praticar o Elementor mais uma vez, mas desta vez vamos fazer as coisas de forma um pouco diferente Tudo bem, então, como você se lembra, criamos a página sobre usando o editor de texto do WordPress Então, vamos clicar em Exibir e em uma nova guia porque vamos copiar aqui as informações que temos aqui Como você pode ver agora, esta página simplesmente não parece boa. E, como você se lembra, quando tentei mover essa imagem, ela simplesmente não funcionou por algum motivo. Às vezes isso pode acontecer, mas não significa que vai acontecer com você. Mas, mais uma vez, queremos que nosso site tenha a aparência mais bonita possível. E agora, essa página sobre simplesmente não se encaixa em nosso design. Portanto, devemos criar esta página usando o elemento ou algo assim, aqui vamos praticar o elemento ou mais uma vez. Mas desta vez vamos fazer as coisas de forma um pouco diferente. Tudo bem, como criamos esta página e já publicamos esta página, ela tem opções de estilo um pouco diferentes, então devemos criar uma nova página Sobre, mas antes de fazer isso, vamos mudar essa página um Vamos adicionar o slug, digamos 21, e vamos clicar E estamos fazendo isso porque, se quisermos criar uma página sobre completamente nova, então, se não vamos mudar o slug em toda essa página, nossa página recém-criada não terá um slug, mas será sobre o traço dois, assim como tínhamos com algumas das outras páginas não terá um slug, mas será sobre o traço dois, assim como tínhamos com algumas das outras Tudo bem, agora podemos clicar aqui, Adicionar nova página sobre a qual vou digitar E vamos clicar em Editar com o Elementor. Tudo bem, agora estamos editando esta página usando o Elementor. E se eu fosse aqui, você pode ver temos alguns textos que vamos copiar. Então, vamos voltar à nossa página recém-criada sobre. E depende de você o que você quer usar se quiser criar tudo do zero. Mas desta vez vou usar modelos. Então, vamos escolher um modelo. Vamos aos blogs. E se você quiser pesquisar sobre blogs, é isso que obtemos. Então, aqui, na verdade, depende de você o que você deseja usar para melhorar sua página sobre. Este será seu dever de casa e cabe a você criar sua página sobre e praticar o Elementor E esta página Sobre é bem simples. Então, trabalhe nesse caso. No meu caso, vou usar esse bloco aqui. Vou clicar em Importar bloco e vou importar outro bloco. Assim mesmo. Vou aos blogs mais uma vez. E desta vez eu vou usar este. Tudo bem, então sem mais nem menos, vou importar outro blog E aqui vou apenas substituir essas informações. Isso é tudo que eu vou fazer. Tudo bem, você pode ver que terminei de adicionar informações e é assim que parece Em vez de usar imagens ou excluí-las. E eu adicionei uma sobreposição a esta coluna. Como você lembra, se eu clicasse na coluna, eu iria para Estilo e escolheria plano de fundo. Agora, em vez de escolher sobreposição, escolhi planos de fundo. Então, como você pode ver, adicionou imagem de fundo. E é assim que parece. Eu seleciono a cor do tamanho da tela e ela se encaixa perfeitamente aqui. Eu fiz o mesmo com este também. E agora podemos clicar em publicar e vamos clicar, dar uma olhada. E como você pode ver em uma página sobre, como deveríamos ser. E é assim que nossa página está agora. E como você pode ver, não foi tão difícil, foi muito fácil. Acabamos de importar alguns modelos e blogs pré-fabricados e substituímos as informações Vamos compará-lo com a versão anterior. Sim, parecia horrível e essa versão parece muito melhor É mais limpo e fácil de entender. Tudo bem, então já que estamos aqui, tudo bem, só um segundo. Agora, podemos fechar este. Podemos ir até o painel. Vamos garantir que não tenhamos essa página, a página anterior que renomeamos Sim. Esta é a página em que podemos excluir esta página. Tudo isso é sobre a página. Como você pode ver, ele não tem o próximo Elementor. Tudo bem, agora temos todas as páginas necessárias. Temos um site totalmente funcional. Vamos conferir nosso site mais uma vez. E como você pode ver, é assim que parece. Isso é o que conseguimos extrair usando um tema Astra gratuito Obviamente, existem mais opções de personalização com esse tema Mas para acessar essas opções, você precisaria obter a versão Astra Pro versão Astra Pro custará mais cedo ou você pode comprar a licença vitalícia, que custa mais de $200 Então, isso é bastante, mas você terá mais opções de personalização Mas acredito que com uma versão gratuita, conseguimos obter resultados muito bons Temos um site totalmente funcional e vamos verificar mais uma vez se nossa página sobre funciona Vamos para a categoria de fantasias. E como você pode ver, é assim que parece. Se eu escolher esse traje aqui, posso adicioná-lo aos cartões. Então, vamos garantir que tudo funcione como deveria. Vamos clicar em Ver carrinho e podemos selecionar nossos métodos de envio. Temos algumas células cruzadas. Vamos ao checkout e tudo funciona e tudo parece ótimo Então, sim, é assim que parece. E assim, conseguimos criar um site usando um tema gratuito. Na próxima seção, você verá a aparência da versão premium, quantas opções de personalização ela tem em comparação com esta Mas acredito que com um tema livre, se conseguíssemos criar uma loja tranquila e bonita 46. Resumo da seção 5: Ótimo progresso até agora. Então, se você terminar esta seção e agora tiver a versão final do seu site, decida usar um tema gratuito. Então, neste caso, usamos o tema Astra e usamos o Elementor como nosso construtor de páginas Então, como você mesmo viu, você poderia obter resultados muito bons usando este tema gratuito. E, claro, os temas gratuitos são bastante limitados. Por que outra razão eles ofereceriam temas premium? Porque com temas premium ou com uma opção paga deste tema Astra, você terá mais opções de personalização, mas como você mesmo viu com um tema gratuito, você também pode ter bons resultados E acredite em mim, já vi lojas de comércio eletrônico ainda piores Estou fazendo muitas vendas. Mas, como você se viu com um tema livre, você está limitado. Mas o mais importante é que nesta seção você aprenderá a usar o Elementor, que é o plugin do construtor de páginas E esse plugin de criação de páginas Elementor é o plugin de criação de páginas mais popular Então, se você decidir criar qualquer outro tipo de site e quiser usar o Elementor para criar suas páginas Então é aqui que você terá algumas informações sólidas, bases sólidas trabalhando com o Elementor Então, essa é outra grande coisa que você aprendeu nesta seção. Mas se você não gostou da aparência do seu site, talvez queira tentar algo diferente. A próxima seção será sobre as ferramentas premium sobre um tema premium que eu mesmo uso e, na verdade, uso o mesmo tema gratuitamente em meus sites de comércio eletrônico Gostei muito desse tema e funciona muito bem. Ele carrega rápido e parece ótimo. Eu recomendo fortemente que você assista a esta seção que você acabou de assistir. Claro que você assistiu e o segundo. Então, será muito mais fácil para você decidir qual opção deseja escolher. Mas é claro, você pode começar com um tema gratuito e depois fazer o upgrade para uma versão premium. Então, vai depender de você. Então, parabéns. Agora você tem um site totalmente funcional 47. (6.0) começando com o tema flatsome: Ok, então, nesta lição, vamos começar a personalizar nosso site usando um tema premium, uma opção premium E você verá você mesmo, como é diferente e quantas opções de personalização tem em comparação com o Astra Theme Não vou instalar o WordPress nem nada parecido. Eu só vou baixar o tema. Vou substituir meu tema Astra atual, mas pelo novo tema Flatsome, vou desativar alguns dos plug-ins e você mesmo verá como isso funciona, caso no futuro você decida que deseja Vai ser uma boa prática para você. Mas, como eu disse nesta lição, mostrarei como instalar um tema. Você já tem um tema instalado. Mas se você não instalou o Astra Theme em seu site e decidiu que deseja usar esta opção Flatsome, tudo ficará mais fácil para Assim, você verá como isso funciona e garantirá que tudo tenha a mesma informação em que você não instalou o Astra Theme em seu site Tudo bem, primeiro de tudo, você deve acessar este site aqui, Theme forest dotnet e procurar um filme Então esse é o tema que queremos usar. E como você pode ver, este é o tema WooCommerce mais vendido É móvel e otimiza a velocidade. Então, eu realmente gosto desse feixe. Eu o uso gratuitamente meus sites e recomendo fortemente este tema. Tudo bem, então acabei de comprar este feixe. E depois de comprar esse feixe, vá até o seu perfil e selecione Downloads. E como você pode ver, eu tenho muitas coisas. Tudo bem, então essa é a licença que eu poderia usar, mas eu tenho a outra licença que eu tenho ativada e eu posso ativar se essa licença atual a descartar Tudo bem, então este é o tema no seu caso. Você só vai ver, esta é a única opção aqui. Então, você deve clicar aqui e selecionar instalar o arquivo BLE WordPress em. Então, você deseja baixar apenas o arquivo instalável do WordPress. E você quer baixar a licença, certificado e o código de compra. Então esse é o código do seu tema que você vai usar para ativar seu FIM. Então, aqui e no código de compra do item, você verá o código que precisará usar para ativar seu tema. Então, lembre-se disso. E, claro, antes de voltarmos, se você quiser, você pode realmente verificar a aparência desse feixe. Você pode conferir alguns dos sites de demonstração se eu clicar aqui Como você se lembra, você pode verificar a aparência desse site. Portanto, temos vários sites de demonstração. Você pode conferir e ver quais são as nossas possibilidades dessa viga. Então, cabe a você decidir se você quer fazer isso. Mas eu só queria te mostrar que essa opção existe. Tudo bem, vamos fechar essa guia aqui. Vamos voltar ao nosso site e ao painel Agora, precisaremos instalar esse tema. Como eu disse, não importa se você seguiu minha seção anterior, onde mostrei como usar o Astra Theme ou não Todas as etapas serão as mesmas. Então, basta acessar seu painel. Vamos para a guia Aparência. Vamos selecionar Temas. E agora vamos clicar em Adicionar novo e clicar em Carregar tema. Vamos escolher Procurar e selecionar o arquivo que você acabou de baixar. Então esse é o arquivo. Vamos clicar em Abrir e selecionar Instalar agora. Tudo bem, agora podemos ativar esse tema. Basta clicar aqui e aqui temos um assistente de configuração Tudo bem, então vamos clicar, vamos lá. Agora, teremos que inserir nosso código de compra aqui. Então, vamos ao nosso arquivo PDF que acabamos de baixar e você deseja copiar esse código de compra de um item que está aqui. Então é exatamente isso que eu vou fazer. Eu só vou copiar esse código. Vou voltar e antes de colar esse código, posso fechar essa guia. E eu também posso fechar essa guia. Tudo bem, então vou colar esse código aqui. Vou selecionar Confirmar e clicar em registrar. Tudo bem, então o registro foi bem-sucedido. Agora podemos clicar em Continuar. Vamos criar um tema infantil. Tudo bem, vamos clicar em Continuar. Aqui você pode instalar alguns plug-ins, mas na verdade você não precisa instalar este primeiro Plugin Contact Form 7 porque estamos usando outro plugin para adicionar formulários de contato E aqui a seguir , no login social, não estou usando esse plugin porque geralmente gosto manter tudo simples, como eu disse, e apenas um login normal com endereço de e-mail e senha funciona muito bem. E se você quiser, você pode realmente instalar racialistas em seus clientes, seus clientes em potencial poderão criar sua lista de desejos Portanto, é muito bom, especialmente se você tiver mais produtos, mas se estiver planejando criar este site e outro idioma que não esteja em inglês, terá alguns problemas com esse plugin porque será muito difícil traduzir algumas palavras em inglês. E se você estiver avaliando seu site para um público de língua nativa , seu site pode parecer um pouco confuso Mas se você gostaria de ter essa lista de desejos e está avaliando um site para um público que fala inglês, clique clique Basta instalar este plugin. Depende totalmente de você. E depois de ter esse plugin, você realmente não precisa mudar nada. E não importa o caminho que tomemos, vou escolher instalar esse plugin ou não. Não vamos fazer nenhuma alteração nele. Então, só por segurança. Porque nas seções posteriores, mostrarei como traduzir seu site. Eu não vou instalar esse plugin, mas se você quiser, você pode instalá-lo e ter uma lista de desejos Tudo bem, então podemos clicar, pular a etapa. Tudo bem, então aqui não queremos instalar nenhum conteúdo de demonstração E na seção anterior, quando trabalhamos com o Astra Theme, foi bastante conveniente porque estávamos apenas começando. Não tínhamos nenhuma experiência em trabalhar com temas e vários plug-ins Agora, depois de assistir a seção anterior, acredito que você tenha conhecimento suficiente e, desta vez será muito mais fácil configurar seu site sem instalar nenhum conteúdo de demonstração. Vai ser muito mais fácil para nós. Portanto, não vamos instalar nenhum conteúdo de demonstração. Vamos clicar em pular esta etapa e, se quiser, você pode selecionar qualquer predefinição, apenas criará um cabeçalho Isso só vai adicionar o estilo ao seu tema. Mas, na verdade, você não precisa fazer isso porque, como eu disse nesta seção, mostrarei como personalizar como dar uma boa aparência ao seu site sem precisar instalar o conteúdo de demonstração finalizado Então, vamos começar de baixo para cima e não precisaremos usar nenhum conteúdo de demonstração Também podemos pular essa etapa. Aqui. Você receberá algum suporte ao cliente se precisar de algum desses tipos de suporte. Mas acredito que você não precisará de nenhum suporte dos desenvolvedores do tema porque, uma vez que eu mostre como criar seu site usando esta VM, acredito que você não terá problemas Tudo bem, vamos clicar em Concordo e continuar. Tudo bem, agora terminamos e podemos clicar em ver seu novo site Tudo bem, então no meu caso, como você pode ver, o que eu ainda tenho Então eu ainda tenho esse menu aqui, o menu principal que eu criei anteriormente. E na lição posterior, mostrarei criar um menu mais uma vez, caso você não tenha assistido à seção anterior, onde mostrei como criar um menu usando o Astra Theme Basicamente, vai ser o mesmo, mas vamos voltar e trabalhar um pouco nisso apenas para mostrar como funciona, da melhor forma que você pode ver, temos nossa página inicial Portanto, esta página inicial foi criada usando o Elementor. É da seção anterior que eu estava trabalhando no Astra Theme Portanto, não vamos usar essa página inicial de jeito nenhum. E como você pode ver agora, temos botões de venda diferentes, estilos diferentes, e você pode personalizar essas bolhas de venda, não botões E é extremamente personalizável, esse famoso personalizável esse famoso personalizável Então essa é a grande vantagem deste tema em comparação com o tema Astra E vamos rolar para baixo. O que mais nós temos? Portanto, temos nosso rodapé e no momento, ele não parece nada bom e não se preocupe com isso E mesmo que seu rodapé tenha uma aparência diferente, porque em fases posteriores quando vamos editar nosso rodapé, mostrarei como criá-lo E não importa qual seja o tipo de rodapé que você tenha no momento, você ainda poderá seguir esta lição Tudo bem, então agora devemos fazer algumas mudanças. Devemos ir ao nosso painel. E eu só quero ter certeza de que antes de passarmos para as próximas aulas desativei os plug-ins que não vou usar Nesse caso, vamos para Plugins instalados. E o primeiro plugin que vou desativar será o Elementor Não vamos usar o Elementor de forma alguma. Podemos clicar, pular e desativar porque este tema Flatsome tem seu próprio construtor de páginas e é muito bom Também é bastante flexível, então vamos trabalhar com isso também. Podemos desativar o Starter Templates Plugin porque também não vamos usá-lo Tudo bem, agora podemos selecionar esses dois plugins aqui. E vamos clicar em Excluir. Vamos selecionar Aplicar. Ok? Tudo bem, então agora esses plug-ins sumiram, e eu realmente gostei disso Não sobrecarregamos nosso site com muitos plug-ins. Porque se você tiver muitos plugins em seu site, há uma chance de que haja algum problema Não estou dizendo que isso vai acontecer, mas há alguns casos em que alguns plug-ins podem atrapalhar seu site E se você não estiver usando muitos plug-ins, especialmente se estiver usando, digamos, o mesmo tipo de plug-ins para a mesma finalidade, como os plug-ins para criar páginas, eu recomendo fortemente que você não faça isso porque não é assim que as coisas funcionam e isso pode atrasar seus representantes, mas agora temos oito plug-ins e isso é mas agora temos oito plug-ins e Tudo bem, vamos ao nosso site e vamos ver como está agora Tudo bem, como você pode ver, não temos nossa página inicial, ela desapareceu completamente Ainda temos produtos mais vendidos, ainda temos produtos populares, mas vamos substituir essa página inicial por uma recém-criada na página inicial Então, como eu disse, não importa o que você veja aqui, talvez você veja uma informação diferente. Talvez você tenha um menu diferente aqui. Talvez sua página inicial esteja completamente vazia. Isso realmente não importa porque você ainda poderá seguir esta seção. Tudo bem, então é isso para esta lição. Agora, você sabe como instalar um tema premium e, como você mesmo viu, precisa baixá-lo do Theme four is dotnet e enviá-lo para o seu site E é claro que você precisa ativá-lo. E se você tentasse usar a pesquisa em temas do WordPress em seu painel, não encontraria esse tema Tudo bem, então isso é tudo para esta lição. 48. (6.1) introdução ao construtor de páginas UX: Nesta lição, adicionaremos o Shaq UX Builder. Então, assim como na seção anterior quando estávamos trabalhando com a equipe Astra, estávamos trabalhando com o construtor de páginas Elementor E aqui também temos um construtor de páginas, mas esse construtor vem junto com o tema Flatsome É seu próprio Builder e pode não ter tantas opções quanto o Elementor, mas ainda é flexível E nesta lição, vamos explorar esse construtor de páginas Tudo bem, então vamos ao painel. Vamos para Todas as páginas. E nesta lição, não faremos nenhuma alteração, que passará pelo próprio Page Builder para mostrar sua aparência E como você pode ver, anteriormente, tínhamos a opção de editar páginas com o Elementor, mas agora temos a opção de editar a página com o Eggs Builder E se eu clicar nesta página Sobre, como você pode ver aqui, temos a opção editar esta página que você usa Builder Então, em vez de usar este editor de texto do WordPress aqui que temos aqui, podemos usar o UX Builder, assim como poderíamos usar na seção anterior, Elementor Então, vamos selecionar o UX Builder e ter em mente que não vamos mudar nada aqui Eu só quero guiá-lo pelo próprio UX Builder para mostrar como ele funciona E podemos manter os textos, podemos manter as informações aqui e não vamos mudar nada. Vou te mostrar este Construtor. Tudo bem, então é assim que parece. No lado esquerdo, temos nosso navegador Então este é o nosso navegador. Temos seções, temos elementos aqui e, no lado direito, temos modos diferentes. Assim, podemos ver nosso site no modo tablet, no modo móvel. E quando estamos fazendo mudanças, podemos fazer mudanças para separar os y's. Não apenas faça alterações em todos os dispositivos em todo o mundo, mas também para separar os y's. Então, por exemplo, eu poderia fazer algumas alterações no dispositivo desktop. Eu posso mover elementos depois alternar para o modo tablet. Se eu não gostar da aparência do layout, posso fazer algumas alterações layout do modo tablet e posso fazer o mesmo com o celular. Tudo bem, vamos voltar para a visualização da área de trabalho. Se eu fosse aqui, posso fazer alterações na própria página, mas geralmente você não precisa fazer nenhuma alteração aqui. Na verdade, para ser honesto, eu nunca fiz nenhuma alteração aqui porque tudo está bem como está por padrão. Tudo bem, vamos voltar. E como você pode ver aqui, temos elementos de texto. Portanto, no ensino fundamental, você geralmente tem seções e, depois de criar uma seção nessa seção, você adiciona elementos. Mas isso não se aplica ao UX Builder. Você pode simplesmente adicionar elementos sem criar seções. É simples assim. Tudo bem, se eu clicar aqui, eu poderia adicionar outro elemento Como você pode ver aqui, temos elementos de layout, então podemos adicionar uma linha aqui. Então, se eu clicasse neste, adicionaríamos algumas linhas. E nessas linhas, poderíamos adicionar elementos como imagens, botões, imagens de texto. Digamos que aqui você possa mostrar suas categorias ou algo parecido Você também pode escolher quantas colunas deseja ter, qual layout em si deseja ter. Mas podemos fechar este. E como você pode ver, esse elemento foi adicionado com sucesso. E agora, quando estou fazendo alterações na linha, estou fazendo toda essa parte aqui nas alterações da linha para que eu possa trabalhar em alguns ajustes de layout, ajustes de estilo, e cabe a você explorar tudo sozinho para experimentar diferentes mudanças apenas para verificar como funciona, como tudo funciona E nos estágios posteriores quando vamos trabalhar em nossa página inicial, quando vamos trabalhar na página Fale conosco e quando vamos trabalhar na página sobre, vamos colocar tudo em prática e cuidar do layout da página inicial, da página sobre da página de contato com todos esses ajustes Mas, por enquanto, você pode explorar tudo sozinho. Você não precisa salvar nada. Apenas tente adicionar elementos diferentes, ver quais configurações eles têm e tentar descobrir como tudo funciona e funciona. Tudo bem, vamos voltar. E como você pode ver, agora, estou no meu navegador Então, aqui temos elementos de texto e aqui temos uma linha. Essa linha tem 1234 colunas. Então, nessas colunas, você pode adicionar imagens. Então, digamos que aqui você possa adicionar um botão de imagem. Então, se eu clicar em adicionar elementos aqui, como você pode ver, posso escolher na mesma lista de elementos. Aqui. Todos os elementos são gratuitos. Então, ao contrário do Elementor, onde você tinha que comprar uma versão profissional para ter acesso a alguns elementos melhores Aqui, todos os elementos são de uso gratuito e cabe a você explorar todos esses elementos. Tudo bem, então vamos fechar este. E como você pode ver, essa é a linha com vários elementos. E eu posso deletar essa linha. Se eu vou clicar aqui, posso fazer opções. Posso duplicá-lo, copiar opções, copiar um código curto e fazer todos os outros ajustes Normalmente não me concentro muito aqui e obtenho bons resultados sem me concentrar nessas outras opções. Então, eu vou deletar este e vamos clicar aqui e colocar o elemento mais uma vez. Então, como eu disse, aqui temos elementos de layout. Aqui temos vários elementos de conteúdo. Temos botões, texto, códigos HTML, banners, acordeões Então eu vou escolher acordeão, como você pode ver aqui, você pode expandir esse Você pode adicionar um título aqui mesmo e adicionar textos. Tudo bem, então, por exemplo, quanto custa o frete Aqui mesmo. E depois de expandir, você pode explicar quanto custam os custos de envio. Há muitas maneiras de usar esse acordeão, então você decide como usá-lo Mas vamos voltar. E como você pode ver, este é o Navigator, é assim que parece Se você clicar aqui, você pode adicionar outro acordeão E assim, você pode fazer alterações nesse acordeão. Tudo bem, podemos deletar este. E a última coisa que eu queria mostrar a vocês, Vamos até Adicionar elementos , não estará aqui, mas vamos percorrer todos os elementos para baixo E como você pode ver, aqui, temos elementos muito nítidos. Podemos adicionar produtos, produtos personalizados e produtos mais vendidos. Então, por exemplo, se eu clicar neste, teremos os produtos mais vendidos Podemos fazer ajustes, duas colunas, no número de produtos que estamos exibindo E mais uma vez, cabe a você explorar. E podemos deletar este e podemos ir para Adicionar elementos e aqui e importar. Não vamos usar isso. Não vamos nos complicar demais com muitos ajustes. Então, vamos voltar aos elementos. E se eu fosse ao estúdio Flatsome, como pode ver aqui, temos vários layouts pré-criados Então, se você assistiu minha seção anterior, onde mostrei como criar sites usando o Astra Theme e Starter Você mesmo viu. Com os Starter Templates, você pode importar páginas, importar todo o site em si ou importar blogs O mesmo acontece com esse tema. Você pode importar várias páginas de comércio eletrônico. Assim, você pode importar sobre seções e importar várias outras coisas. Portanto, cabe a você explorar o que gostaria de usar. Em aulas posteriores. Você vai usar alguns deles. Mas, mais uma vez, cabe a você explorar tudo e não se preocupar com nada Se você vai importar algo e excluir algo ou até mesmo salvar o que quiser, bagunce seu site de qualquer forma Se você tiver alguma dúvida ou dificuldade, participe do meu grupo no Facebook e eu estou sempre aqui para ajudá-lo Se você tiver alguma dúvida, não hesite em perguntar e me mande uma mensagem e eu vou ajudá-lo imediatamente. Como você pode ver aqui, temos vários layouts pré-desenhados e você decide quais layouts deseja usar. E, como mencionei antes em aulas posteriores, usaremos alguns desses modelos, mas, mais uma vez, você pode clicar em Importar. Então, por exemplo, se eu vou selecionar Importar, posso escolher se quero importar com imagens, mas por que eu preciso dessas imagens, a menos que eu queira ver como elas ficarão? Então eu vou importar este, mas agora as imagens e eu vou clicar em Iniciar, como você pode ver, acabei de importar esse layout pré-criado Então, como você pode ver, ele tem seções. Assim como com o Elementor, esse modelo foi criado usando seções E então, nessas seções, temos alguns elementos que temos linha, essa linha, temos colunas. E aqui, se eu pudesse expandir, como você pode ver, temos etiquetas e todas as outras coisas. Se eu vou minimizar isso, é assim. Se eu vou clicar aqui, exclua. Como você pode ver, essa seção desapareceu. E esta é a segunda seção. A razão pela qual está no topo do texto é por causa dos ajustes de layout Mais tarde, quando trabalharmos nessas configurações, mostrarei onde você pode cuidar desses ajustes se quiser exagerar em alguns outros elementos Mas vamos clicar aqui bem rápido e em opções. E se eu rolasse para baixo apenas um segundo, não, não é esse Então, acabamos de fazer duas colunas separadas aqui. Então, vou clicar na linha por apenas um segundo. Nas colunas. Só um segundo. Sim Sim, e a linha desta, se eu for para as opções, deve ter alguns ajustes. Tudo bem, não tem, mas eu deveria ir aqui e eu vou até a coluna em si. Sim, como você pode ver, temos ajustes de preenchimento e é por isso que parece assim Então explore tudo sozinho. Tente decidir o que funcionará para você. O que talvez você gostaria de usar sozinho. E cabe a você decidir se quiser seguir meu caminho ou se quiser tentar algo diferente, mas se tiver alguma dúvida, não hesite em me enviar uma mensagem e eu vou ajudá-lo. Tudo bem, então espero que agora você entenda esse UX Builder um pouco E agora foi um rápido passo a passo. Mas nas aulas posteriores, quando você começar a trabalhar nas páginas, você mesmo verá como funciona. Quando terminarmos a primeira seção de uma página, você terá uma boa compreensão como tudo funciona. E se você assistiu minha seção anterior, onde mostrei como trabalhar com o Elementor, confie em mim, desta vez será muito mais fácil do que trabalhar com o Elementor Tudo bem, podemos fechar este aqui. Não vamos salvar nenhuma alteração. Tudo bem, vamos voltar a todas as nossas páginas e, basicamente, é isso para esta lição Agora, você sabe como o UX Builder funciona. É um construtor de páginas simples. É muito mais fácil de usar do que o Elementor, mas também é flexível Tudo bem, então isso é tudo para esta lição. 49. (6.2) vamos editar a página inicial (UX Builder): Ok, nesta lição, vamos criar nossa página inicial. E desta vez vamos usar o UX Builder para criar nossa página inicial na seção anterior, quando estávamos trabalhando com o Astra Theme no horário usando Elementor e se fossemos para Então, vou abrir este em uma nova guia só para ver como fica. Como você pode ver, é assim que parece. Parece muito confuso, porque foi criado usando o Elementor e agora não estamos usando o Elementor Portanto, não importa qual seja a sua situação, talvez você tenha a mesma página de aparência. Talvez você tenha uma página completamente vazia. Você ainda poderá acompanhar esta lição porque criaremos uma página completamente nova para nossa página inicial Tudo bem, então eu vou fechar este. E se você esqueceu, esses são os nossos layouts Portanto, esse é o mesmo layout que usei para criar nossa página inicial quando trabalhava com o Astra Theme e trabalhava com o Elementor Então, como você pode ver na primeira seção, teremos nossa imagem de herói com o botão Glick to action E para isso, vamos usar um banner aqui, temos produtos Então, para isso, vamos usar o elemento de produtos. Esta seção será importada dos estúdios Flatsome. Então, teremos modelos pré-criados, então isso nos ajudará a trabalhar com mais eficiência E aqui vamos adicionar categorias. Então, para isso, vamos usar o elemento de categoria e o último acordo também será produtos. Tudo bem, agora podemos voltar para todas as nossas páginas. Vamos clicar em Adicionar novo. Vamos dar um título a esta página. Vamos chamá-la de página inicial e clicar em editar com o UX Builder Tudo bem, agora temos uma página completamente vazia e vamos clicar em Adicionar elemento Vamos escolher o banner. Portanto, antes de fazer qualquer alteração, vamos nos certificar de que temos todas essas seções. Precisamos ter certeza de que esse é o layout que temos. Então, vamos voltar. Vamos fechar esse aqui. E agora vamos voltar mais uma vez. E agora temos que adicionar um título. Então, vamos clicar em Adicionar elementos. Vamos escolher apenas um segundo. Vamos escolher o título. Só um segundo. Onde está o título? Sim, esse é o elemento que queremos usar. Tudo bem, vamos usar o título. E vamos centralizar esse título aqui. E vamos voltar ao nosso layout. Então, teremos os produtos mais vendidos. Então, vamos mergulhar aqui. Produtos mais vendidos, tudo bem, acho que parecem bons Podemos mudar o tamanho, vamos fazer 120. Acho que vai ficar muito melhor. Tudo bem, vamos voltar e agora queremos adicionar novos elementos Esse elemento vai se orgulhar. Então, vamos usar a Pesquisa para procurar produtos. Tudo bem, esse é o elemento que queremos usar. Vamos selecionar esse elemento e clicar em Aplicar. E agora, para exibir os produtos mais vendidos, precisamos rolar para baixo apenas um segundo Vamos rolar para baixo e agora vamos selecionar Ordenar por vendas, saindo da lista de tarefas que vende produtos mais vendidos tarefas que Então, é assim que vai ficar quando você começar a receber pedidos. É assim que ele será exibido do produto mais vendido ao produto menos vendido Tudo bem, então vamos continuar assim. Vamos clicar em Aplicar e agora vamos adicionar outra seção. Então, vamos voltar à nossa estrutura e agora precisamos adicionar essa seção aqui para mostrar nossas vantagens Então, vamos voltar. Vamos clicar em adicionar elementos. E agora, em vez de usar qualquer um desses elementos aqui, vamos selecionar o estúdio Flatsome e não tenha medo de explorar tudo sozinho Talvez você encontre alguns elementos que gostaria de usar para tornar sua loja on-line um pouco mais exclusiva Então, essa depende de você. Você pode explorar tudo sozinho. Mas nesta lição, usaremos este, ícones de Serviços. E só um segundo, vamos escolher este aqui. Vamos selecionar Importar. Vamos importar imagens também. Vamos clicar em Iniciar e é assim que vai ficar. Tudo bem, então o que vem a seguir? Vamos voltar e agora vamos mostrar nossas categorias Portanto, antes de adicionarmos nossas categorias, precisamos adicionar um título para que possamos usar esse título aqui. Então, podemos duplicar esse título desse jeito. E vamos digitar Categorias e clicar em Aplicar. E agora podemos mover esse elemento aqui, logo abaixo desta seção aqui E é assim que vai ficar. Agora, vamos clicar em adicionar elementos e agora vamos pesquisar por categorias. Tudo bem, então isso é o que queremos usar. Vamos clicar em Adicionar e é assim que vai ficar. E agora não temos nenhuma imagem no momento, mas depois vamos consertá-la para que possamos mantê-la como se fosse uma boa aparência. Tudo bem, vamos clicar em Aplicar e o que vem a seguir? O que vem a seguir? Temos que adicionar produtos populares. Tudo bem, então vamos voltar. E agora vamos duplicar esse título mais uma vez. Vamos clicar em Duplicar e podemos adicionar produtos populares. Tudo bem, vamos clicar em Aplicar. E agora vamos mover esse título logo abaixo do elemento Categorias de Produto. Tudo bem? Então, agora temos que adicionar o elemento de produtos. Então, podemos duplicar esse elemento anterior. Vamos clicar em duplicar e agora vamos fazer algumas alterações. Tudo bem, então, em vez de fazer pedidos por vendas, podemos selecionar Então, ele vai exibir produtos aleatórios. E, novamente, depende de você qual tipo de filtro você deseja usar. Eu geralmente gosto de ir por esse caminho. Vamos clicar em Aplicar. E agora temos que mover esse elemento do produto logo abaixo desse título aqui. E é assim que parece. Tudo bem? Agora temos tudo pronto e precisamos fazer alterações na primeira seção. Então esta é a nossa bandeira, então esta é a nossa imagem de herói Tudo bem, então vamos clicar aqui nas opções. Então, quando clico em Opções, estou fazendo alterações em toda essa seção aqui para se dissolver Então, agora eu quero escolher uma imagem de fundo. Portanto, a imagem de fundo será a mesma que usei na seção anterior quando estava trabalhando com o Elementor Então, só um segundo, vamos procurar essa imagem aqui. Esta é a imagem, e eu vou clicar em usar essa imagem, e é assim que ela vai ficar. E agora eu quero deixá-lo em toda a largura. Então, para fazer isso, devemos fazer algumas alterações em toda a página em si. Mas antes de fazer isso, vamos nos certificar de que selecionamos o tamanho certo. Eu quero usar esse tamanho, digamos, porque eu quero usar uma melhor qualidade dessa imagem. Tudo bem, então é assim que vai ficar. E eu posso mudar a altura para não gostar disso. Tem 500 pixels em vez de uma dívida. Vou usar 600. Tudo bem, acho que vai ficar melhor. Agora eu quero fazer essa largura total. Então, vou clicar aqui para fazer alterações na própria página do mural. Então, vou escolher o modelo. E esse é o modelo que eu quero escolher. É assim que vai ficar. Tudo bem, então ainda não terminamos porque não parece muito bom aqui Então, vamos fazer algumas alterações nesse elemento de texto. Vamos movê-lo para a direita. E aqui, vamos só um segundo. Eu vou movê-lo um pouco para cima. Aqui. Eu vou mudar o texto, então vou clicar aqui, abrir o editor de texto. E aqui vou substituir esse texto, mas meu texto. Tudo bem, então é assim que vai ficar. Agora vou clicar em Ok e não gosto do tamanho dos textos, então posso mudar isso aqui. Então, vou mover isso um pouco para a direita. Simplesmente assim. Eu posso expandir essa área aqui um pouco mais. Só um segundo. Eu posso fazer algumas mudanças neste texto um pouco mais. Então eu tenho que mudar o elemento de cabeçalho aqui. Vamos escolher o número quatro. Tudo bem, dessa forma, eu sinto que vai ficar melhor, Assim, podemos aumentar o tamanho da fonte. E eu acho que vai ficar bem. Só um segundo. Vou voltar para o editor de texto. Ok, acho que ficou melhor e agora podemos mudar a cor. Então, se eu clicar aqui, posso mudar a cor desse texto. Acho que essa cor ficará ótima. Então, vamos manter as coisas assim. E agora eu quero adicionar um botão aqui. Então, para adicionar um botão, vamos aqui. Podemos clicar em Adicionar caixa de texto e vamos escolher o Tudo bem? Então esse é o botão que vamos usar. Você pode usar outra predefinição se quiser. Então, vou clicar em Aplicar. Tudo bem, agora eu preciso adicionar texto. Eu vou adicionar Sharp agora. Tudo bem, vamos fazer alguns ajustes de estilo. Vamos escolher a cor secundária. No momento, a cor secundária está configurada para ser essa cor laranja. Mas depois, quando trabalharmos nas opções de personalização desse tema, faremos mudanças Vamos substituir essa cor laranja pela vermelha, e a mesma cor é exibida aqui na bolha de venda Então, vamos trabalhar nisso em uma lição posterior. O que mais poderíamos fazer? Poderíamos adicionar um URL a esse botão. Então, vamos ativar esse botão. Então, desta vez, quero incluir um URL que leve nossos visitantes à nossa página de loja onde eles possam ver todos os nossos produtos. Então, se você se lembra, a página da loja é slash shop. Esta é a página que queremos usar. Então, vamos copiar esta página aqui. Agora, podemos fechá-lo e colá-lo aqui. Tudo bem, também podemos adicionar um ícone. Se eu adicionasse uma seta, certo? É assim que vai ficar e eu posso escolher um visível em nosso, tudo bem. Então é assim que vai ficar. Ok, eu também poderia fazer alguns outros ajustes. Eu também poderia expandir esse botão e alterar o tamanho desse botão. Vamos torná-lo grande. Tudo bem, acho que parece bom. E eu também posso mudar o raio. Então, se eu vou mover este um pouco também, certo? É assim que vai ficar. E eu acho que parece bom. Tudo bem, então, mais uma vez, tudo depende de você Todas essas mudanças, os ajustes de estilo dependem de você. Mas se você seguir minha lição, terá uma base sólida e entenderá como criar sua página inicial seguindo esta lição Tudo bem, então vamos garantir que tudo esteja bem. Então, agora podemos mudar o texto aqui. Então, estou oferecendo frete grátis para pedidos acima de $50. E podemos manter devoluções gratuitas. Novamente, depende de você e do Suporte ao Cliente. Então, vou oferecer suporte ao cliente 24 horas por dia, sete dias por semana, então eu posso adicionar isso aqui Então, vou clicar nesse texto aqui, e vou abri-lo em um editor de texto, e vou substituir as informações aqui. Tudo bem, podemos clicar em “ Ok”, e é assim que vai ficar Nós podemos voltar. Então, fizemos alterações nos textos. Tudo bem, aqui também podemos incluir devoluções gratuitas. Então, vamos continuar assim. Vou apenas abrir este em um editor de texto e vou adicionar as informações aqui. Tudo bem, vamos clicar em “Ok”. Então, o próximo será este Então, vou deixar que nossos visitantes ofereçam um ótimo suporte ao cliente, alguns do tipo 2047 Tudo bem, podemos clicar em Ok, e agora esse ícone aqui não faz sentido porque estamos oferecendo suporte para que possamos mudar isso Então, se você clicar aqui neste ícone, você pode substituí-lo. Então, vou clicar aqui, mudar de mídia e já fiz o upload dos meus ícones. Então esse é o ícone que eu quero usar. Vou clicar em usar esta imagem. E se você estiver usando imagens SVG, poderá alterar a cor desses ícones Então, aqui, eu posso mudar a cor desse ícone, como você pode ver, eu posso fazer com que pareça semelhante a essa cor aqui, assim como todos os outros ícones. Portanto, depende de você que tipo de ícone você deseja usar. E eu vou te mostrar o lugar onde eu gosto de obter meus ícones de graça. Então, no lugar onde eu gosto de pegar meus ícones e, só um segundo, vou colar esse URL aqui. E como você pode ver, este é o lugar onde eu gosto de obter ícones. Você pode encontrar qualquer ícone que quiser usar e basta selecionar o ícone. Você pode usar a Pesquisa para procurar esses ícones. E você pode baixar o arquivo SVG e usar esse arquivo aqui Então, você decide qual tipo de ícone deseja usar Foi aqui que encontrei esse ícone aqui. Então, depende de você o que eu consumo quero usar. Você pode explorar esse site e apenas verificar os ícones. Talvez você encontre os ícones que gostaria de usar em vez desses. Mas agora, vamos manter tudo como está. Tudo bem, então é assim que parece e eu sinto que tudo parece muito bom Mas antes de sairmos, vamos adicionar algumas lacunas entre alguns dos elementos Porque, no momento, esse elemento do produto está logo acima do nosso primeiro mandato e queremos ter uma lacuna. Como adicionar uma lacuna que você pode estar se perguntando. Então, vamos clicar aqui mesmo em elements e digitar gap. E essa é a lacuna que queremos usar. Podemos selecionar essa lacuna e podemos alterar a altura dessa lacuna. Então, vou digitar 50 pixels e acho que vai ficar bem. Tudo bem, então podemos clicar em Aplicar. E é assim que parece. E poderíamos realmente adicionar outra lacuna aqui. Assim, podemos duplicar essa lacuna que já criamos. Tudo bem, vamos escrever um pouco de 50 pixels. Vamos ver como vai ficar. Vai ficar logo abaixo do nosso banner. Tudo bem, então é assim que vai ficar e se sentir muito melhor Eu também poderia acrescentar outra lacuna, Brian aqui. Assim, posso duplicar essa lacuna como fiz anteriormente. E agora, eu posso pegar essa lacuna por um segundo e colocá-la aqui. Então é assim que parece. Acho que parece melhor. Tudo bem, antes de sairmos, antes de publicarmos tudo, vamos garantir que tudo fique ótimo em outros dispositivos Então, vamos clicar para ver como vai ficar em tablets. Tudo parece ótimo. Então, temos nosso controle deslizante, ele está funcionando corretamente. E vamos rolar para cima. Vamos ver como fica. Tudo bem. Agora, nossos textos não parecem muito bons. Então , podemos mudar isso. Podemos expandir esse texto desse jeito. Podemos movê-lo um pouco para cima. Sinto que parece melhor desta vez que fiz essas mudanças. Essas alterações só se aplicavam ao tablet. Vamos verificar como vai ficar em dispositivos móveis. Tudo bem, não parece nada bom. Então, podemos redimensionar esse desse jeito. Tudo bem, eu sinto que está no centro. Agora podemos fazer algumas alterações nessa imagem para mal possamos ver nossos textos. Então, vamos mover esse desse jeito. Tudo bem, acho que parece muito bom. É fácil de entender e parece muito melhor. Então, se eu vou voltar para a visualização de desktop, nada mudou. Portanto, essa é uma grande vantagem deste tema Flatsome porque é altamente personalizável Então, como você mesmo pode ver. Tudo bem, então eu sinto que tudo parece ótimo. Temos todas as seções de que precisamos. E agora podemos clicar em Aplicar. Tudo bem, vamos clicar em Publicar. Tudo bem, agora podemos fechar este aqui. Tudo bem, então esta é a nossa página inicial. Vamos clicar aqui, Exibir todas as páginas. Agora podemos fechar essa guia aqui. E agora temos nossa casa que foi criada anteriormente e temos nossa página inicial Temos que substituir isso pela nossa página inicial. Então, para fazer isso, você deve acessar as configurações aqui. Vamos escolher a leitura e aqui mesmo na página inicial, vamos selecionar a página que acabamos de criar Então, esta é a nossa página inicial. Vamos clicar em Salvar alterações. Agora podemos voltar para Todas as páginas e você verá que agora nossa página inicial está definida como a primeira página Então, agora não precisamos dessa página. Podemos clicar em Lixeira. Tudo bem, vamos verificar a aparência do nosso site agora, N é, você pode ver que é assim Acho que parece muito melhor do que a versão anterior. Mas, na verdade, ainda não terminamos porque , no momento, não temos nenhuma imagem aqui. Então, para adicionar imagens às nossas categorias, precisamos acessar o painel Vamos até a guia Produtos. Vamos escolher categorias. E aqui e nos brinquedos de madeira, posso clicar em Editar. E quando estou aqui, posso selecionar a miniatura Então, vou clicar aqui, selecionar a miniatura e já fiz o upload de algumas imagens Então, essas são as imagens que estou planejando usar. Alguns, só vão selecionar essa imagem aqui. Vou clicar em usar imagem. Vou clicar em atualizar. Tudo bem, vamos para as categorias. Tudo bem, então essa imagem agora está ativa. Então eu vou fazer o mesmo com todas as outras categorias. Então, vou adicionar miniaturas. Tudo bem, você pode ver que acabei de adicionar imagens, miniaturas às minhas categorias, e é assim que parece Claro, eu entendo isso para uma fantasia, então talvez use a imagem errada, mas isso realmente não importa muito. Estamos trabalhando nesta página inicial apenas para mostrar como ela se parece e como funciona Então, no seu caso, é claro, você vai usar imagens diferentes, mas no meu caso, essas foram as imagens que eu decidi usar. Tudo bem, agora terminamos de adicionar miniaturas. Agora podemos clicar aqui e conferir nossa página inicial Vamos ver como fica. Tudo bem. Então é assim que parece. Temos categorias. Essas categorias têm essa aparência. E se você não gosta da aparência dessas categorias, porque no momento, essa categoria aqui não parece muito boa. Eu entendo. Para que possamos fazer mais algumas mudanças. Se eu clicasse aqui. Não, não aqui, aqui mesmo. Edite com o UX Builder. Vamos garantir que tudo esteja ótimo. Tudo bem, então vamos garantir que tudo esteja ótimo. Tudo bem, então se tivermos alguns problemas de estilo, vamos corrigir isso Tudo bem, então vamos selecionar esse elemento aqui, Categorias de produtos E agora, se eu rolar para baixo aqui apenas um segundo e altura, podemos selecionar um por um e vai ficar perfeito Tudo bem, acho que está ótimo. Ok, também poderíamos fazer algumas mudanças na aparência. Portanto, para estilizar em lote, podemos selecionar a etiqueta. Com etiqueta. Não parece muito bom. Se você for selecionar arbusto. Acho que vai ficar muito melhor. Podemos mantê-lo assim. Acho que vai ficar muito melhor. E podemos clicar em Aplicar. Vamos clicar em Atualizar. Agora podemos fechar o UX Builder. E assim, criamos nossa página inicial e, em comparação com a versão anterior, quando estávamos trabalhando com o Astra Theme, acho que essa página inicial parece muito melhor Temos um botão em funcionamento e tudo parece ótimo. Mais tarde, em outras etapas quando trabalharmos nas opções de personalização, faremos alterações nas cores aqui, mas, no momento, tudo parece ótimo Então, isso é tudo para esta lição. 50. (6.3) vamos editar a página de contato (UX Builder): Nesta lição, criaremos nossa página de contato. Então, se você assistiu minha seção anterior, onde mostrei como criar uma página de contato usando o Astra Theme e o Elementor Essa soma será semelhante, mas se irmos para a página que criamos anteriormente em apenas um segundo, não conseguiremos encontrar essa página aqui. Ah, não, esta é a página que criamos anteriormente. Como você pode ver, parece bastante grande. Então, em vez de usar esta página, talvez você não tenha seguido a seção anterior e decidido usar o tema premium. Não se preocupe com isso. Vamos criar uma página de contato completamente nova. Então, para fazer isso, vamos ao painel. Vamos até Todas as páginas e vamos selecionar todas as páginas. E antes de prosseguirmos, vamos fazer algumas alterações na página que criamos anteriormente. Então, vamos clicar em Edição rápida. E no final do título e do Slug, vamos digitar dois. E estamos fazendo isso porque vamos criar uma página completamente nova. E se você for criar nossa nova página, entre em contato e daremos o mesmo título. Não vai ter o mesmo URL. Provavelmente entrará em contato com o painel dois. Então, para evitar a morte, vamos renomear a página que avaliamos anteriormente e agora podemos clicar ao Tudo bem, vamos digitar Contato e clicar em editar com o UX Builder Tudo bem, desta vez vamos clicar em adicionar elementos e vamos adicionar uma linha Então, vamos escolher duas colunas e clicar em se inscrever na primeira coluna aqui. Quero incluir informações de contato, Quero incluir como endereço de e-mail, número de telefone. E se quiser, você também pode incluir seu endereço. E aqui vou incluir o Formulário de Contato. Então, se você não assistiu minha seção anterior, onde mostrei como criar formulários de contato. Não se preocupe com isso. Eu vou mostrar isso aqui também, mas eu recomendo que você confira a lição anterior, mas eu recomendo que você confira a onde mostrei como avaliar a página de contato usando o Elementor usando o Astra Tudo bem, então vamos começar a trabalhar nesta página. Tudo bem, então, primeiro , vamos clicar em Aplicar. E aqui nesta primeira coluna, quero incluir elementos de texto. Então, vou clicar aqui em duas colunas e vou escolher o texto. Vou clicar em Aplicar e vou abrir isso no editor de texto. E aqui vou digitar o título desse elemento de texto que será Contato. Vou escolher o segundo nível de título para este. E vou clicar em Enter e vou inserir meu endereço de e-mail, número de telefone, e cabe a você decidir se deseja incluir o endereço. Tudo bem, então é assim que vai ficar. Vou clicar em Ok e vou voltar. E aqui na segunda coluna, aqui mesmo, vou clicar em Adicionar à coluna. E mais uma vez, vou escolher o texto. Eu vou escolher o parágrafo. Vou abrir isso no editor de texto. E aqui, usando esse segundo nível de título, vou digitar e nos enviar uma mensagem. Tudo bem, então, como você pode ver, eu escolhi o segundo nível de título desse jeito. Só um momento. Vou escolher o segundo nível de título mais uma vez e clicar em “ Ok, tudo bem, então agora vamos voltar E aqui vou clicar em Adicionar à coluna mais uma vez. E nesse semi, eu vou usar HTML. Tudo bem, aqui eu tenho que incluir o código HTML de malformado. Então, se você não sabe como criar um formulário, mostrei na seção anterior onde eu estava mostrando como criar formulários de contato. Mas se você não assistiu a essa lição, eu vou te mostrar como você pode fazer isso. Tudo bem, então vamos ao nosso site em uma nova guia. Tudo bem, então agora estou na seção de postagem. Então, basicamente, estou em um painel dos meus sites. E, como você se lembra, instalamos o plug-in de formulários fluentes. Eu recomendo fortemente que você assista à minha lição anterior da seção anterior, onde eu estava mostrando como criar formulários de contato. Porque nessa lição eu mostrei como instalar o plugin Fluid Forms. E depois de instalar esse plugin, você poderá criar fóruns. Então, se eu clicar aqui em todos os formulários, como você pode ver, eu tenho algumas leituras de formulários Na lição anterior, criei esse formulário. Então, se você não sabe como criar formulários, assista à minha lição anterior. Mas se você não quiser assistir a essa aula, posso te mostrar como isso é feito. Então, por exemplo, vamos clicar em Adicionar novo formulário e vamos escolher este. Normalmente gosto de remover o sobrenome, então não vamos usar o sobrenome E aqui, em vez de usar o formulário de envio, podemos alterá-lo para enviar uma mensagem. Então, aqui, vou digitar enviar mensagem. Podemos mudar o estilo de um botão aqui. Então, digamos que eu escolha o vermelho. Acho que vai se encaixar perfeitamente no meu design. E é assim que vai ficar. Tudo bem, então antes de sairmos, vamos clicar em Salvar formulário E também poderíamos mudar o título desse formulário para sabermos o que estamos usando. Então, vou digitar o título desse formulário. Vou chamar esse formulário de contato dois porque na lição anterior, na seção anterior, seção anterior já foi criado o primeiro formulário, então será o Formulário de Contato Dois. Tudo bem, vamos clicar em renomear, e esse é o ID dos nossos formulários Então, queremos copiar esse ID aqui. E há um ajuste de configuração muito importante que precisamos fazer. Temos que clicar aqui. E, como você pode ver, é assim que a mensagem do nosso formulário ficará quando nossos visitantes enviarem um Então, podemos ir aqui e enviar notificações por e-mail. E vamos garantir que ativamos as notificações por e-mail. Quando um cliente, quando um visitante nos deixa, um formulário nos deixa uma mensagem, seremos notificados em nossa caixa de entrada de e-mail Mas antes de partirmos, precisamos fazer alguns ajustes muito importantes Vamos clicar aqui e enviar para aqui. Você precisa digitar seu endereço de e-mail comercial. Então, digite o endereço de e-mail que você criou anteriormente, onde mostrei como criar seu endereço de e-mail comercial. Porque se você não fizer nenhuma alteração aqui, você não será notificado em seu endereço de e-mail. Portanto, certifique-se de adicionar seu endereço de e-mail comercial aqui. Então, acabei de inserir meu endereço de e-mail comercial. Agora posso rolar para baixo e clicar em Salvar notificação. Tudo bem, então certifique-se de que você copiou este aqui. Agora, podemos fechar isso aqui e colar esse código aqui. Agora podemos clicar em se inscrever e, antes de sairmos, sinto que precisamos adicionar uma lacuna. Então, vamos procurar um elemento de lacuna. Vamos selecionar esse elemento e usar 50 pixels. Vamos clicar em Aplicar. E agora vou duplicar esse aqui. Vamos clicar em Aplicar. E agora eu vou trazer este para o topo. Então, eu tenho a mesma lacuna na parte superior dos meus elementos e adiciono uma parte inferior. Agora podemos clicar em Publicar. Tudo bem, podemos clicar em Atualizar. Agora podemos fechar esse UX Builder. Tudo bem, vamos para todas as nossas páginas. E, como você se lembra, renomeamos esta página Podemos colocá-lo na lixeira e agora podemos ver nossa página de contato E é assim que parece. Tudo bem, então os contatos aqui parecem bastante minimalistas Então, decidi que queria incluir meu endereço de e-mail e número de telefone, mas cabe a você decidir se quiser incluir seu endereço também, talvez esteja no horário de trabalho. Decidi seguir o caminho mais simples apenas para mostrar como tudo funciona. Também gosto de incluir algumas informações para meus clientes que geralmente respondem em 24 horas às mensagens, aos e-mails. Então, só para preencher um pouco mais essa coluna aqui, mas como você pode ver, é assim que nossa página de contato está agora. E é uma página de contato totalmente funcional. Vai funcionar muito bem. Talvez não tenhamos precisado adicionar uma lacuna aqui, mas podemos corrigir isso se você clicar aqui, em Editar com o UX Builder, e podemos remover a lacuna na qual produzimos o anúncio Tudo bem, então vamos excluir essa lacuna inferior porque já temos uma boa lacuna entre os elementos Podemos clicar em Atualizar. Tudo bem, podemos fechar este. Tudo bem, como você pode ver, é assim que parece e acho que nossa página de contato está ótima Ele faz o trabalho. Nossos clientes, nossos visitantes poderão entrar em contato conosco, deixar uma mensagem e o que mais você poderia perguntar. Tudo bem, então isso é tudo para esta lição. 51. (6.4) criando menus: Nesta lição, vamos percorrer o processo de criação do menu principal, dos próprios Menus. Então, se você ainda não assistiu minha seção anterior, onde mostrei como criar menus. É basicamente o mesmo, não importa qual FIM você esteja usando, não importa se você está usando algum construtor de páginas ou algo parecido, os menus fazem parte do próprio WordPress Então, vou para minha página inicial. Como você pode ver, esse é o menu. Não nos preocupamos com o fato de esse menu não caber em nosso cabeçalho Mais tarde, faremos ajustes nesse menu. Mas agora, esse é o menu que queremos ter. Este é o menu exato que planejamos usar em nosso site. Então, como eu criei esse menu. Então, devemos ir para o painel aqui. E se eu fosse para a seção Aparência aqui, posso escolher Menus. Então, aqui eu criei esse menu e, como você pode ver aqui, temos vários menus diferentes. Então eu posso escolher na lista. Então eu tenho o menu principal, eu tenho um menu de links rápidos. Eu tenho links de sites de menu secundário. Neste curso, vamos nos concentrar apenas no menu principal porque isso é tudo vamos usar neste curso. Então, vou selecionar esse menu principal e clicar em selecionar. E, claro, se você precisar criar um novo menu, clique aqui e poderá criar um novo menu. E mais tarde esse menu será adicionado à lista de todos os menus. E nos estágios posteriores, ao personalizar seu tema, ao personalizar seu site, você pode definir esse menu, menu recém-criado, digamos, para ser exibido em um determinado local do exibido em um determinado local Mas agora, nosso foco principal está nesse menu principal. Como você pode ver, temos todas as categorias e é exatamente isso que queremos ter. E se você está se perguntando como eu criei esse menu, então eu simplesmente uso links personalizados. Então, aqui, eu adicionei o texto, digamos, fantasias. Então, adicionei o texto figurinos e adicionei o URL da categoria de trajes. Portanto, se você não tiver certeza de como encontrar esses URLs, clique aqui mesmo em produtos Vamos abrir Categorias em uma nova guia. E vamos às categorias e digamos, fantasias. Então essa é a categoria de figurinos. Posso clicar em Exibir em uma nova guia. E esse é o URL da nossa categoria de fantasias. Então, podemos simplesmente copiar esse URL. Se eu voltar ao meu menu aqui, posso adicionar roupas de texto de link e colar o URL. Depois de clicar em adicionar ao menu, esse item de menu será adicionado aqui. Então, como você pode ver aqui, temos fantasias. Não estou adicionando este porque já o adicionamos ao nosso menu principal. E nosso menu principal é bom. Não precisamos fazer nenhuma alteração. Então, desse jeito, você pode criar menus. Além disso, você pode escolher entre as categorias. Se eu fosse até aqui. Não, desculpe, não funciona. Então, este aqui, os itens do menu parecem um pouco diferentes da versão anterior quando estávamos trabalhando com o Astra Theme E é só porque estamos trabalhando com um tema diferente. Portanto, temas diferentes geralmente têm opções diferentes. Mas neste caso, ao criar um menu, você precisará usar a mesma opção, links personalizados, assim como usamos na seção anterior quando eu estava trabalhando no Astra Theme Então, aqui mesmo, não se esqueça, cole o URL da sua categoria, adicione o texto e clique em Adicionar ao menu. E assim, você criará seu menu. E aqui, é claro, você pode configurar seu menu para ser exibido em vários locais diferentes, mas não precisa se concentrar nisso porque nas aulas posteriores, faremos alterações nos locais do nosso menu que serão exibidos em nosso site. Então, não se preocupe com isso. Você não precisa se concentrar nem um pouco aqui. E quando terminar de usar o menu, não se esqueça de salvar o menu. E se voltarmos ao nosso site, vou até essa aba aqui. Vou clicar em Visitar site. Como você pode ver, este é o menu que teremos. Vou fechar essa haste aqui. Se você está se perguntando como criar um menu suspenso, na verdade mostrei isso como fazer na seção anterior, mas vou mostrar isso mais uma vez Então, por exemplo, se você tem uma categoria de fantasias para pais e tem categorias infantis, como fantasias de Halloween, fantasias de Natal, algo parecido E você quer criar um menu suspenso. Então, digamos que essas serão suas fantasias, e essa será uma fantasia de Halloween Então, basta movê-lo para o lado direito, assim mesmo, clicar em Salvar Menu. E vamos voltar à nossa página inicial. Vamos atualizar esta página. E como você pode ver agora, fantasias, o menu suspenso tem brinquedos de banho, mas no seu caso podem ser fantasias de Halloween e talvez você tenha o segundo item, fantasias de Natal ou algo fantasias de Natal ou Então é assim que você cria um menu suspenso. Tudo bem, vamos voltar e fazer com que seja como era antes Portanto, temos que selecionar esse item aqui. Vamos movê-lo para a esquerda. E assim, vamos voltar ao layout anterior. Obviamente, você pode trocar de lugar com muitos elementos desse jeito Então, depende de você. Então, depois de fazer qualquer alteração, não se esqueça de clicar em Salvar Menu. E agora podemos voltar à nossa página inicial. Vamos atualizar esta página. E como você pode ver agora, fantasias não são um menu suspenso. Tudo bem, podemos fechar essa guia. Então, desse jeito, você pode criar menus. E se você não tem certeza sobre os Menus, ainda quer aprender um pouco mais sobre isso. Portanto, não se esqueça de assistir à minha seção anterior, onde mostrei como trabalhar com as supreme. E você pode conferir a lição em que mostrei como criar menus. Portanto, não importa qual tema você esteja usando, não importa qual plugin de criação de páginas ou algo parecido que você esteja usando, o processo de criação do seu menu será o mesmo Porém, nos estágios posteriores, quando estamos trabalhando nas opções de personalização do nosso site, podemos configurar nosso menu para ser exibido em determinados locais Portanto, nosso objetivo será configurar esse menu para ser exibido. E agora Header, no momento, não parece muito bom, mas faremos algumas opções de personalização em aulas posteriores Tudo bem, então isso é tudo para esta lição. Agora você deve saber como os menus funcionam e, se precisar de mais informações, não se esqueça de conferir minha lição anterior na seção anterior, onde mostrei como criar menus 52. (6.5) Personalizando o tema (Flatsome): Ok, nesta lição, começaremos a personalizar nosso tema e você mesmo verá quantas opções de personalização esse feixe tem em comparação com o tema anterior em que trabalhamos Tudo bem, então vamos clicar aqui, Personalizar. E como você pode ver aqui, temos todas as opções de personalização Temos um pouco mais de opções, mas quando clicamos, digamos que no cabeçalho aqui, como você pode ver, essa é a quantidade de opções que temos Aqui temos nosso construtor de cabeçalhos. Podemos definir diferentes tipos de Heather's para dispositivos desktop, para dispositivos móveis e tablets E agora não vamos trabalhar em nosso cabeçalho porque há muitas coisas, então fale sobre isso E na próxima lição, vamos nos concentrar um pouco mais no cabeçalho e trabalhar com a dívida na lição posterior Tudo bem, então vamos voltar e ir para Style. Então, mais uma vez em Estilo, você obviamente vai fazer mudanças no estilo, ou seja, nas fontes, duas cores e assim por diante. Então, se eu clicar aqui, topografia, como você pode ver, posso escolher minhas famílias de fontes, quatro tipos diferentes de textos Então, agora, como você pode ver nas manchetes, essa é a manchete Esta é a manchete que dizem ser esse vínculo, e essa é a variação Depende de você qual tipo de fonte você deseja usar. costume, não me complique demais com uma família de fontes, e você decide É claro que é uma questão de gosto, mas muitos sites agora usam a fonte Roboto Eles também usam algumas outras famílias de fontes populares. E você pode pesquisar no Google, se quiser, conferir outras famílias de fontes populares que a maioria de seus sites usa. Mas, como você pode ver, esse parece muito bom. E se você escolher na lista, como você pode ver, temos várias fontes diferentes disponíveis e cabe a você decidir se deseja explorar essa opção aqui. Então, como eu sempre gosto de dizer, não tenha medo de explorar tudo sozinho, porque você aprenderá a usar essa viga ou ferramenta muito melhor. E como você pode ver aqui, também temos as diferentes fontes para a base STX Então, se eu clicasse no meu produto aqui, esses são os textos básicos. Esse é o texto que será usado para descrições de produtos, reutilização e postagens de seu blog e assim por diante Então é aqui que você pode fazer alterações nesse tipo de navegação de textos. Então, se você escolher uma fonte diferente para sua navegação, ela será aplicada aqui. Depende de você e apenas avisar que não é um problema usar duas fontes em seu site. Você pode absolutamente usar duas fontes em seu site. Você pode usar fontes diferentes para seus títulos e para suas pilhas básicas Você pode até mesmo usar uma fonte completamente diferente para o menu de navegação. Mas lembre-se de que essas fontes precisam ser combinadas. Tudo bem, então é aqui que você pode fazer essas mudanças. Você também pode alterar as transformações de texto aqui. Então, como você pode ver aqui, migalhas de pão agora eu disse em letras maiúsculas, se eu quisesse ativar esta Como você pode ver, em vez de ser maiúscula, esta seção aqui é exibida em letras normais Tudo bem, vamos voltar para maiúsculas. E, mais uma vez, cabe a você decidir o que quer usar, como quer que as coisas pareçam. Porque, mais uma vez, é uma questão de gosto. Se você seguisse meu curso completamente cegamente, provavelmente acabaria com os mesmos sites com a mesma aparência Então eu acho que a singularidade é muito importante. Portanto, você deve explorar tudo sozinho. Tudo bem, vamos voltar e em cores. Tudo bem, então, como você pode ver aqui, temos cores primárias, cores secundárias E quando estávamos trabalhando em nossa página inicial, apenas um segundo. Sim, esta é a página inicial e, como você pode ver, essa é a aparência da nossa página inicial E, como você se lembra, quando estávamos trabalhando na primeira seção desse banner e quando adicionamos um botão, tínhamos a opção de escolher a cor que quiséssemos usar Então optamos pela cor secundária e, como você pode ver, a mesma cor é usada aqui e aqui. Como é uma cor secundária, a cor primária está aqui. Então, eu vou mudar essas cores aqui. E eu vou adicionar cores de links. No entanto, vincule cores e tudo mais. E mais uma vez, isso depende de você porque você está trabalhando no estilo, nas cores. E lembre-se de que o melhor caso é combiná-los e combinar cores. Como você se lembra, mostrei na lição anterior há algum tempo, onde falei sobre como usar a ferramenta de refrigeradores para gerar cores correspondentes Então, agora, vou substituir todas essas cores por cores correspondentes. Tudo bem, aí está, você pode ver, eu acabei de substituir todas as cores e é assim que parece E agora tudo parece um pouco melhor, como a aparência de tudo. E a sensação, é claro, de que temos todas as cores correspondentes no lugar. E se eu rolar para baixo, é assim que tudo parece E mais uma vez, todos esses ajustes de estilo dependem de você, mas lembre-se de que você deve usar cores correspondentes E se eu estivesse rolando para baixo, como você pode ver, posso fazer alterações nos itens separados, nas áreas separadas dos meus sites ou no meu tema Então, por exemplo, eu poderia escolher uma cor completamente diferente para o botão de venda. Então, em vez de usar essa cor secundária, como você pode ver aqui, eu poderia escolher Cor para as bolhas de venda Portanto, não será a cor secundária, mas usará essa cor se eu decidir configurá-la aqui. E, como você se lembra, eu disse antes que você não deveria usar muitas cores em seu site porque não parecerá profissional. Mas se você decidir que deseja tornar a célula com bolhas diferente ou o botão Adicionar ao carrinho diferente ou algo parecido Não tenha medo de usar quatro cores ou até cinco cores é bom. Mas lembre-se de que você deve combinar todas essas cores. Assim, você mesmo pode explorar essas configurações aqui. E agora podemos voltar. E se eu escolher estilos globais aqui, não vamos mudar nada porque tudo está bem como está por padrão. Então, vamos voltar um pouco de CSS. Então, como eu te contei no início deste curso, não vamos trabalhar com nenhum código e não vamos fazer isso. Mas se você precisar alguma opção extra de personalização para se aprofundar ainda mais, mergulhar ainda mais, alterar as cores, esporos como pequenos elementos separados É aqui que você pode fazer isso. Mas para fazer isso, você deve saber codificar. Portanto, você deve conhecer a linguagem de codificação CSS. Claro, é para usuários avançados. Tudo bem, vamos voltar e ver a caixa de luz de imagem. E não vamos mudar nada porque tudo está bem como está por padrão. Tudo bem, vamos voltar. E no Blog, não vamos mudar nada porque ainda não começamos a falar sobre blogs. E para isso eu tenho uma seção completamente separada. Então, se quiséssemos fazer essas mudanças aqui, não deveríamos ter um blog primeiro e ainda não o temos. Mas aqui, você só poderá fazer alterações nas postagens do seu blog, nas categorias. E mais uma vez, é a questão do gosto. Depois de ter suas postagens de blog prontas, é aqui que você poderá fazer vários ajustes. Como as postagens do seu blog serão exibidas, como serão as imagens em destaque, quais metadados você deseja exibir e assim por diante. Então, este será para você explorar, para projetar a aparência da coisa . Mas, geralmente, do jeito que está, por padrão, funciona bem e você mesmo verá quando publicarmos nossa primeira postagem no blog. E caberá a você projetar como deseja trabalhar nas opções de personalização do aspecto do blog Mas acho que a versão padrão normal parece boa e não importa qual tema você esteja usando. Portanto, se você estiver usando um tema Astra ou este, se não quiser atrasar a aparência das se não quiser atrasar a coisas, é muito importante, você poderá fazer alterações nas páginas do blog, nas postagens do blog e em tudo o que está associado ao Tudo bem, vamos voltar à guia WooCommerce aqui. É aqui que você pode fazer alterações na parte WooCommerce do seu site Então, no aviso da loja, se você assistiu minha seção anterior, foi aqui que eu adicionei meu aviso da loja. Se eu habilitasse este aviso da Loja aqui e clicasse neste aqui. Como você pode ver, temos um aviso da Loja que você pode ignorar, mas eu geralmente não uso esse aviso da Loja, digamos que para esse tipo de mensagem, frete grátis para pedidos acima de $50 Quando estou trabalhando com o Flatsome Theme, talvez seja uma boa opção, é uma boa escolha quando você está trabalhando muito com o Astra Theme, você não tem opções de personalização Mas com o Flatsome Theme, geralmente gosto de exibir essas informações aqui Então você pode fazer isso facilmente. Então, podemos desativá-lo completamente. Tudo bem, vamos voltar ao Catálogo de Produtos. É aqui que você pode fazer alterações no catálogo de produtos. Normalmente gosto da aparência de tudo. Não mude nada. Mas isso é para você explorar as opções de personalização. Como você pode ver, esta é a nossa página de produto. Portanto, não importa se você vai estar na categoria de fantasias ou se gostaria atrair, ou em qualquer outro lugar. Vai ficar igual a este, nítido. Então é aqui que você faz todas as alterações relacionadas ao catálogo. Se eu rolar para baixo, isso pode mudar muito o layout do seu catálogo Eu geralmente gosto de ficar com este. Você pode alterar o estilo da lista e fazer vários outros ajustes. Como você pode ver, há vários ajustes. E mais uma vez, é a questão do gosto. E quando vamos visitar a seção de widgets, é aqui que vamos adicionar alguns widgets Então, não vamos nos concentrar nisso agora. Tudo bem, então não tenha medo de explorar tudo sozinho. Tudo bem, vamos voltar do Catálogo de Produtos, Página do Produto Tudo bem, então esta é a página do produto. Se eu clicar neste produto, trabalharemos nesta página do produto para que você possa alterar o layout, alterar a aparência da coisa, a aparência do cabeçalho e assim por diante Então, este é mais uma vez para você explorar. Normalmente gosto de manter tudo do jeito que está. Acho que parece o melhor. Você também pode alterar a forma como as imagens adicionais serão exibidas. Então, por exemplo, sim, é assim que vai ficar, mas eu geralmente gosto de usar essa versão. E como você pode ver aqui, temos vários outros ajustes. E se eu escolhesse, por exemplo, adesivo Adicionar ao carrinho, eu rolaria Como você pode ver, temos a opção Adicionar ao carrinho. Então, mais uma vez, cabe a você decidir o que funciona melhor para você. Olhando do ponto de vista da taxa de conversão, não notei nenhuma grande diferença se eu gostaria de ativá-la ou não. Portanto, cabe a você decidir como deseja que seu site seja exibido. Porque, afinal de contas, estamos criando sites exclusivos. Tudo bem, então eu vou desabilitar este. Então, como você pode ver aqui, temos ainda mais ajustes. Mas, mais uma vez, eu não me complicaria demais com mudanças de dose aqui, porque geralmente tudo está bem como está por padrão Tudo bem, vamos voltar e ver minha conta. Então, se eu clicar em Minha conta terei que clicar aqui em minha conta. Como você pode ver, esta é a página da minha conta. Então, aqui você pode alterar o alinhamento do título. Como você pode ver, é assim que ficaria. Eu me sinto assim. Ficará melhor. Sim, talvez fique um pouco melhor e você possa mudar a cor do texto. Mais uma vez, essas mudanças dependem de você. Não temos muitos ajustes aqui, mas está tudo bem. Normalmente gosto de manter nosso símbolo de string. Tudo bem, vamos voltar aos ícones de pagamento. Você decide se deseja exibir ícones de pagamento como Visa, PayPal, stripe, MasterCard e dinheiro na entrega E se você rolar para baixo, encontrará ainda mais outros tipos diferentes de pagamentos E eu geralmente gosto de exibi-las, especialmente se eu estiver trabalhando com o público global. Então, meu público global veria que aceitaria Visa, PayPal, Stripe, MasterCard Normalmente, se você aceita pagamentos com cartões, é uma boa ideia incluir o Stripe porque Stripe é uma marca muito conhecida, então geralmente é uma boa ideia incluir E, por exemplo, uma vez que eu selecionasse o rodapé absoluto, como você pode ver, ele já está sendo exibido aqui, mas não deveria ser exibido Tudo bem, eu quero exibir essas restrições de pagamento aqui, mas eu só queria mostrar a vocês que se eu vou desativá-las, Então, eu deveria ativar isso na aula posterior, quando eu estiver trabalhando no rodapé, vamos fazer alguns ajustes aqui. Mas, por enquanto, vamos manter esses quatro ativos e podemos voltar. Também esqueci de mencionar que você também pode ativar essa barra lateral do cartão final, mas geralmente não faço isso Mas só para mostrar como vai ficar, vamos ativar este. Vamos para a página do nosso carrinho. E é aqui que vai ser assim. Então é assim que ficaria, bem, para que possamos desativá-lo Então, cabe a você decidir se quer se manter ativo ou se deseja desativá-lo, eu vou simplesmente desativá-lo. Eu vou voltar. Vou para a página inicial e só um segundo. O que mais temos? Tínhamos ícones de pagamento, imagens de produtos. Não vamos mudar nada porque eu sinto que tudo está bem como está por padrão. Mas, por exemplo, se eu escolhesse isso um por um, como você pode ver, é assim que ficaria Talvez pareça melhor. Então, depende de você. Acho que vai ficar um pouco melhor. Acho que parece melhor. Portanto, cabe a você decidir se deseja mantê-la ou usá-la como personalizada. Você pode alterar essas configurações aqui. Vamos voltar à página de checkout. Tudo bem, este é muito importante, pois estávamos fazendo algumas mudanças na seção anterior quando eu estava mostrando como trabalhar com o Astra Theme, como personalizá-lo Algumas das alterações foram salvas. Então, o que está morto nessa seção, se você se lembra, decidi ocultar o campo do nome da empresa porque estou fazendo negócios com o cliente. Não estou fazendo negócios a negócios. Gosto de manter as coisas simples. E eu decidi esconder a segunda linha para o endereço. Não é necessário porque, às vezes para os clientes, pode parecer um pouco confuso Vamos manter as coisas simples porque as coisas simples funcionam melhor. Campo do formulário. Um campo que eu geralmente gosto de exigir porque é importante, campo e a desinformação são importantes E aqui você pode fazer vários outros ajustes. Mas eu geralmente não mudo nada. Talvez em alguns casos sejam mais e-mails para a primeira posição, sem mais nem menos. Então você pode ativar este , bem como alguns dos meus sites. Eles têm endereço de e-mail na primeira posição. E, mais uma vez, não notei nenhuma grande diferença na taxa de conversão. E se você não tiver a aparência dessa página de checkout, você pode mantê-la assim Mas se você escolhesse o layout simples, como você pode ver, é assim que ficaria e eu acho que vai ficar muito manteiga. E se você escolher um focado, pode ser que não pareça muito bom. Então, vamos usar um simples. Tudo bem, agora podemos voltar. E se eu fosse fazer os ajustes do carrinho, é aqui que farei alterações no próprio carrinho. Então eu tenho que ir até o meu carrinho. E mais uma vez, aqui você pode alterar o layout. Se eu vou escolher o mais simples, é assim que vai ficar, mas eu posso escolher um focado. Acho que a focada vai ficar muito melhor. Tudo bem, parece um pouco melhor. Eu entendo que parece quase idêntico. E só um segundo, você também pode ativar as etiquetas de envio da caixa. Como você pode ver, é assim que ficaria. Então, mais uma vez, isso depende de você. E aqui, se você fizer alguma alteração com essas opções, não verá nenhuma alteração. Porque na última lição desta seção, mostrarei como corrigir essa página do carrinho, a página de checkout Há algumas coisas que precisamos fazer, mas não se preocupe, tudo funciona do jeito que está agora Mas na última lição, os retoques finais, cuidaremos das coisas finais, para que tudo fique perfeito Tudo bem, então eu acho que tudo parece bem. Agora podemos voltar e, basicamente, terminamos com a guia WooCommerce, as opções de personalização do WooCommerce Então, vamos voltar. Ajustes de layout. Não vamos mudar nada porque tudo está bem como está por padrão, talvez você esteja criando algum tipo de site em um nicho específico em que seu site precisa ser ainda mais fofo ou algo parecido Talvez você queira incluir uma imagem de fundo que você mal consegue ver. Talvez isso funcione. Então, mais uma vez, cabe a você e não se esqueça de verificar sempre as alterações em cada um dos y no tablet no celular. E mais uma vez, vamos voltar para a visualização da área de trabalho. E aqui não vamos mudar nada porque tudo está bem como está por padrão. Tudo bem, vamos voltar e colocar no rodapé, não vamos fazer nenhuma mudança porque haverá uma lição completamente separada para E, basicamente, nesta seção você terá duas opções. Como configurar seu rodapé. Então, você terá a mesma opção que tinha na seção anterior usando widgets Mas na segunda opção, vamos configurar nosso rodapé de uma maneira um pouco mais fácil E é exatamente nisso que vou me concentrar. Então, não vamos nos concentrar nem um pouco no rodapé agora. Teremos uma lição separada para esta página aqui. Não vamos mudar nada porque tudo está bem como está por padrão. Tudo bem, vamos voltar ao portfólio. Podemos pular o portfólio porque estamos criando uma loja de comércio eletrônico Não estamos avaliando o tipo de site do zero. E como eu disse, este tema Flatsome, esse tema premium é extremamente versátil Você pode até mesmo criar sites de portfólio usando esse feixe. Mas como estamos trabalhando em um site de comércio eletrônico, não vamos nos concentrar nisso Tudo bem, vamos voltar aos Menus. Então, aqui, podemos alterar a localização dos menus. E para ser sincero, aqui, não vamos mudar muita coisa. Provavelmente a única coisa que vamos mudar. Vamos ao menu principal. E, basicamente, tivemos ajustes meio semelhantes e o Astra Theme Mas aqui temos mais configurações porque estamos trabalhando com o tema premium. E a única coisa que vou mudar, vou simplesmente desativar o menu de rodapé Não preciso exibir nenhum menu no rodapé. Então, se eu rolar para baixo, como você pode ver, esse menu que foi exibido anteriormente desapareceu, e é exatamente isso que queremos que aconteça Tudo bem, vamos voltar. Vamos voltar mais uma vez. Widgets. Então, aqui não temos muitos ajustes. Como você pode ver, temos ajustes em nosso rodapé. E se eu quiser voltar, este é o segundo Fetzer E aqui não vamos mudar nada porque esses widgets estão aqui para o nosso rodapé E talvez se você decidir que deseja personalizar seu rodapé usando cunhas como fizemos na seção anterior É aqui que você pode trabalhar nesses widgets. É aqui que você pode adicionar esses widgets. Mas nesta seção, vamos criar nosso rodapé de uma maneira diferente Tudo bem, então aqui, não vamos nos concentrar muito nisso. Tudo bem, vamos deixar isso exatamente como está nas configurações da página inicial Não vamos mudar nada porque tudo está bem como está por padrão. E, como você pode ver, a única coisa que podemos mudar é definir a página para as postagens do nosso blog. Tudo bem, vamos voltar. Compartilhar, servir, compartilhar. Você pode fazer alterações no botão de compartilhamento. Então, por exemplo, se eu for selecionar este produto aqui, como você pode ver aqui, temos botões de compartilhamento. Talvez não precisemos usar a opção de e-mail porque o Email Esquire está desatualizado, sejamos honestos Tudo bem, e desta forma, eu sinto que parece bom E se você não gosta do estilo, pode mudar o estilo. Você pode ver se escolheria este. É assim que ficaria. E mais uma vez, todos os ajustes de estilo dependem de você. Eu geralmente gosto de manter as coisas simples, sem mais nem menos. Tudo bem, vamos voltar. Notificações. Não vamos mudar nada aqui. Essa guia talvez seja para usuários que desejam que seus visitantes notem que houve alguma alteração, política ou algo parecido. Mas não precisamos nos concentrar aqui porque está tudo bem. Ok, vamos voltar e adicionar CSS. Mais uma vez, este é para usuários avançados que desejam fazer alguma personalização usando codificação CSS Tudo bem, não vamos nos concentrar nisso. Aqui mesmo. Redefinir opções, você pode redefinir as opções de tema, mas não vamos usar isso de jeito nenhum. Tudo bem, vamos voltar. Vamos verificar a aparência do nosso site em tablets. Tudo bem, eu sinto que tudo parece bem. E é claro que você vai trabalhar em nosso cabeçalho. Claro que você vai mudar o rodapé, mas por enquanto tudo parece ótimo Se eu clicar nesse menu, é assim que vai ficar. Se eu clicar no dispositivo móvel, vai ter a mesma aparência. E sim, basicamente, tudo parece ótimo. E se tudo estiver ótimo, se você estiver satisfeito com o resultado final, podemos clicar em Publicar. Podemos fechar este. E é assim que parece. Portanto, nossa página inicial parece branca. Bem, não é nada comparado à seção anterior e, claro, é porque estamos trabalhando com um tema premium. Tudo bem, então isso é tudo para esta lição. 53. (6.6) em editar cabeçalho (Flatsome): Nesta lição, vamos editar nosso cabeçalho que está aqui. Ok? Então, assim como fizemos algumas alterações em nosso cabeçalho quando estávamos trabalhando com o Astra Vai ser o mesmo, mas, exceto que desta vez, teremos mais opções de personalização Tudo bem, vamos clicar em Personalizar e selecionar Cabeçalho. Então, como você pode ver aqui, temos o Header Builder E assim como com o Astra Theme, esse construtor de cabeçalhos tem três níveis Então essa é a parte superior do nosso cabeçalho. Você pode ver isso aqui nesta cor elétrica. Temos a segunda parte do nosso cabeçalho. Você pode ver isso aqui. Temos a terceira parte que está ativa aqui. Você pode alternar entre os diferentes modos. Como você pode ver, se eu mudasse para a visualização de tablet móvel, eu teria um construtor de cabeçalho diferente porque em dispositivos móveis e tablets o cabeçalho tem uma aparência Então é assim que vai ficar. Temos uma estrutura um pouco diferente, um layout um pouco diferente, mas ainda funciona e faz o trabalho. Portanto, quando você estiver trabalhando em seu cabeçalho usando este tema Flatsome, lembre-se de que precisa fazer alterações em seu dispositivo desktop e seus dispositivos móveis e tablets E como você pode ver aqui neste construtor de cabeçalhos, temos vários elementos Temos código HTML. Então, basicamente, esse código HTML é texto aqui. Esse é o texto. Se eu movesse esse bloco ou elementos HTML e essa área de elementos não usados, como você pode ver, ela desaparecerá Tudo bem, se eu pudesse movê-lo de volta, ele aparecerá novamente. Então, como você pode ver, temos vários elementos de blocos diferentes. E caberá a você experimentar o que você vai gostar mais. Mas, mais uma vez, nesta lição, vou mostrar um plano da máfia e acho que ele simplesmente funciona Tudo bem, então, uma vez que clicamos nesse bloco você pode ver que estamos fazendo alterações nesse bloco, mas este blog tem vários códigos HTML diferentes Portanto, este blog está conectado a outros blogs HTML. Então, essas configurações aqui, quero dizer, você pode ver que temos o bloco HTML número dois, número três, número quatro. E aqui você pode adicionar vários textos informativos, imagens, se quiser, e se for muito confuso para você, HTML é uma linguagem de codificação muito simples E vou explicar rapidamente o que esse código aqui significa. Como você pode ver, temos textos, adicione qualquer coisa aqui ou simplesmente remova-a para que você possa adicionar qualquer texto que desejar. E aqui está configurado apenas para exibir esse texto e letras maiúsculas E este é um texto em negrito. Então, isso é basicamente tudo o que significa. Normalmente não uso esse aqui, exceto quando estou oferecendo frete grátis para pedidos, digamos $50 Então, posso substituir esse texto e adicionar frete grátis para pedidos acima de $50 Então, como você pode ver, é assim que ficaria. E, mais uma vez, você decide como deseja exibir essas informações. Você pode até mesmo mover esse bloco para o centro. E, claro, agora não parece muito bom porque temos esse menu. Podemos desativar esse menu desse jeito. E agora ficaria muito melhor se mudássemos para dispositivos móveis e tablets. Você pode ver que também temos esse blog em HTML. E, mais uma vez, cabe a você decidir se está oferecendo coisas como frete grátis ou se deseja exibir qualquer outra informação, depende totalmente de você. Eu geralmente gosto de manter as coisas simples. E na maioria dos casos, como desabilitar essa barra superior aqui. E quando estou oferecendo, digamos, algumas vendas especiais. Acabei de dizer textos em HTML e formar visitantes, clientes, de que existem tais negócios, ofertas , vendas ou algo parecido. E eu incluo essas informações aqui. Se você não estiver fazendo isso, você pode desabilitar esse código HTML movendo esse código HTML desse jeito. Ou você pode desativar completamente essa barra superior. Então, se você clicar aqui mesmo em nossa barra, você pode selecionar se deseja desativá-la por enquanto, já que estou criando o cabeçalho de acordo com meu plano, vou simplesmente desativá-lo Mas agora você sabe como usar esse cabeçalho superior e depende totalmente de você Tudo bem, agora você sabe que aqui temos nosso construtor de cabeçalhos. Temos vários blogs que podemos acessar neste construtor de cabeçalhos Se não estivermos usando esses blogs, podemos colocá-los aqui. E se quisermos fazer algumas mudanças nesses blocos, podemos clicar nesses blogs e começar a fazer alterações nesses blogs. E você também pode alternar entre diferentes visualizações. Então, agora sabemos como isso funciona. Tudo bem, então vamos voltar para todas as opções de personalização do cabeçalho E como você pode ver onde estão as predefinições, se eu fosse aqui, você poderia escolher as predefinições, então são modelos pré-fabricados para o cabeçalho Você pode explorar isso sozinho. E cabe totalmente a você decidir se quer usar isso. Mas você pode criar seu próprio cabeçalho, e é exatamente isso que faremos nesta lição Você pode explorá-los, ativá-los, desativá-los. Talvez você encontre o cabeçalho que gostaria de usar. E mais uma vez, é a questão do gosto. Ok, vamos voltar ao logotipo e à identidade do site. Obviamente, você pode adicionar o título do seu site, pois eu já adicionei esse título lateral e o slogan quando estava fazendo alterações nas configurações do WordPress já estão aqui e os seus também devem estar aqui. E eles não são exibidos porque eu não ativei este. E a coisa mais importante que vamos fazer aqui, você vai mudar o logotipo. Então, vamos clicar aqui. Este é o logotipo a ser usado. Vou clicar em Selecionar e posso alterar o tamanho do logotipo. Então, se eu vou mover este desse jeito, vou reduzi-lo Tudo bem, acho que parece melhor. E agora, se eu rolar até aqui, você pode ver que temos alguns outros ajustes Você pode brincar com essas mudanças para ver que elas mudarão alguma coisa. E, claro, aqui mesmo, você deve adicionar o ícone do seu site. O ícone é exibido aqui. Então isso é muito importante. Ok, vamos voltar ao topo do bar. Já desativamos a barra superior que foi exibida aqui, e você decide. Se você quiser exibir, talvez queira exibir essa barra superior quando estiver oferecendo algumas ofertas especiais, vendas especiais ou algo parecido. E depende totalmente de você. E se você vai fazer isso, você pode ativá-lo. Você pode adicionar vários blogs a essa barra superior, assim como fizemos anteriormente quando adicionamos o HTML1 Esse aqui. Como você pode ver, desse jeito, você pode adicioná-los aqui. Tudo bem, vamos voltar. Vamos selecionar a barra superior mais uma vez. Você pode ajustar a altura, alterar a cor de fundo e fazer todos os outros ajustes. Então, você decide se quer usar essa barra superior, mas eu vou desativá-la. Ok, vamos voltar. Vamos ao cabeçalho principal. Então, se você clicar aqui, faremos alterações nesta parte do nosso cabeçalho. Então é aqui que vamos fazer mudanças. Você pode alterar a altura. Como você pode ver, podemos ajustar isso. Você pode mudar a largura, sem mais nem menos. Eu geralmente gosto de continuar assim. E você pode mudar as cores, você pode fazer todos os outros ajustes. Você pode alterar o tamanho do menu Navegador e assim por diante. Isso caberá a você explorar, porque é claro que você deseja criar um site com aparência única Nós podemos voltar. E para ser honesto, já que estávamos lá e estávamos trabalhando nessa parte, poderíamos fazer algumas mudanças nesta seção aqui. Então, eu geralmente gosto de exibir a pesquisa aqui e gosto de colocar meu menu principal. E a terceira parte do meu cabeçalho, exatamente assim. E eu não uso o ícone de pesquisa em vez do ícone de pesquisa. Gosto de usar a pesquisa por apenas um segundo. Este é o formulário de busca. E se eu acrescentasse aqui, é assim que vai ficar. E como você pode ver, nosso site está começando a ficar melhor. E eu geralmente gosto de escolher essa opção aqui, essa. E geralmente gosto de escolher plano e geralmente gosto de expandir a largura dessa barra de pesquisa. Ok, acho que parece bom. Agora podemos voltar e agora temos Heather Bottom. Então, já fizemos algumas mudanças. Movemos nosso menu principal para a parte inferior do cabeçalho. Então, esta é a parte inferior do nosso cabeçalho. Poderíamos clicar aqui para fazer alterações na parte inferior do cabeçalho, mas também podemos clicar aqui Então, se eu clicasse aqui, eu poderia mudar a altura da parte inferior do nosso cabeçalho Não consegui torná-lo um pouco maior. Eu também poderia mudar a cor para branco. Acho que vai ficar muito melhor. E eu poderia alterar o tamanho do menu de navegação se eu fosse escolher um tamanho extra grande. É assim que vai ficar. Mas se eu escolher o grande, isso é o que obteremos. Talvez não pareça muito bom. Talvez pudéssemos usar o tamanho médio e expandir o espaçamento entre esses muitos elementos Tudo bem, o dedo, parece melhor. A cor não mudou, então devemos mudar isso mais uma vez. E essas mudanças não são. Não se preocupe com isso. Depois de clicarmos em publicar, essas alterações entrarão em vigor, então não se preocupe com isso Você também pode explorar algumas outras opções. Isso depende totalmente de você. Tudo bem, vamos voltar. Heather e menu móvel sobrepostos. Então, aqui você fará alterações no dispositivo móvel ou tablet. Portanto, você deve alterar sua avaliação para celular e tablet. E como você pode ver, é assim que parece. Então, aqui você pode fazer vários ajustes. Então esse é o nosso menu. E como você pode ver aqui, agora temos um boletim informativo para fazer esse boletim informativo funcionar. Teríamos que criar um blog e adicionar a esse bloco nosso formulário de contato. E é muito complicado para nossos visitantes. Normalmente não incluo esse tipo de boletim informativo e meu cardápio. Normalmente gosto de incluir um formulário simples de boletim informativo e o rodapé, e funciona muito bem Às vezes, incluo pop-ups, mas não gosto de incluir o boletim informativo e o menu principal porque simplesmente não funciona Ok. Então, para desativar este boletim informativo, porque, como eu disse, eu não recomendo que você inclua isso também. Você pode rolar para baixo e aqui temos vários elementos Tudo bem, no topo, temos a Pesquisa. Então isso é Search. Temos menu principal, temos contas. Então essa é a parte da minha conta. Temos boletim informativo, então podemos desativar parte do boletim informativo e manter os ícones sociais posteriormente Vou mostrar como adicionar seu perfil às suas páginas a esses ícones de mídia social. Agora, concluímos essa parte em que estávamos fazendo alterações nos menus de um celular e tablet. Então é assim que vai ficar. Acho que vai ficar bem e você também pode explorar alguns outros ajustes. Então, agora podemos voltar para a visualização da área de trabalho. Podemos fechar este e voltar aqui, com o cabeçalho fixo. Portanto, cabeçalho fixo significa que você terá um cabeçalho fixo que deseja Então, por exemplo, se eu vou rolar para baixo, como você pode ver, nosso cabeçalho está pegajoso Ok, então é assim que parece e simplesmente cola Ok, se eu vou ativar e só um segundo, vou desativar a parte superior Sim, só um segundo, porque às vezes simplesmente congela e não deveria agir dessa maneira Ok, agora tudo está normal e desativou essa barra superior, e agora ela parece perfeita e não se preocupe com Se você publicar a cobertura deles e quiser verificar seu site, essas alterações serão salvas e você não terá problemas Mas eu só queria te mostrar como vai ficar. Como você pode ver, essa é a aparência do nosso cabeçalho de adesivo. E eu geralmente gosto de manter o cabeçalho fixo assim É muito conveniente para nossos clientes perto de visitantes. Tudo bem, então isso é o que é o cabeçalho fixo. Se você fosse para o estilo suspenso, como você pode ver aqui, e você pudesse fazer alterações no menu suspenso. Então, por exemplo, se você tivesse, digamos, trajes da categoria dos pais. E nessa categoria principal, você teria categorias infantis, Halloween, fantasias de Natal ou qualquer outro tipo de fantasia ou qualquer outro tipo de Depois de passar o mouse sobre roupas e ver um menu suspenso, é aqui que você pode fazer alterações nesse Então, cabe a você explorar. Vamos voltar. Botões. Botões. Aqui você pode adicionar botões. Então, por exemplo, temos o botão número um. Então, digamos que talvez você crie um botão. Não sei aonde esse botão levará seus visitantes. Depende de você. Normalmente não uso isso porque o cabeçalho simples também funciona Mas se no futuro você decidir incluir alguns botões, digamos, consulta ao vivo, algo parecido. É aqui que você pode adicionar texto, tudo bem, consultas ao vivo, algo assim É aqui que você incluirá um link seus usuários possam se inscrever para consultas ao vivo E agora você terá um botão ativo. Além disso, você pode fazer alguns outros ajustes de estilo para este botão, este botão E se você rolar para baixo, poderá criar outro botão E depois de fazer isso, é aqui que você encontrará esses botões. No momento, esses botões não são usados. Então, esses são os botões, um botão para o outro. Então, como você pode ver, aperte um botão para, por exemplo, incluir uma hashtag de link Estou fazendo só para mostrar como funciona. E digamos que agora eu queira incluir esse botão no lado direito do meu cabeçalho principal E como você pode ver, temos um botão. Você também pode arrastar esse botão aqui. E mais uma vez, você decide como usar esses botões. Ok, vou colocá-lo de volta na seção não em uso. Tudo bem, vamos voltar agora. Você deve entender como os botões funcionam, conta. Então, mais uma vez, esta é a nossa conta. Nossos usuários podem acessar suas contas. Eles podem verificar seus pedidos, endereços e assim por diante. E é aqui que você pode fazer várias alterações no estilo desta peça aqui, você pode adicionar um ícone. É assim que vai ficar, mas geralmente gosto de manter as coisas simples. Você pode ativar o nome de usuário conforme rotulado, é assim que ficaria e, sim, essas são apenas as configurações para você explorar Mas eu geralmente gosto de manter as coisas como estão. Eu acho que está ótimo. Vamos voltar. Cartão. Você pode fazer alterações no estilo do cartão. Então, no momento, é assim que parece. Eu geralmente gosto de manter as coisas assim. Acho que parece o melhor. Mas, mais uma vez, cabe a você explorar. Você pode ativar essa opção. Você pode escolher cartões, ícones. Você pode fazer onde quiser. Você também pode importar seu arquivo SVG de ícones personalizados. Então, assim como mostrei na outra lição, onde você pode baixar ícones. É aqui que você pode fazer o upload do seu ícone, se quiser. E é aqui que você pode fazer as alterações relacionadas ao estilo do seu carrinho. Vamos voltar a Pesquisar. Então, para a pesquisa, já fizemos algumas mudanças. Nós selecionamos o estilo. Então é assim que parece agora. E se você quiser, parece ótimo. Tudo bem, vamos voltar. HTML. Não faremos nada porque eu já disse que é aqui que você pode adicionar várias informações aos blocos HTML. Portanto, temos o primeiro bloco HTML. Como você se lembra, adicionamos frete grátis para pedidos acima de $50 Então, este é o nosso blog HTML. Só um segundo. Este é o primeiro blog. Digamos que eu vou adicionar este aqui. E é assim que parece. Não parece bom. Eu entendo perfeitamente porque deveria estar aqui na barra superior. Mas como desativamos a barra superior, ela não está sendo exibida Assim, podemos colocá-lo na seção não em uso. Vamos voltar ao contato. Então, aqui você pode adicionar seu telefone, seu e-mail, talvez mais tarde você decida que deseja usar esses blogs de contato e nunca mais. Então, depois de adicionar essas informações aqui, temos este blog de contato. E mais uma vez, você pode exibi-lo em qualquer lugar que quiser. Ok. Essas são as informações de contato. Você pode exibi-lo em sua barra de toalhas ou em qualquer outro lugar. Vamos colocá-lo de volta. Ok. Vamos voltar. Newsletter. Então, mais uma vez, como eu disse, geralmente não gosto de usar boletins informativos. Não é a melhor maneira de mostrar o formulário do boletim informativo para seus visitantes. Normalmente gosto de incluir um boletim informativo no rodapé e vou mostrar como isso é feito E, claro, para fins de marketing, você também pode criar pop-ups e é assim que funciona Mas geralmente não gosto de usar isso no meu cabeçalho. É só que nossas coisas complicam. Tudo bem, vamos voltar. Menu vertical. Portanto, o menu vertical é para seus dispositivos móveis ou tablets. Normalmente, tudo está bem como está por padrão e não precisamos mudar nada. Ok, vamos voltar. Siga os vagões. Então é aqui que você deseja incluir seus perfis de mídia social, Facebook, Instagram, Twitter, talvez seu endereço de e-mail, se quiser, e todas as outras informações. E depois de incluí-los, você pode exibir esses ícones de mídia social. E você nunca quer que o bloco seja responsável por esses ícones, é este. Então, como você se lembra, ele costumava ser exibido em uma barra superior. Então, vamos ativar a barra superior mais uma vez. Agora temos nossos ícones de mídia social e temos um boletim informativo. Se eu arrastar este boletim informativo, faça a seção Nut in Use, como você pode ver, ela desaparece E se eu clicar nos ícones sociais, vá para a mesma guia anterior. E aqui você pode adicionar seus perfis do Instagram do Facebook. Você pode mudar o estilo. E como você pode ver, é assim que ficaria. Isso depende totalmente de você. Tudo bem, vamos voltar às configurações da barra superior. Vamos desativar a barra superior. Ok, vamos voltar e é mais ou menos isso. Então, como você mesmo disse, este Flatsome Theme tem muito mais opções de personalização em comparação com o Astra E você tem várias maneiras diferentes de criar seu cabeçalho. Mas geralmente gosto de manter as coisas simples porque funciona melhor e também depende totalmente de você que tipo de cabeçalho você deseja ter Mas se você quiser ter o mesmo cabeçalho, basta seguir minhas etapas e você terá o mesmo cabeçalho quando terminar as alterações, não se esqueça de clicar em Publicar E agora podemos fechar a barra lateral. E, como você pode ver, é assim que nosso cabeçalho fica. É um cabeçalho totalmente funcional e, como você pode ver, é um cabeçalho fixo E funciona muito bem. Parece muito melhor. E, claro, parece muito melhor do que o nosso cabeçalho com o Astra Theme Então, isso é tudo para esta lição. 54. (6.7) a editar rodapé (Flatsome): Nesta lição, vamos personalizar nosso rodapé. O rodapé está aqui. E como eu mencionei antes, com este tema premium, com este tema Flatsome, você realmente tem duas opções para personalizar seu rodapé Então, a primeira opção está aqui. Se você clicar em personalizar, será semelhante à opção quando estávamos personalizando nosso rodapé usando o Astra Theme, exceto que desta vez não teremos o Footer Builder Se você clicar aqui para ver o prazo. Como você pode ver, temos o primeiro nível do nosso rodapé. Então isso está aqui. Se eu o desativasse, como você pode ver, ele desaparecerá E, claro, você pode escolher quantas colunas deseja ter. E se você for rolar para baixo, você terá o segundo nível do seu rodapé Então esse é o segundo nível. E, como você pode ver, ele também tem quatro colunas. Tem a cor de fundo. E temos um rodapé absoluto que está aqui. E com o absoluto Footer, não poderemos desabilitar isso aqui porque é um rodapé absoluto e só será exibido Você pode excluir os textos, você pode desativar esses ícones. Mas não se preocupe com isso. Vamos usar esse rodapé absoluto, mas não vamos personalizar nosso rodapé usando essas opções Como você pode ver, todos esses níveis de rodapé, o primeiro e o segundo, foram criados usando widgets Então, se eu vou clicar aqui, como você pode ver, temos vários blogs, vários widgets Da mesma forma que o Astra Theme, quando estávamos personalizando, o rodapé usando Então, é basicamente o mesmo já que estamos usando esse tema premium, temos a opção de criar nosso rodapé da maneira mais fácil Por que nos complicar demais de uma maneira mais difícil quando podemos fazer isso de uma maneira mais fácil Tudo bem, então vamos fechar essa barra lateral de personalização. Vamos clicar. Ok, vamos ao nosso painel. E para criar nosso rodapé, vamos usar blogs de UX Os blogs Ux são semelhantes aos widgets. Você pode criar blogs e exibi-los em vários lugares. Nesse caso, vamos criar um bloco e vamos exibi-lo. E agora o rodapé como nosso rodapé. E quando você estiver criando blogs usando essa opção de blocos de UX, você criará esses blogs usando o UX Builder, o mesmo Builder que usamos para criar nossa página inicial e todas as Então, vamos clicar em Adicionar novo. Vamos dar um título. Vamos chamá-lo de rodapé e clicar em Publicar E agora podemos selecionar o UX Builder aqui. Tudo bem, como você pode ver, nós temos a mesma interface quando estávamos trabalhando com nossas páginas E agora vamos clicar em adicionar elementos e escolher o estúdio Flatsome E como você pode ver aqui na lista, podemos escolher todos os tipos de diferentes layouts pré-fabricados Então, queremos escolher o rodapé. E como você pode ver aqui, temos alguns layouts de rodapé pré-fabricados que você pode usar, e depende de você qual deles você gostaria de usar Você pode até clicar em Visualizar para verificar a aparência desses rodapés Como você pode ver, se você escolher este, poderá substituir as informações que estão aqui por suas informações e configurar esse rodapé para ser exibido como seu rodapé ser exibido como seu rodapé Tudo bem, vamos fechar este. Eu geralmente gosto de usar esse. Então, vamos clicar em Importar. E como você pode ver aqui, temos nosso rodapé É assim que vai ficar. Em primeiro lugar, poderíamos mudar as informações que estão aqui. Normalmente gosto de incluir uma frase curta sobre meu negócio, sobre minha loja de comércio eletrônico E no topo eu geralmente gosto de incluir meu logotipo. Então, vamos clicar aqui. Vamos clicar em Abrir editor de texto. Vou deletar esse título aqui. Vou clicar aqui Adicionar mídia e vou selecionar meu logotipo. Vou clicar em inserir na página. Vamos redimensioná-lo um pouco. Ok, acho que parece bom. Aqui. Vou apenas colar meu texto, minha frase curta sobre minha loja virtual. Tudo bem, então terminei e vou clicar em “Ok, aqui mesmo, você pode incluir seus perfis de mídia social Se você tem sua página no Facebook, é aqui que você pode adicionar sua URL, sua URL do Instagram, Twitter ou um endereço. Então, essa depende de você. Se você tiver esses perfis, basta colá-los aqui e eles serão exibidos aqui. Se você não gostar da aparência desses ícones, você pode fazer alguns ajustes de estilo Mas eu geralmente gosto de mantê-los assim. Acho que parece bom pois não vou adicionar meu perfil. Então, vou clicar em Aplicar e passar para a próxima coluna. Tudo bem, então aqui, eu geralmente gosto de incluir informações para clientes Então, no topo, vou digitar apenas para os clientes. E aqui vou incluir cinco páginas para meus clientes, como informações de envio e entrega, devoluções e reembolsos, minha conta, meus pedidos e assim por diante Então, como eu sei que vou ter cinco páginas, posso copiar uma dessas páginas aqui. E eu posso ir para a próxima linha e vou colar esta página. Tudo bem, como você pode ver, eu acidentalmente copiei muitas páginas para poder excluir algumas delas, só preciso de cinco. Tudo bem, então aqui eu tenho cinco páginas. E antes de adicionar qualquer coisa, preciso desativar os links que foram adicionados anteriormente. Então, vou remover os links um por um, sem mais nem menos E aqui eu vou apenas substituir o texto, mas minhas páginas, tudo bem, então agora eu tenho que adicionar links para essas páginas Então, para adicionar o link da minha conta, basta acessar nosso site. Aqui está apenas um segundo e abra nossa página de postagens. Então, vamos clicar em Visitar site e acessar minha conta, e esta é a página da nossa conta, então queremos copiar esse URL aqui. Vamos voltar E aqui, basta selecionar minha conta, selecionar esta, colar esta URL e clicar nesta, aplicar. Assim, você fará com que este Page Act. E o mesmo acontece com os pedidos. Então, vamos selecionar os pedidos. E eu vou copiar esse URL aqui e vou voltar. Eu vou selecionar este. Mais uma vez. Basta colar seu URL, clicar em Enter e sua página estará ativa. Ok, agora temos que adicionar a página de contato. Então, para encontrar nossa página de contato, devemos acessar nosso painel Vamos selecionar todas as páginas e simplesmente abrir a Página de Contato em uma nova guia, assim mesmo. E esse é o seu URL. Então você quer copiar este. Agora podemos fechá-lo. Vamos voltar e colar esse aqui. Basta selecionar este antes desse espaço. Então, sem mais nem menos, vamos clicar em Aplicar e farei o mesmo com o resto das páginas. Tudo bem, então terminei de adicionar minhas páginas. Agora eu posso clicar em “Ok”, e podemos voltar. E basicamente terminamos com essa coluna aqui. Agora vamos para a segunda coluna. Então, nesta coluna, vou incluir quatro páginas. E essa página será uma política de privacidade sobre nós política de cookies e todas as outras páginas. Então, basicamente, vou fazer o mesmo que fiz com esta coluna aqui. Vou listar todas as minhas páginas e adicionar URL a essas páginas, então, como você pode ver, política de privacidade, vou abri-la em uma nova guia. Vou copiar esse URL e colar esse URL na minha página. Tudo bem, acabei de adicionar todas as páginas e agora posso clicar Ok, e vamos voltar. E aqui nesta coluna, vou incluir algumas informações para incentivar nossos visitantes a se juntarem ao meu clube de boletins informativos. Normalmente gosto de chamá-lo não apenas boletim informativo simples e comum, mas geralmente gosto de chamá-lo de clube, como um clube especial onde nossos visitantes, onde nossos assinantes podem obter promoções e ofertas especiais Então, eu vou selecionar este aqui. Vou clicar em Abrir editor de texto. Eu só vou substituir essas informações aqui. Tudo bem, então eu só tinha em mente a formação e agora temos que adicionar um formulário de contato Então, o fórum onde nossos visitantes, onde nossos clientes podem assinar nossa newsletter. Então, se você ainda não assistiu minha aula anterior, onde mostrei como fazer isso com o Astra Theme Vamos fazer isso mais uma vez. Então, vamos ao nosso site e, para criar um formulário de boletim informativo, vamos usar o mesmo plugin que usamos para criar o Formulário de Contato. Tudo bem, vamos para a gripe e os fóruns. Vamos clicar em novo formulário. Mas se você já criou um formulário da seção anterior, onde mostrei como fazer isso com o Astra Theme Você pode usar facilmente o formulário que criamos anteriormente. Mas se você ainda não fez isso, você deve criar um novo formulário. Esse é o formulário que poderíamos usar. Vamos selecionar esse formulário. Aqui mesmo. Podemos fazer algumas mudanças. Então, vamos mudar o plano de fundo do botão. Então, vou usar a mesma cor aqui como uso para o meu logotipo. Tudo bem, então eu substituí a cor. Agora, você deve fazer a cor do mouse. Aqui mesmo. Vou colar a cor que usei para esse botão. Vou colar aqui e vou fazer o mesmo com essa cor aqui. Então, vou colá-lo aqui. E é assim que vai ficar. Tudo bem, acho que parece bom. E agora podemos fazer algumas mudanças aqui. Normalmente não gosto de manter essa estrela aqui, pois esse campo é obrigatório. É meio óbvio para nossos visitantes que, se quiserem assinar nosso boletim informativo, precisam inserir seu endereço de e-mail que possamos selecionar Não, não é obrigatório Só vai ficar um pouco melhor. Tudo bem, só um segundo. Vamos voltar ao InputField. E tudo bem, então parece que vai parecer, podemos dar um título a este formulário, formulário de inscrição , rodapé Vamos clicar em Renomear. Tudo bem, podemos fechar este. Podemos copiar este formulário aqui. Vamos voltar e substituir esse formulário que foi adicionado por padrão, nosso formulário. Tudo bem, então é assim que vai ficar. Agora podemos clicar em Ok, e podemos voltar e terminar com o rodapé Mas antes de sairmos, vamos desativar essa área aqui. Vamos excluí-lo porque não precisamos dele, pois estamos usando o absoluto ainda mais. Tudo bem, então podemos clicar aqui e selecionar Excluir Tudo bem, acho que parece bom. Agora podemos clicar em Atualizar. Podemos fechar este UX Builder e agora devemos acessar nosso site. E, como você se lembra, vamos clicar em Personalizar para trabalhar em nosso rodapé Vamos rolar até ver nosso rodapé. Portanto, esta é a versão atual. Agora, vamos selecionar Rodapé e vamos escolher o blog Custom Footer Então, aqui, vamos escolher o rodapé que criamos usando o UX Builder Tudo bem, vamos rolar para baixo e, como você pode ver, é assim que vai ficar É claro que essa cor será diferente agora, aparecendo desse jeito, mas não se preocupe com isso Teremos nossa cor que definimos anteriormente. Tudo bem, então antes de partirmos, devemos fazer algumas mudanças nosso rodapé absoluto e aqui Então, vamos selecionar esse rodapé absoluto e trabalhar na cor de fundo Podemos alterar o estilo do texto aqui mesmo e selecionar a cor de fundo. Vamos escolher uma cor cinza claro, como esta. E vamos colocá-lo em um centro e alguns parecem muito bons. E agora podemos substituir o texto aqui. Então, em vez de usar o Flatsome Theme, vamos adicionar o título do nosso site Tudo bem, é assim que parece e eu acho que está ótimo. Definitivamente parece melhor do que o rodapé anterior. Recrie-o usando o Astra Theme. Agora podemos clicar em publicar e fechar a barra lateral das opções de personalização E vamos ver como o alfa zero está agora. Tudo bem, vamos atualizar esta página por algum motivo. Ele não salvou as configurações do Subscribe. Devemos nos certificar de salvar essas configurações. Vamos voltar ao Footer Builder e clicar em Salvar formulário mais uma vez Vamos nos certificar de salvar essas configurações e eliminar todo o dinheiro, caso não tenha sido salvo E agora podemos atualizar esta página. E, como você pode ver, essas mudanças foram aplicadas. Nossos clientes podem se juntar ao nosso clube de boletins informativos. E, por exemplo, se eu for digitar meu endereço de e-mail aqui, vamos clicar em assinar. Tudo bem, é o que diz, obrigado por sua mensagem. Entraremos em contato com você em breve. Essa não é a mensagem que queremos mostrar aos nossos assinantes Então, vamos voltar ao nosso editor. E como você se lembra, foi aqui que criamos nossos formulários. Portanto, esta é a mesma forma. Agora devemos acessar as configurações e integrações e substituir o texto aqui Então, em vez de mostrar essa mensagem, vamos mostrar a eles. Obrigado por se juntar ao nosso clube. Tudo bem, vamos clicar em Salvar configurações. E agora, toda vez que alguém assina nosso boletim informativo, vê essa mensagem E quando alguém assinar seu formulário, seu formulário boletim informativo, você deve ir aqui para verificar todos os endereços de e-mail que assinam seu formulário Aqui. Desculpe, é para criar um novo formulário. Em vez disso, você deve acessar todos os formulários. E como você se lembra, esse foi o formulário que criamos. Diz assinatura do Footer. E aqui você verá todas as entradas. Então, aqui você encontrará todos os endereços de e-mail. Então, se eu vou clicar aqui, esse é o mesmo endereço de e-mail que usei para assinar este formulário. Então, depois de coletar mais endereços de e-mail, você pode selecionar todos eles. E você pode clicar aqui, Exportar. E você pode exportá-los e o arquivo Excel e depois usar todos esses endereços de e-mail ou Email Marketing. Tudo bem, agora podemos fechar este, e basicamente é isso Então, vou atualizar esta página mais uma vez. Essa mensagem desaparecerá. E, basicamente, é assim que nosso rodapé está agora E como você pode ver, parece muito melhor do que o rodapé que tínhamos quando estávamos trabalhando com o Astra Então é isso para esta lição. 55. (6,8) Toques finais (método premium): Tudo bem, então estamos quase terminando de criar nosso site usando um tema premium E como você pode ver, parece muito melhor do que a versão anterior. E, claro, todas as opções de personalização dependem de você, como você mesmo viu Esse feixe é muito mais personalizável em comparação com uma opção gratuita que você viu anteriormente Tudo bem, então, nos retoques finais desta lição, abordaremos algumas das coisas que ignoramos Então, aqui, se eu vou clicar em, digamos trajes, categoria ou qualquer categoria. Como você pode ver, não temos uma barra lateral aqui. Para adicionar uma barra lateral a esta área aqui, temos que ir ao nosso painel e ir para a guia Aparência, e temos que selecionar widgets E esta é a barra lateral, barra lateral nítida. Então, neste lado positivo, mas geralmente gosto de incluir minhas categorias e os produtos vistos recentemente para que nossos clientes possam ver os produtos vistos recentemente. Então, por exemplo, se eu vou escolher este, recente, não o post recente. Só um segundo. Temos que rolar para baixo. Sim, primeiro de tudo, vamos começar com as categorias de produtos. Vamos escolher este e clicar em Adicionar à barra lateral da loja Tudo bem, então aqui temos categorias de produtos. Tudo bem, agora devemos rolar para baixo e procurar produtos vistos recentemente Vamos rolar para baixo, vamos rolar para baixo. E, no entanto, esse é o widget que queremos usar. Então, vamos selecionar esse. Vamos clicar em Adicionar widget. E esse widget foi adicionado com sucesso. Então, acabamos de adicionar todos os widgets de que precisávamos. E agora podemos voltar para o nosso lado e selecionar, digamos , a categoria de trajes. E como você pode ver, é assim que ele será exibido. Então, vou verificar este produto aqui. E eu vou comprar brinquedos educativos. Você pode ver que visualizamos produtos recentemente, então eles estão sendo exibidos aqui Então, tudo funciona. Tudo bem, então a próxima coisa em que teremos que trabalhar será nas configurações do WooCommerce E eu realmente fiz isso quando estava mostrando a vocês como trabalhar com Astra Theme e The Last Duchess desta seção Então, vamos nos certificar de que temos esse setor de configurações. Então, vamos ao WooCommerce. Vamos selecionar Configurações. Vamos acessar contas e privacidade e garantir que você tenha ativado a opção de permitir que os clientes façam login em uma conta existente durante o check-out. Permita que os clientes joguem como soldados sem uma conta. Permita que os clientes criem uma conta durante a finalização da compra e todas essas configurações aqui Você quer permitir que seus clientes criem as contas. É apenas uma boa prática. Portanto, certifique-se de ativá-los aqui. Se você os ativou agora, podemos ir até a última coisa que precisamos cuidar. Então, vamos para o lado e vamos rolar para baixo. E como você pode ver, se eu clicar na página Sobre nós, vou abri-la em uma nova guia. É assim que parece. Não parece muito bom porque apenas usando o editor de texto do WordPress. E se você estiver bem com essa opção aqui, você pode mantê-la assim. Mas lembre-se de criar sua página sobre. Você pode usar o UX Builder. Então, por exemplo, vou manter essa página aberta aqui. Vou voltar para o painel. Eu vou para as páginas, todas as páginas. Se eu quiser criar uma nova página como página separada para uma página sobre, posso simplesmente excluir essa página e é exatamente isso que vou fazer. E eu vou criar uma página completamente nova. Mas estou mantendo essa guia aberta porque quero ter essas informações, pois vou copiá-las posteriormente. Tudo bem, então vamos voltar. Além disso, é muito importante mencionar que, se você excluir a página, encontrará essas páginas e a lixeira Portanto, não se preocupe com isso. Se você excluiu a página, isso não significa que ela desapareceu. Mas se você quiser que eles desapareçam, você deve ir até a lixeira, selecionar todas as páginas e selecionar Excluir permanentemente Tudo bem? Ok, vamos voltar para Todas as páginas e clicar em Adicionar nova página, digitar sobre, selecionar Editar com o UX Builder e criar uma nova página Sobre Mas, mais uma vez, antes de fazermos isso, isso depende totalmente de você. Se você quiser fazer isso, você pode seguir esta lição ou, se não quiser fazer isso, você está bem com uma simples página de visualização. Depende totalmente de você. E se você quiser lag, a página que estou criando atualmente, você pode criar diferentes tipos de página Então, mais uma vez, depende de você. Tudo bem, vamos clicar em adicionar elementos e vamos ao estúdio Flatsome mais uma vez E como você pode ver na guia Sobre, temos vários estilos diferentes para nossa página sobre, você pode usar um layout pré-criado Você pode usar 234 ou cinco, quantas forem necessárias. Mas vamos simplificar as coisas. E eu acredito que vou escolher este. Então, vou selecionar Importar. Não vou importar imagens porque já tenho algumas imagens prontas. Vamos clicar em iniciar e escrever aqui. Vou apenas adicionar meu texto sobre nós. Então, a partir daqui, vou copiar esse texto. Aqui. Vou voltar, vou abrir isso e um editor de texto, e vou colar esse texto desse jeito. Vou clicar em Ok? E aqui está um botão. Não estou usando nenhum botão. Então, se você ver que há um botão, você pode simplesmente clicar aqui e excluir. Também posso excluir esse botão porque não o estou usando. Então, vou clicar em Excluir. E aqui, posso acrescentar algo sobre nossa loja. Então, mais uma vez, vou copiar este que vou voltar e vou colar aqui. E eu posso realmente ir até a nova linha e digitar nossa história. E eu posso escolher o nível para o título. Indo para. Acho que vai ficar bem. E podemos clicar em “ Ok, vamos voltar”. E aqui podemos adicionar imagens. Então é exatamente isso que eu vou fazer. Vou apenas adicionar minha imagem aqui. Tudo bem, acabei de adicionar a primeira imagem e vou mostrar como fiz isso para que você não se perdesse Tudo bem, então eu cliquei aqui mais o ícone. Eu selecionei a imagem e agora vou selecionar a mídia e deixar eu escolher a imagem. Essa é a imagem que eu quero usar. Agora. Eu vou usar este em vez disso. Vou clicar em usar imagem. E como você pode ver, essa é a aparência e eu posso mudar o tamanho dessa imagem, se eu vou mover essa imagem desse jeito, eu posso até mesmo mover essa imagem um pouco para cima. E é assim que vai ficar. Acho que parece bom. E agora posso clicar em Publicar e agora posso fechar o UX Builder. E vamos para todas as nossas páginas. E esta é a nossa página de informações recém-criada. O motivo pelo qual excluí a página anterior criar uma nova, para que tivéssemos o mesmo URL. Então aqui está o porquê eu fiz isso. Então, vou voltar ao meu site, vou para minha página inicial E como nosso URL não mudou, temos o mesmo URL. Vou clicar aqui sobre nós. Temos uma nova página de aparência. Então é por isso que eu fiz isso. É por isso que excluí a página avaliada anteriormente para que pudéssemos criar a mesma página com o mesmo URL Então, basicamente terminamos com essa parte. E a última coisa que precisamos fazer ir para a página do carrinho. E, como você se lembra, quando estávamos personalizando nossa página de carrinho, tínhamos a opção de fazer algumas alterações, dois números nas etapas da página do carrinho E, no momento, não podemos vê-los porque precisamos mudar o layout desta página. Então, para fazer isso, temos que clicar aqui, Editar página e aqui no modelo. Vamos escolher os cartões WooCommerce. Esse é o modelo que queremos usar. Vamos clicar em Atualizar. Agora podemos clicar em visualizar página e, como você pode ver, temos uma página com aparência diferente. É uma página minimalista. Está totalmente focado na página do carrinho. Esse é o layout popular hoje em dia e simplesmente funciona. E se você não gostar desse layout, é claro que pode acessar as opções de personalização Clique aqui, layout do cartão, e você pode fazer as alterações. Mas, como você pode ver agora, temos nosso carrinho de compras aqui. Temos a etapa de finalização da compra e a etapa completa do pedido. Então é assim que parece. Se você não gosta desse layout, como eu disse, pode acessar as opções de personalização e fazer alterações no layout de corte Como você se lembra, você tinha visões diferentes, simples, focadas e minimalistas Se eu não estou confundindo nada. E se eu fosse para a página de checkout aqui, como você pode ver, também faltam as etapas por aqui Temos que ir aqui, Editar página. E mais uma vez, vamos escolher o modelo. Vamos selecionar o checkout do WooCommerce. E vamos clicar em Atualizar. Agora, vamos clicar em Exibir página. E é assim que parece. Também é uma página totalmente focada. Essa é a aparência e geralmente é bastante conveniente para os clientes. Então, mais uma vez, se você não gosta desse layout, pode ir aqui. Layout de checkout, assim como você pode fazer com o layout de cartilagem. Como você pode ver no layout de checkout, podemos escolher o padrão e é assim que ficaria se escolhêssemos o foco Ficaria assim, assim como nossa página de carrinho. Portanto, cabe a você escolher padrão ou o simples. Vamos voltar ao simples. Em seguida, vamos clicar em Publicar. Bem, isso é fechar a barra lateral de personalização. Podemos fechar esta página. Podemos acessar nossa página inicial e praticamente pronto. Basicamente, terminamos de personalizar nosso site usando o Flatsome Então, isso é tudo para esta lição. 56. Resumo da seção 6: Tudo bem, fantástico em completar esta seção. Como você mesmo viu, trabalhar com um tema plano em comparação Aster é uma coisa completamente diferente Tem muito mais opções de personalização. Por exemplo, quando você começou a personalizar seu cabeçalho, como você mesmo viu, quantas opções ele tinha em comparação com o tema Aster O tema Flats é altamente personalizável e eu o uso por um motivo em todo o meu site Como eu realmente gosto desse tema. É altamente personalizável, carrega rápido, tem uma boa aparência e o que mais você poderia pedir do tema Acima de tudo, é apenas uma taxa única. Você não precisará pagar todos os anos por esta fm. Ao contrário de muitos temas, eles fazem isso em que você tem que pagar todos os anos por uma FM, digamos cerca de $80 ou algo parecido Se você precisar pagar pelo tema todos os meses ou todos os anos, isso significa que você não tem esse tema. Então, uma vez que você compra seu flatsum, ele meio que pertence a você Então, isso é ótimo. E, claro, Flaum tem uma grande comunidade. Então, talvez no futuro, você tenha algumas perguntas relacionadas ao flatsum them, você possa se juntar ao grupo deles Mas você também pode entrar no grupo M no Facebook e, se tiver alguma dúvida, me avise e eu o ajudarei imediatamente. Parabéns por concluir esta seção. Agora você sabe como personalizar seu site usando um tema premium chamado flatsum Ótimo trabalho até agora. Então, vamos continuar construindo nosso site. 57. (7.0) introdução ao SEO: Tudo bem, nesta lição, vamos começar a falar sobre SEO E se você não está familiarizado com SEO, é Search Engine Optimization. Basicamente, você faz tudo o que pode para aparecer em uma posição superior nos resultados de pesquisa do Google. Tudo bem, vamos começar fazendo pergunta muito simples: o que é um mecanismo de busca? O mecanismo de pesquisa pode ser google.com, bing.com, duckduckgo.com Existem muitos deles hoje em dia, mas o mais popular é obviamente o Google. E é aqui que vamos nos concentrar mais. E quando falamos sobre otimização de mecanismos de pesquisa, geralmente adicionamos palavras sobre a otimização de nosso conteúdo Nós apareceríamos em resultados de pesquisa do Google e, na verdade, existe um bom e velho ditado no mundo do SEO se você quiser esconder um cadáver, você deve usar a segunda página dos resultados de pesquisa do Google porque ninguém vai lá. Portanto, seu objetivo é garantir que você faça tudo o que puder para aparecer na primeira página dos resultados de pesquisa do Google. O melhor cenário seria aparecer nos três primeiros resultados E, claro, se você puder, a melhor opção seria aparecer na primeira posição dos resultados de pesquisa do Google. Então, como otimizamos nosso site? Então, principalmente, temos duas maneiras de otimizar nosso site. Temos SEO na página e SEO fora da página. Tudo bem, vamos falar sobre SEO na página. Resumindo, o SEO na página significa que você faz tudo o que pode em suas mãos, seu alcance, para otimizar seu site Então é aqui que você pode usar todas as táticas, todos os truques sozinho em seu site, não em qualquer outro lugar, mas em seu site, nas páginas do seu site para otimizar seu conteúdo e como fazemos isso Então, fazemos pesquisas de palavras-chave. Otimizamos nosso conteúdo com palavras-chave. Usamos a interligação e, claro, uma boa experiência do usuário também é importante Então, como fazemos essa pesquisa de palavras-chave, você pode estar se perguntando. Então, para isso, geralmente usamos ferramentas para fazer pesquisas de palavras-chave para nosso conteúdo, para nossos produtos. E essas ferramentas podem ser Ubersuggest, SEMrush, H rascunhos, as duas últimas, são bem caras e eu geralmente gosto de fazer pesquisas de palavras-chave, mas o Ubersuggest, é E se você for usar essa ferramenta, terá sete dias de teste gratuito. Portanto, eu recomendo fortemente que você confira essa ferramenta. E se você está criando um site para seu público nativo, com seu público nativo, o Ubersuggest Ele também tem a opção de escolher vários países e vários idiomas diferentes. Então, isso é muito conveniente. E quando estamos fazendo uma pesquisa de palavras-chave, também verificamos nossos concorrentes. Então você provavelmente já conhece seus concorrentes. E se você conhece esses concorrentes, conhece seus produtos, seu blog, postagem, seu conteúdo. E você pode, por exemplo, acessar a página do produto deles. Se você vai vender um produto com aparência semelhante, você pode pegar esta página do produto e executá-la por meio de sua ferramenta de pesquisa de palavras-chave, o Ubersuggest Essa ferramenta permitirá que você saiba quanto tráfego essa página específica de produtos está recebendo por quais palavras-chave ela está classificando e quais palavras-chave estão trazendo mais tráfego para esse produto . E talvez você veja que algumas outras palavras-chave para esse produto em particular não classificação alta porque não otimizadas para essas palavras-chave específicas E é aqui que você pode tirar proveito disso. E você pode pegar, digamos, essa palavra-chave. E você pode usar essa palavra-chave para o seu produto. E você pode tentar otimizar seu produto usando essa palavra-chave porque essa não é a palavra-chave que seu concorrente está usando Então é aqui que você pode aproveitar ao analisar seus concorrentes. E, claro, ao analisar seus concorrentes, você receberá algumas sugestões de palavras-chave. Tudo bem, agora você sabe como isso funciona, o que usamos, mas você pode estar se perguntando o que é uma palavra-chave Então, basicamente, a palavra-chave é apenas a frase ou frases que as pessoas usam para procurar informações, artigos de notícias, postagens em blogs , produtos, imagens ou qualquer coisa parecida no Google. Digamos que, no meu caso, eu tenha uma palavra-chave onde é a hora do treino. E eu fiz minha pesquisa de palavras-chave e descobri que as pessoas estão procurando por essa palavra-chave. Essa palavra-chave está recebendo muitas pesquisas mensais. E isso significa que as pessoas estão interessadas nesse produto. Eles estão procurando por isso. E essa é uma palavra-chave popular. Então, estou trabalhando com produtos. Não posso simplesmente criar nomes aleatórios para produtos porque isso não significa necessariamente que as pessoas estejam procurando por esses produtos com essas palavras específicas. Então, isso é exatamente o que as palavras-chave são. Devemos sugerir as frases que as pessoas digitam na pesquisa do Google para procurar informações sobre produtos ou qualquer outra coisa. Então, como eu disse, procuramos palavras-chave populares que as pessoas realmente usam para encontrar informações, encontrar produtos. Mas quando temos um site novo, nosso objetivo é encontrar palavras-chave não tão competitivas. Então, basicamente, isso significa não ter muitos sites ou otimizar seu conteúdo, seus produtos, usando essas palavras-chave porque elas são menos populares Mas ainda é bastante popular porque as pessoas ainda costumam procurar informações. E é por isso que buscamos aquelas palavras-chave que são menos competitivas. Isso significa que há menos sites que estão otimizando seu conteúdo usando essas palavras-chave E só porque é menos competitivo, temos maiores chances de aparecer em uma posição mais alta nos resultados de pesquisa do Google Quando vamos fazer uma pesquisa de palavras-chave, você mesmo verá. Vou fazer isso na aula posterior. Mas agora, meu objetivo é dar a você uma melhor compreensão de quais são nossas palavras-chave e como elas funcionam. E basicamente você teria uma base sólida de SEO. Tudo bem, vamos falar sobre palavras-chave de cauda curta. As palavras-chave geralmente são de dois tipos. Existem palavras-chave de cauda curta e palavras-chave de cauda longa, geralmente as palavras-chave de cauda curta têm até três palavras e geralmente são muito competitivas. Eles são mais difíceis de classificar. Vou te dar um exemplo. Digamos que eu esteja escrevendo uma postagem no blog sobre gatos de Bengala. São apenas as duas guerras, mas essa palavra-chave é muito popular entre nós cerca de 200.000 pessoas Procure essa palavra-chave, procure essa informação. E, obviamente, vai ser difícil ranquear com essa palavra-chave. Portanto, você deve levar isso em consideração ao publicar um local de postagem no blog adicionando produtos ou algo parecido. Então, por exemplo, ao adicionar um produto, você pode nomear seu produto Wooden Train. Nesse caso, é uma palavra-chave curta, mas será muito mais competitiva porque é uma palavra-chave de cauda curta e mais pessoas procuram esse tipo de palavra-chave. Se você usasse o trem de madeira duas vezes, ele seria um pouco menos competitivo, é claro, mas terá menos pesquisas mensais. Se você vai usar uma palavra-chave mais longa, essa será uma palavra-chave de cauda longa e, neste caso, pode ser um conjunto de brinquedos de trem de madeira Agora temos quatro palavras nessa palavra-chave, e essa é uma palavra-chave de cauda longa, é claro, que será menos competitiva porque menos pessoas estão procurando por esse tipo de produto e será um pouco mais fácil de ranquear E a primeira página da Pesquisa do Google, só porque há menos sites segmentando essa palavra-chave e há menos pessoas procurando por essa palavra-chave E meio que já falei sobre palavras-chave de cauda longa. As palavras-chave de cauda longa geralmente têm mais de três prêmios. Eles são menos competitivos, são mais fáceis de classificar. E eu vou te dar um bom exemplo. Quando estou trabalhando com um dos meus projetos que é focado em gatos, descobri que as palavras-chave são muito fáceis de classificar e são palavras-chave de cauda longa. Então, aqui está um exemplo. Gatos podem comer laranjas? É uma palavra-chave longa. Tem muitas palavras, mas tem muitas pesquisas mensais, mas não muitos sites. Eles usam essa palavra-chave para ranquear porque ela não é muito popular, mas isso é algo que as pessoas querem saber. E é por isso que essa é uma boa palavra-chave. Quando você vai fazer uma pesquisa de palavras-chave, preste atenção no quão competitiva ela é. Ele recebe muitas pesquisas mensais. E talvez você encontre outras variações dessa palavra-chave que serão menos competitivas, mas talvez tenha quase a mesma quantidade de pesquisas mensais. É por isso que é importante. E vamos nos aprofundar um pouco mais nisso quando fizermos a pesquisa de palavras-chave. Tudo bem, vamos seguir em frente. Portanto, antes de falarmos sobre como otimizamos nosso conteúdo, nossos produtos, há algumas frases que você deve saber o que significa xarope ou sérvio Significa simplesmente página de resultados do mecanismo pesquisa ou páginas de resultados do mecanismo de pesquisa. Então, basicamente, significa página de resultados de pesquisa do Google. Então, basicamente, é isso que significa. Meta-título. Meta-título significa que é o título do seu produto ou das postagens do seu blog ou do seu site que você vê na pesquisa do Google, nos sérvios e nos resultados de pesquisa do Google Então, quando você digita uma palavra-chave na pesquisa do Google, você obtém muitos resultados, muitos sites. E esses sites têm seu meta-título. Esse é apenas o título. E abaixo desse meta título, temos a meta descrição Isso é o que é meta título e título imagem de meta descrição. Então, isso é meio autoexplicativo. Quando você adiciona imagens aos seus produtos, postagens do seu blog, você adiciona títulos. E quando você adiciona essas imagens, você também terá a oportunidade de adicionar alt ao lado dessas imagens. E você sabe como usar esses dois campos, título da imagem e todos os textos para adicionar suas palavras-chave. E uma vez que você fizer isso na prática, você verá como funciona. E agora podemos passar para o próximo slide. Como otimizamos nosso conteúdo, nossas postagens no blog, nossos produtos e categorias com palavras-chave. Então, antes de tudo, quando encontrarmos nossa palavra-chave principal que queremos usar, incluímos essa palavra-chave principal no meta título. Depois de fazer isso, isso incluirá essa palavra-chave em nossa meta-descrição Quando vamos instalar um plugin de SEO, você mesmo verá que poderá adicionar o título e descrição meta e verá como funciona. Mas quando você estiver adicionando meta descrição ao seu CO2 eu mostrarei como isso funciona. Isso não significa necessariamente que o Google escolheu essa descrição de meta título que você adicionou à sua ferramenta de SEO É por isso que, quando você está escrevendo descrições para seus produtos ou adicionando uma postagem no blog, o melhor cenário é incluir sua palavra-chave principal, a palavra-chave de foco que você acabou de pesquisar A primeira frase da descrição do seu produto Porque é assim que o Google vai entender sua descrição. E quando alguém procura um produto específico que você otimize com essa frase, mas com a palavra-chave que as pessoas estão pesquisando , o Google mostrará essa palavra-chave na meta descrição. Lembre-se de que, ao escrever as descrições do produto, não se esqueça de incluir sua palavra-chave de foco, sua palavra-chave principal na primeira frase da descrição do produto Essa é a coisa mais importante quando você está escrevendo descrições para seus produtos e quando está escrevendo suas postagens no blog, sua palavra-chave principal na melhor das hipóteses nas duas primeiras frases Então, na primeira ou na segunda frase, depende apenas de como isso vai funcionar para você. Obviamente, incluímos nossa palavra-chave principal nos textos de nosso conteúdo, de nossa postagem no blog ou de nossos produtos de arquivos. Então, quando estamos escrevendo descrições para nossos produtos, geralmente incluímos a palavra-chave principal duas ou três vezes na descrição e a quantidade recomendada de palavras quando você está escrevendo sua descrição é de 200 palavras. Então, se você escreveu uma descrição de 200 palavras, talvez queira incluir sua palavra-chave principal duas vezes na descrição do produto. Então, a primeira vez, e você incluirá sua palavra-chave principal na descrição, será a primeira frase que será automaticamente incluída na sua meta descrição. Então, será uma vez. E na segunda vez tentei incluir em algum lugar no meio da descrição. Ou se você estiver escrevendo descrições mais longas, talvez queira incluir essa palavra-chave três vezes, mas não exagere nas descrições com muitas palavras-chave. Você não quer que sua descrição pareça um absurdo Você quer fazer com que soe naturalmente. Ao escrever suas postagens no blog, você deseja incluir sua palavra-chave principal na postagem do blog, gratuitamente cinco vezes ou até mais. Depende de quantas palavras você está escrevendo. Digamos que você esteja escrevendo uma postagem de blog com 600 palavras. Portanto, incluir seis vezes sua palavra-chave principal no texto é completamente normal. Sua densidade de palavras-chave deve estar em torno de 1%. E as ferramentas de SEO geralmente ajudam você a lidar com isso quando você está escrevendo postagens no blog Digamos que você tenha a oportunidade de adicionar sua palavra-chave de foco e a postagem do blog na ferramenta de SEO. E essa ferramenta calculará quantas vezes você incluiu essa palavra-chave. E isso vai te dar uma marca de verificação verde ou amarela ou vermelha dizendo que você deve incluir sua palavra-chave principal um pouco mais Isso não significa necessariamente que será um grande problema se você não incluir sua palavra-chave várias vezes, basta lembrar que precisa incluir sua palavra-chave principal. Pelo menos algumas vezes, quando você está escrevendo descrição do seu produto e escrevendo postagens no blog, sua palavra-chave principal deve ter cerca de 1% da densidade de palavras. Além disso, quando otimizamos nosso conteúdo com palavras-chave, incluímos nossa palavra-chave principal no título das imagens e todos os textos Então, digamos que eu tenha um produto dentro do horário do trem. Ao adicionar esse produto na imagem em destaque deste produto, incluirei a palavra-chave principal no título da minha imagem. E, claro, vou incluir os textos alternativos desta imagem. É muito importante porque, quando você adiciona produtos, isso não significa necessariamente que as pessoas usarão apenas a Pesquisa do Google para procurar produtos. Talvez eles também usem a pesquisa de imagens. Se você vai incluir sua palavra-chave principal em suas imagens, você terá uma chance maior de ter uma classificação mais alta, não apenas nos resultados de pesquisa, mas também nas imagens. Então, isso é muito importante. Ao adicionar mais algumas imagens, você pode incluir outras variações dessa palavra-chave. Obviamente, você também pode incluir a mesma palavra-chave e os textos alternativos de outras imagens. Mas eu geralmente gosto de incluir outras variações e isso só dá a ele mais oportunidades de aparecer nas imagens. Então, por exemplo, eu poderia incluir e algumas outras imagens não treinariam um conjunto de brinquedos dentro do trem ou algo parecido. E, claro, ao adicionar postagens no blog, você incluirá algumas imagens. E nessas imagens, você pode incluir sua palavra-chave principal se for difícil incluir sua palavra-chave principal no texto cinco vezes. Você pode incluir sua palavra-chave principal e os textos alternativos dessas imagens que você adiciona às postagens do seu blog, o que é apenas um velho truque. E o mundo do SEO, onde você pode incluir sua palavra-chave principal e todos os textos de imagens que você adiciona às postagens do seu blog, qualquer imagem, não apenas a imagem em destaque que você adicionará às postagens do seu blog, mas também todas as outras imagens. E você também pode incluir outras variações dessa palavra-chave. E quando eu vou mostrar como adicionar postagens de blog, você mesmo verá como adicionar imagens e como adicionar texto alternativo a essas imagens. Vamos continuar com a forma como usamos a interligação. Então, o que é interligação? Quando trabalhamos com produtos, não precisamos nos concentrar muito, porque a interligação já foi feita para nós, já foi feita para nós, especialmente se você tiver um bom tema como Também funciona com o Astra Theme. E se você acessar a página do seu produto, esse é o mesmo exemplo que você pode ver. Este produto tem vários outros links nesse produto. Tem o link da categoria aqui. Portanto, este produto já está interligado à nossa categoria de brinquedos de madeira Ele também possui algumas etiquetas que também estão vinculadas a esta página do produto E também tem alguns produtos relacionados. Então, basicamente, nesta página de produto teremos alguns outros produtos adicionados. Então, esses são os produtos que são exibidos aqui como produtos relacionados, temos nossa categoria que é muito importante. E, basicamente, com produtos , é isso mesmo. Não precisamos nos concentrar na dívida. Então, basicamente, interligação significa a partir da sua página de produto ou de qualquer outra página de postagens de blog reais ou qualquer outra coisa Você está vinculando para outras páginas do seu site. Você está usando links para criar links para outras páginas do seu site. Então, vou mostrar um exemplo de como ficaria nas postagens do blog. Tudo bem, então este é um dos meus sites e eu tenho uma postagem no blog sobre as raças de gatos mais amigáveis Você provavelmente já viu algo parecido. E outros sites e sites de notícias tendem a fazer isso bastante. E se eu rolar para baixo, como você pode ver, temos um parágrafo sobre gatos persas Então, aqui eu tenho um link que está destacado e diz gatos persas. Se eu clicasse nesse link, eu iria para outra postagem do blog que está no meu site. Então, como você pode ver , são gatos persas. Então, isso é gatos persas, a palavra-chave pela qual estou tentando ranquear. Se eu voltasse. Como você pode ver, eu uso a mesma palavra-chave aqui para criar um link para minha postagem no blog. Se eu rolar para baixo, tenho Maine **** Maine **** é outro interlink que estou vinculando a Então, vou clicar nesse interlink e vou para o Maine ****, como você pode ver, e vou para uma postagem no blog do Maine **** Então é assim que parece, é assim que funciona. Você provavelmente já viu isso em outros sites também. Então, vou voltar aos nossos slides. E é assim que a interligação funciona. Quando estamos falando sobre interligação, temos que falar sobre texto âncora e também sobre texto âncora e links traseiros Então, o texto âncora é basicamente o texto que eu usei para interligar meus links Então, decida você mesmo. Eu tinha um parágrafo sobre gatos persas e textos destacavam gatos persas. Isso foi um link. Então esse texto, gatos persas que era clicável, era texto âncora É muito importante quando você está vinculando várias postagens de blog E quando você está adicionando texto âncora, você quer que seu texto âncora seja sua palavra-chave de foco Então, como você mesmo viu, minha palavra-chave de foco e a postagem do blog sobre gatos persas eram gatos persas. Então esse é o mesmo texto, texto âncora que eu uso para interligar as raças de gatos mais amigáveis às postagens do blog de gatos persas É assim que a interligação funciona. Você simplesmente vincula outras postagens do blog, páginas do seu outro anúncio ou de sua outra Tudo bem, vamos seguir em frente. E quando falamos de boa experiência do usuário, uma boa experiência do usuário significa que você tem um site de carregamento rápido. Mas aqui não vamos nos concentrar em dados. Porque neste curso eu mostrei como criar um site com uma boa experiência de usuário. Então, o raio, então seu absoluto, será rápido. O carregamento será, obviamente, responsivo. Vai funcionar bem em todos os dispositivos. Flatsome Theme funcionará um pouco melhor em comparação com o Astra Obviamente, seu site terá uma aparência profissional. É claro que isso também é muito importante. Porque se você não tiver um site com aparência profissional, há uma grande chance de que se uma pessoa encontrar seu site, abra seu site e ele fique horrível Ele vai sair do seu site e isso significa que você tem uma taxa de rejeição Então, se você vai ter muitas pessoas simplesmente clicando no seu site e saindo imediatamente. Essa é uma alta taxa de rejeição. O Google não gosta disso. E você pode esperar uma classificação mais baixa. E os resultados da pesquisa do Google se você tiver uma alta taxa de rejeição. E geralmente a alta taxa de rejeição acontece porque seu site não está bem otimizado, não está bem estruturado, não tem É difícil encontrar informações. E é isso que lhe dá uma alta taxa de rejeição. Portanto, você deve evitar isso oferecendo uma boa experiência ao usuário. Tudo bem, então vamos resumir as frases que você precisa lembrar SEO na página. O SEO na página é quando fazemos tudo o que está em nossas mãos e podemos cuidar para otimizar nosso site Então é isso que podemos fazer em nosso site, em nossas páginas. Palavras-chave, palavras-chave são basicamente as frases que as pessoas usam para procurar informações e, no Google, como eu disse antes, existem palavras-chave de cauda curta. Então, digamos que Maine ****, gato é uma palavra-chave de cauda curta E temos palavras-chave de cauda longa, como gatos podem comer maçãs ou algo parecido. Essa é uma palavra-chave de cauda longa, otimização de palavras-chave. Então é aqui que pegamos essa palavra-chave que pesquisamos e usamos para otimizar nossos produtos. Usamos para otimizar nossas categorias de postagens no blog ou algo parecido, densidade de palavras-chave. Portanto, densidade de palavras-chave significa quantas vezes você incluiu sua palavra-chave principal, sua frase-chave no texto da sua página, das postagens do seu blog, do seu produto, da categoria ou qualquer outra coisa parecida. Meta-título. O título meta é o título que você vê nos resultados de pesquisa do Google para o nosso site, então esse é o título meta. É aqui que você também quer incluir sua palavra-chave. Meta-descrição. Essa é a descrição que você vê nos resultados de pesquisa do Google para determinados resultados. Portanto, temos um meta título e uma meta descrição. Então é aqui que você quer incluir suas palavras-chave. Todos os textos. Texto alternativo são textos alternativos aos quais você adiciona duas imagens. Normalmente, esse texto é usado quando as imagens não carregam, mas isso acontece muito raramente. E no mundo do SEO, as pessoas simplesmente aproveitam isso para incluir palavras-chave para textos alternativos de imagens, xarope ou páginas de resultados de mecanismos de pesquisa. E é aqui que você verá todos os resultados que o Google mostra para você. Interligando. Interligando para vincular uma página do seu site para outra página do seu Então, de uma postagem no blog, você leva as pessoas para outra postagem no blog, talvez de uma postagem no blog para a categoria do produto, talvez para os produtos e assim por diante. Texto âncora. Portanto, o texto âncora é o texto que você usa para adicionar um link em uma postagem do blog Tudo bem, vamos seguir em frente. Então, falaremos sobre SEO off-page anteriormente, falamos sobre SEO on-page Isso estava em nossas mãos que podemos fazer para otimizar nosso site e ter classificação mais alta nos resultados de pesquisa do Google. Quando falamos sobre SEO fora da página, é porque algo não está em nossas mãos É quando confiamos em outros sites. Então, é aqui que obtemos sucos de outros sites em vez de nosso site, é aqui que contamos com outros sites para criar links para o nosso site Então, nesta seção falaremos sobre backlinks. Backlink Então, basicamente, quando outros sites, digamos que, a partir daí , publiquem o link para o nosso site usando texto âncora Agora, provavelmente vi isso em outros sites quando você está lendo notícias ou algo parecido, você clica no link e nos decks e vai para outro site Isso é um backlink. Temos que seguir os links de retorno. Temos links nofollow, então os links de retorno são muito poderosos Os backlinks do Nofollow não são tão poderosos. E mais uma vez, como essas coisas não estão em seu poder, você não pode selecionar se deseja ter links de acompanhamento, sem links alternativos deseja ter links de acompanhamento, . Mas, é claro, se você estiver trabalhando com outros sites, você pode realmente selecionar. Mas quando você está adicionando seus links a outros sites, digamos que ao Pinterest, você pode adicionar o link do seu site e o perfil do Pinterest, não haverá um link alternativo, porque simplesmente não está em seu poder selecionar se você deseja ter link de acompanhamento ou não uma ala alternativa Vamos falar sobre postagens de convidados. Então, quais são essas coisas? Você vai falar sobre? Edições de nicho, como funcionam e, basicamente, tudo gira em torno de backlinks Tudo bem, vamos seguir em frente. Então, vamos falar sobre backlinks. Backlink é quando um site se conecta ao seu site. Então, digamos que quando você está lendo uma postagem no blog, você vê que há um link, clica nesse link e acessa nosso site. Nesse caso, pode ser o seu site. Aqui está um exemplo. Aqui estou de volta a um dos meus sites e, como você pode ver, se eu estivesse rolando para baixo, tenho alguns links aqui Então esse é o link. E se eu clicar nesse link, como você pode ver, eu vou para um site completamente diferente. Portanto, este é um site completamente diferente. E assim, este site recebeu um backlink do meu site Se eu vou clicar aqui, como você pode ver, como você pode ver, nossos absolutos favoritos da máfia Então, esse é o link interno. Não é um backlink. Então você viu a diferença. Um era o backlink, o outro era o link interno. Tudo bem, vamos voltar e mais uma vez ancorar o texto. É apenas o texto destacado e clicável É basicamente o link, filho. No exemplo anterior, mostrei a você com um gato persa que era uma etiqueta de âncora Ao tentar obter um backlink de outro site, você deve se concentrar em adicionar seu link a uma âncora. As tags são a uma âncora. As tags mesma palavra-chave em que você está se concentrando para Por exemplo, estou tentando obter um backlink para as postagens do nosso blog sobre gatos persas Nesse caso, quero encontrar um blog. Quero entrar em contato com um blog. Quero pedir uma postagem de convidado e talvez eles suponham porque vou escrever uma postagem de convidado para eles E minhas etiquetas âncora serão gatos persas, porque essa é minha palavra-chave de foco Então, isso é basicamente o que é o texto âncora. É o mesmo que você está interligando suas páginas, suas postagens de blog, seus produtos Mas desta vez você está fazendo o perfil do site de outra pessoa. Então, geralmente é aqui que você pode obter alguns backlinks gratuitos para seus sites Então, por exemplo, se você vai criar um perfil no Pinterest, você pode adicionar seu site a esse perfil do Pinterest e agora será seguir o Normalmente, esses são nofollow, fornecem um pouco de energia, fornecem uma variedade de backlinks, mas não são tão poderosos quanto os links de acompanhamento Existem vários sites de perfil onde você pode criar perfis e adicionar seus sites. E assim, você pode criar alguns backlinks Se você procurar links de perfil do Google ou algo parecido, há várias listas que você pode usar e tentar adicionar seu site, sua página inicial E dessa forma, você pode tentar obter alguns backlinks gratuitos. Normalmente, os backlinks são criados usando suposições. Ambas são edições de nicho Essas devem ser seguidas e, geralmente, essas coisas custam Eles podem causar de alguns dólares a milhares de dólares. Depende muito do tipo de site que você está publicando, seus convidados postam e você provavelmente já viu algo nos sites de notícias Digamos que quando um site de notícias está falando sobre algum tipo de startup e há uma grande parte dos impostos falando sobre a startup, como é incrível. E de repente você vê que há um link com o título dessa startup. É um link clicável e você acessa esse site, o que significa que é um Normalmente, aquelas coisas que pagam, geralmente, se você quiser receber um link de retorno usando laços de convidados, você deve entrar em contato com os administradores de sites que administram esses E você pode perguntar se eles aceitam os dois convidados. Você pode perguntar se essas postagens de convidados são pagas. Dessa forma, você pode escrever uma postagem de convidado no site. Dessa forma, você pode incluir um link nessas postagens de convidados que leva os visitantes ao seu site. É assim que as postagens de convidados funcionam. Iniciativas, iniciativas são quando, digamos que você encontre um blog e entre em contato com o administrador porque encontrou um artigo interessante. E neste artigo você descobriu que, digamos que este artigo esteja falando sobre o ensino Montessori e meus casos sobre o próprio Assad Estou construindo uma loja online de brinquedos. Então, eu tenho brinquedos da categoria Montessori. Digamos que talvez você tenha encontrado um blog em que este blog tenha uma postagem sobre os ensinamentos montessorianos E há um parágrafo que fala sobre brinquedos Montessori Você encontrou nesse texto uma frase que você pode usar como texto âncora de brinquedos Montessori E então você entra em contato com o administrador desta postagem do blog e pergunta: você faz iniciativas? Eu adoraria incluir minha categoria de brinquedos Montessori em sua postagem do blog como texto âncora Brinquedos Montessori e Normalmente, essas coisas custam dinheiro. Isso pode causar de $5 a centenas de dólares. Então, depende muito dos sites em que você está acessando eles. É assim que o Guess Posts funciona de um nicho de atuação. E é assim que você cria backlinks. E é por isso que é chamado de SEO off-page , porque essas coisas não estão totalmente ao seu alcance e você precisa confiar em outros sites, entrar em contato com eles, perguntar se eles aceitam ofertas de convidados. E nesse caso, se eles aceitarem postagens de convidados gratuitamente, você precisará escrever uma postagem no blog gratuitamente publicar no site deles e incluir um backlink Eles vão receber uma postagem gratuita no blog. Você vai ganhar um backlink grátis. Então é assim que funciona. Se você for entrar em contato com um site maior, digamos que seja um site de notícias ou algo parecido. Normalmente, eles listam os preços em sua página de parcerias e você mesmo verá que podem custar a partir de $10,50, centenas, milhares de Então é assim que os backlinks funcionam. Você precisa confiar em outros sites. E lembre-se de que, se algo não estiver claro para você, não se estresse demais. Você sempre pode se juntar ao meu grupo. Você pode fazer perguntas e eu o ajudarei com qualquer dúvida e qualquer problema. Eu posso explicar tudo melhor. Eu posso até mesmo ajudá-lo a criar backlinks. Portanto, não hesite em se juntar ao meu grupo. Tudo bem, então vamos falar algumas das outras frases importantes que já falamos sobre links de retorno E eu disse que o preço depende de muitos fatores. Geralmente depende do domínio de, para que seja sua autoridade de domínio. Você pode ter autoridade de domínio baixa ou alta. Normalmente, é até 100. E geralmente várias ferramentas como Ubersuggest, SEMrush, H Eles têm diferentes tipos de cálculo da autoridade do seu domínio, mas geralmente o domínio da força é calculado por quantos backlinks você tem, quantos backlinks fortes você tem de sites de alta autoridade. Digamos que talvez você tenha dois backlinks tem de sites de alta autoridade do Então, esse é um site de alto custo. Aqueles que gostam de sites, geralmente têm muito tráfego. Eles têm muitos backlinks. E se esses sites estiverem vinculados ao seu site, é assim que você pode aumentar sua própria autoridade de domínio Então é assim que funciona, paga por isso, o texugo também é importante Digamos que você possa ter alta autoridade de domínio, mas possa ter uma página de palavras menor. Você pode ter muitos backlinks com links para o seu próprio site, mas não pode ter tantos backlinks com links para sua página específica, para seu produto específico, para sua postagem específica no blog e Então, digamos que se você tem uma autoridade de domínio inferior, mas tem uma página alta de 40, você tem muitos backlinks para sua página específica, para sua página de produto específica, para sua página específica de postagem no blog Então você pode ter uma página alta, 40, e então você terá chances um pouco maiores de ter uma classificação mais alta no Google. Resultados da pesquisa. domínio mais alto também oferece um fator de classificação N nos resultados de pesquisa do Google, porque significa apenas que você é um site confiável e que o Google confia um fator de classificação N nos resultados de pesquisa do Google, porque significa apenas que você é um site confiável e que É assim que o domínio do for it e da página de trabalho funcionam. Você está basicamente usando outros sites para criar seu domínio que valha a pena, para criar sua página de trabalho obtendo backlinks desses sites que funcionam exatamente como funcionam Tudo bem, então o que determina sua classificação? Portanto, uma pesquisa adequada de palavras-chave é muito importante. Então, essa é a primeira coisa quando você faz uma pesquisa de palavras-chave, quando você é um site novo, claro que você terá um domínio baixo, pagará. Porque você não tem nenhum site links para o seu site Você terá um domínio baixo de 40. É por isso que você quer usar palavras-chave menos competitivas. Talvez essas palavras-chave não tenham muitas pesquisas mensais, mas será mais fácil classificá-las nas pesquisas do Google. Portanto, essa é uma pesquisa importante e adequada de palavras-chave. Obviamente, você precisa otimizar bem seu conteúdo. Portanto, se você estiver trabalhando com produtos, inclua sua palavra-chave principal no meta título, meta-descrição e na descrição do próprio produto, nos títulos das imagens e em todos os textos das imagens E é assim que você faz uma boa otimização do seu produto ao escrever suas postagens no blog Você também deseja incluir sua palavra-chave principal e o meta título descrições do método e no texto das postagens do seu blog, você deseja incluir algumas outras variações dessa palavra-chave. E, claro, você também quer incluir sua palavra-chave e todos os textos das imagens. Então isso vai estar na página Seo. E outro fator importante serão os backlinks. Quantos sites você tem links para seu site, para seu produto específico, para sua postagem específica no blog E isso também é muito importante. E você vai se drogar por isso. Os sites têm links para suas páginas. Você fará com que seu domínio superior pague backlinks. quantidade de backlinks vinculados ao seu site determina a autoridade do seu domínio por quanto tempo Então, o domínio de 40 está meio que conectado a backlinks Então é assim que funciona. E só não se complique demais. Mas, com todas essas coisas, você só precisa se lembrar de que seu primeiro objetivo é fazer uma boa pesquisa de palavras-chave. Encontre a palavra-chave menos competitiva e você precisará otimizar seu conteúdo. E nas fases posteriores, vou mostrar 58. (7.1) vamos instalar o Plugin de SEO: Tudo bem, já que você está um pouco mais familiarizado com o que é SEO e como funciona, agora podemos instalar um plugin de SEO Então, vamos ao nosso painel. Vamos aos Plugins. Vamos clicar em Adicionar novo e vamos usar o tipo de pesquisa SCO. E, como você pode ver, há muitos plugins de SEO. Mas, para ser honesto, eles geralmente fazem uma coisa. E isso é que eles adicionam meta descrição e um título meta, e isso é bom o suficiente e eles também oferecem algumas sugestões. Eles também fornecem algumas dicas quando você está otimizando seus produtos, digamos, categorias ou algo parecido E na próxima aula, é claro, você vai se aprofundar na pesquisa de palavras-chave, mas, por enquanto, tudo deve estar bem. Então, vamos selecionar este Plugin Rank Math SEO. Esta é a Plugin Alliance para usar e eu a uso em todos os meus sites. Vamos clicar em ativar. Tudo bem, então no meu caso, acabei de ativar esse plugin e nada aconteceu Mas no seu caso, talvez tenha mostrado um assistente de configuração e não se preocupe com isso Você pode fechar esse assistente de configuração. Ele apenas orienta você por todas as configurações e assim por diante. Mas nesta lição eu vou te mostrar qual a dose do plugin de SEO Sandman quatro Tudo bem, então se eu fosse aqui, este é o meu Rank Math SEO Se eu não for ao painel, como você pode ver, temos várias ferramentas e algumas dessas ferramentas só estão ativas para a versão premium deste plugin Mas confie em mim, você realmente não precisa obter a versão premium. A versão premium basta adicionar X2, mais detalhes do Analytics e assim por diante. Mas mesmo com a versão gratuita, você ficará totalmente bem. Tudo bem, então se eu fosse para o Assistente de Configuração, provavelmente terei o mesmo assistente de configuração que você tinha quando estava instalando seu Então, como eu disse, você pode fechá-lo, mas se você não o fechou, você ainda pode seguir este assistente de configuração E se você fechar esse assistente, siga as etapas que mostrei e selecione Assistente de configuração E agora, como você pode ver, temos opções para escolher. Podemos escolher Avançado. Vamos clicar em Iniciar assistente. E como instalei alguns plug-ins anteriormente, o Aid está me dando a opção de importar dados, mas eu não adicionei nenhum dado a esses plug-ins Então eu posso clicar aqui, pular, não importar. Agora, você também pode fazer isso. E aqui, basta escolher alguns detalhes sobre seu site, seu tipo de site, e será um lado de pequena empresa, tipo de organização empresarial, tipo de organização empresarial, comércio eletrônico educacional e assim por diante Então, basta escolher todos eles aqui. Você também pode adicionar seu logotipo. Você pode adicionar uma imagem de compartilhamento social. Mas isso não significa necessariamente que o Google mostrará essas coisas e os resultados de pesquisa do Google, porque esses plug-ins simplesmente adicionam essas informações e cabe ao Google decidir se eles querem mostrar essas informações ou não Então, às vezes, o Google pode ser bastante exigente. Tudo bem, vamos clicar em Salvar e continuar. Você pode criar e conectar sua conta Rank Math. É muito útil se você tiver uma versão premium. Ele permite que você faça algumas coisas mais avançadas. Mas se você não tiver uma conta, clique aqui. Ignore a etapa Se quiser, você pode criar uma conta. E se você for criar uma conta e adicionar essa conta ao seu site. Isso não mudará nada no fluxo desta lição, então podemos clicar e pular a etapa Tudo bem, então aqui temos os Sitemaps. Os sitemaps serão usados pelo Google. Vamos adicionar nosso mapa do site ao Google Search Console, mas faremos isso na próxima aula. E como está agora, podemos mantê-lo assim. E podemos clicar em Salvar e continuar. Tudo bem, podemos clicar em salvar e continuar. Cara, podemos retornar rapidamente ao Dashboard. Então, terminamos de instalar nosso plugin de SEO. Está pronto. Como você pode ver, ele tem muitas ferramentas diferentes. Você pode explorar tudo sozinho. Nas aulas posteriores, vamos nos aprofundar um pouco mais nessas opções aqui. Vamos usar algumas dessas opções, mas é claro que nem todas elas. Isso é exatamente o que esse plugin de SEO tem a oferecer. E você deve ter em mente que existem muitos plug-ins de SEO e eles competem entre si E eles tentaram oferecer o máximo de opções possível. E isso não significa necessariamente que essas opções sejam muito úteis, mas sim que elas funcionam. Tudo bem, agora temos nosso plug-in pronto, ele está pronto. Não precisamos acrescentar mais nada. E agora devemos ir às nossas páginas. Vamos começar com nossas páginas. Como você pode ver, agora ele tem essas colunas como detalhes, título, descrição e assim por diante. Normalmente, quando você trabalha com uma loja de comércio eletrônico, talvez algumas das páginas mais importantes que você queira mostrar ao Google e que deseja cuidar sejam sobre a página e sua página inicial Todas as outras páginas não necessariamente ser cuidadas porque são apenas páginas para clientes e você não vai classificar essas páginas na pesquisa do Google. Mas se eu clicar aqui na página sobre e selecionar Editar, não Editar com o UX Builder, mas apenas adicionar, como você pode ver aqui, temos mais algumas opções Se eu clicar aqui, é aqui que posso acessar as opções do nosso plugin de SEO. Então, aqui está nos mostrando nosso meta título e meta descrição. Então, aqui podemos clicar em editar trecho e você pode adicionar o título Então é assim que funciona. Basta adicionar o título se quiser adicionar um título um pouco mais longo se quiser adicionar uma descrição, você também pode fazer isso. E, como eu disse, se você quiser cuidar de tudo com precisão, das páginas nas quais você pode focar nossa página sobre e a página inicial, todas as outras páginas não devem necessariamente focar porque provavelmente elas não serão classificadas no Google Mas o que é importante para você se você estiver administrando uma nova loja comercial para você, o mais importante são os produtos Então, em vez de fazer alterações aqui , vamos voltar para Todas as páginas e agora podemos acessar Produtos e selecionar todos os produtos. Vamos rolar para baixo. E digamos que queiramos trabalhar duas vezes em nosso conjunto de trens de madeira. Então, vamos clicar em Editar. Tudo bem, agora estamos editando nosso produto. E como você pode ver aqui, temos nosso plugin de SEO instalado. Está nos mostrando nossa pontuação de otimização. São oito em 100, mas não se preocupe com isso Isso realmente não significa muito. É só dar algumas sugestões, algumas dicas e como eles veem as coisas. E aqui você terá que inserir sua palavra-chave de foco. Mas sobre isso, falaremos na próxima lição, onde mostrarei como fazer pesquisa de palavras-chave, mas você está familiarizado com o que é uma palavra-chave? Então, também falaremos um pouco sobre isso nesta lição. Tudo bem, então vamos rolar para baixo até ver nosso plugin de SEO Esta é a seção do nosso plugin de SEO. E como você pode ver aqui, temos nosso meta título e meta descrição. Quando você está escrevendo um meta título e uma meta descrição, você deseja incluir sua palavra-chave principal e ambas. Digamos que, neste caso, minha palavra-chave principal seja Wooden Train. Quero incluir essa palavra-chave em um título que já está em um título. E também quero incluir essa palavra-chave e a meta descrição. Se eu não tiver essa palavra-chave na primeira frase do MOD, a descrição do meu produto. Eu vou voltar aqui mesmo. Como você pode ver a descrição do meu produto na primeira frase, ele tem a palavra-chave Wooden Train. Então, além de trill, preciso mudar qualquer coisa em uma meta descrição porque ela já é a primeira frase matemática da minha descrição Ao escrever descrições, lembre-se de que o melhor cenário é incluir sua palavra-chave principal na descrição da primeira frase da descrição Porque não importa o que aconteça, se eu vou incluir essa palavra-chave e a meta descrição da mãe aqui usando essas configurações aqui, vou adicionar uma descrição de aparência diferente da minha descrição principal do produto em si. E digamos que a descrição do meu produto que eu mostrei anteriormente não tenha a palavra-chave principal, mas minha meta descrição aqui teria, veja, ela realmente não funciona dessa maneira porque o Google está falando e não importa se você vai adicionar uma meta descrição aqui, Há uma grande chance de o Google decidir não usar a descrição do método que você acabou de inserir aqui, ou seja, a energia da palavra-chave escolherá sua descrição em vez de pegar descrição que você vai escrever. Então, em vez disso, o Google pegará essa descrição principal e ela será exibida apenas na meta descrição nos resultados de pesquisa do Google. Não sei, isso está fazendo muito sentido. Mas seu objetivo é, ao escrever descrições para seus produtos, incluir sua palavra-chave principal na primeira frase da descrição do produto. Então esse é o seu objetivo e isso só torna tudo mais fácil porque você precisa escrever uma descrição separada para o assunto aqui E isso nem significa que o Google escolherá essa descrição que você vai digitar. Portanto, como esse produto tem uma descrição bem escrita, eu realmente não preciso mudar nada Talvez, se você quiser, você possa alterar o meta título. Mas aqui, eu posso digitar minha palavra-chave de foco. Então, minha palavra-chave de foco é Wooden Train. Vou clicar em Enter, e é isso que obtemos. Então, em vez de obter apenas alguns pontos em 100, agora obtivemos 68 de 100. Como você pode ver, a única desvantagem é que nosso conteúdo é muito curto. Quando você está escrevendo descrições de produtos é sempre recomendável escrever 200 palavras e apenas incluir sua palavra-chave principal duas ou três vezes. Não apenas uma, mas duas ou três vezes, até três vezes, não mais do que se você incluir sua palavra-chave principal muitas vezes isso não vai ajudar , apenas prejudicando sua classificação Então é isso que os plugins de SEO fazem. Eles oferecem a opção de selecionar um tipo diferente de meta título de meta descrição e você pode inserir sua palavra-chave de foco. Ele apenas fornece sugestões de como você pode otimizar melhor sua descrição. Como você pode ver, se eu vou rolar para baixo, na verdade está dizendo que você deve usar 600 palavras, mas isso não é verdade porque não temos a versão premium e com a versão gratuita e ela não reconhece que estamos escrevendo uma descrição para um produto, não para uma postagem de blog Então, para um produto, são 200 palavras e funciona bem. Então é isso que os plugins de SEO são quatro, apenas certifique-se de instalar esse plugin E quando você estiver escrevendo descrições para produtos, certifique-se de incluir sua palavra-chave principal na primeira frase e, posteriormente, usaremos esse plug-in um pouco mais para enviar nosso mapa do site ao Google Search Console e você verá como Mas, por enquanto, isso é uma perspectiva e certifique-se de instalar seu plugin de SEO Então, isso é tudo para esta lição. 59. (7.2) como configurar o console de busca do Google: Nesta lição, mostrarei como configurar seu Google Search Console. É uma ferramenta muito útil, é claro, uma ferramenta feita pelo Google. E é útil para SEO. Ele permite que você verifique o quão bem suas palavras-chave estão ranqueando, quais palavras-chave estão trazendo mais tráfego para você. E, basicamente, é uma ferramenta essencial para SEO. Então, primeiro de tudo, você precisará criar sua conta no Google Search Console. Então, basta acessar o Google e pesquisar o Google Search Console. É isso que você quer procurar e o primeiro resultado é o que você precisa. Então, vamos selecionar esse. Vamos clicar em Iniciar agora. E aqui você terá que digitar seu nome de domínio. Então, no meu caso, será baseado em nosso ketose.com. Vamos clicar em Continuar. E agora precisaremos fazer algumas mudanças de DNS em nosso nome de domínio Como você se lembra, meu nome de domínio foi registrado na GoDaddy Portanto, não importa realmente onde você registrou seu nome de domínio, você só precisará adicionar uma linha. Então, aqui você encontrará instruções. Podemos selecionar qualquer provedor de DNS. E, como você pode ver aqui, precisaremos criar um novo registro de textos. Então, podemos copiar esse registro de texto aqui. E agora vou para minha conta GoDaddy. Vou até aqui e vou selecionar meus produtos. Então, vou rolar para baixo até ver meu nome de domínio. E aqui vou selecionar DNS. E vamos clicar em adicionar novo registro. Vamos selecionar o tipo que será tributado e o nome. Vamos digitar ETA e colar o valor que copiamos anteriormente Hora de carregar. Podemos selecionar Personalizado e adicionar 600 s. Vamos clicar em Salvar. Tudo bem, então avaliamos e registramos com sucesso os novos textos agora podemos fechar nossa conta GoDaddy E aqui, espere alguns minutos. Não deve demorar até 5 minutos. E depois de esperar 5 minutos, você pode clicar em verificar, tudo bem, depois de pesar em algum momento, agora podemos Tudo bem, então a propriedade foi verificada com sucesso. Agora podemos clicar em Ir para a propriedade e, se quiser, você pode seguir o tutorial para ver como tudo está. Normalmente não faço isso, mas vou explicar tudo com você de qualquer maneira. Então, quando você começar a obter mais dados, é aqui que você verá suas informações, as informações sobre o desempenho do seu site o desempenho dele na pesquisa do Google. Então, aqui você verá o desempenho. Você verá quais páginas estão indexadas e várias outras ferramentas como experiência do seu site e aprimoramentos, se quiser, e se eu clicar aqui, desempenho, é aqui que você verá tudo com mais detalhes Podemos selecionar páginas, podemos selecionar palavras-chave, países, dispositivos. Podemos verificar o desempenho de nossas páginas de acordo com dispositivos, países, pesquisas, aparências, datas e assim por diante Mais tarde, vou entrar em um dos meus sites e vou mostrar como fica. Mais informações com mais detalhes. Aqui você pode inspecionar URLs para ver se há índice. Então, se você clicar aqui, você pode colar qualquer URL que tiver e verificar se está indexado ou não E o URL do índice basicamente significa que está no banco de dados do Google e pode ser encontrado na pesquisa do Google. Então, basicamente, o que significa aqui você encontrará várias outras ferramentas e não tenha medo de explorar tudo sozinho. Dessa forma, você aprenderá a usar essa ferramenta um pouco melhor, mas, no momento, você não terá nenhuma informação. Você acessaria os links. Aqui, você verá backlinks, se quiser ter algum. E, como eu disse, essa ferramenta é muito conveniente para entender o desempenho do seu site na pesquisa do Google. Assim, você pode explorar todas as outras ferramentas, como a experiência de página. Então, aqui você verá informações sobre a experiência da sua página, se ela é boa em dispositivos móveis e assim por diante, você verá os sinais vitais do Corvette, do seu site desempenho do seu site de acordo com os do Google, quem são brancos da Web, então o Google tem suas próprias medidas para informar se seu site está carregando rápido, Mas se você quiser ter sinais vitais básicos da Web, não se estresse muito com isso De qualquer forma, não é o principal fator de classificação, então você pode explorar a dívida. Mas antes de eu mostrar como fica, como fica em um dos meus sites. Há outra coisa muito importante que temos que fazer. Temos que enviar nosso mapa do site. Temos que ir aqui Sitemaps. E temos que adicionar um mapa do site, basicamente de todos os URLs que temos em nosso Para encontrar nosso mapa do site, usaremos nossa ferramenta de SEO que instalamos anteriormente Então, vamos ao nosso site. Vamos até o painel. Vamos para a ferramenta de SEO que instalamos anteriormente, a Rank Math. Vamos selecionar o mapa do site Este é o nosso mapa Este é o nosso Podemos abrir esse mapa do site e basicamente, é apenas um mapa do site muito simples É meio autoexplicativo. É o mapa de todos os seus URLs no seu site. Então, aqui você tem o mapa do site do produto. Se eu clicar em produtos, como você pode ver, esses são todos os produtos que tenho no meu site. Vou voltar e quero copiar esse URL aqui. Quero voltar ao meu Google Search Console e vou colar esse URL aqui. Tudo bem, vamos clicar em Enviar. Tudo bem, então enviamos nosso mapa do site com sucesso e agora o Google começará a coletar informações sobre Então, se eu fosse para Visão geral, quando nosso site começar a receber algumas impressões, alguns cliques, é aqui que veremos todas as informações Então, vou abrir um dos meus sites para mostrar como fica. Tudo bem, então este é o meu perfil no Google Search Console de um dos meus sites E como você pode ver, esse é o desempenho. Assim, podemos ver quantos cliques recebemos, quantos cliques você recebe dos resultados da pesquisa, do Google Discover e assim por diante Se eu rolar para baixo, essa é a quantidade de URLs que o Google indexou no Como você pode ver, eu adicionei alguns vídeos, então essas são as estatísticas do índice, as páginas de vídeo e a experiência, como você pode ver, e alguns dos sites Minha experiência é muito ruim, mas não se preocupe com isso Isso não afeta muito os rankings e você não deve se concentrar muito nisso. Mas como seus aplicativos serão novos, serão novos, sua experiência com a página deve ser boa de qualquer maneira. Então, se eu vou rolar para baixo e ver mais algumas ferramentas, como informações de compras, algumas delas são produtos listados em anúncios de compras E se eu for rolar para baixo, tenho alguns aprimoramentos, tenho alguns aprimoramentos, trechos de revisão de perguntas frequentes Então é aqui que você pode ver todas as informações. Se eu for falar sobre desempenho aqui, posso clicar nos resultados da pesquisa. Então, como você pode ver, eu posso ver quantos cliques e quantas impressões, Deus, nos últimos três meses E eu posso verificar qual é a minha taxa de cliques, qual é a minha E se eu vou ativar a taxa de cliques, é assim que parece E aqui, essas são as palavras-chave. Aqui eu posso verificar quais palavras-chave estão me trazendo mais tráfego. Então, essa palavra-chave aqui, como você pode ver, está me trazendo mais tráfego. Está recebendo muitas impressões. taxa de cliques é bastante baixa, mas a posição é Então, como você pode ver, posso ver a posição que ela está classificada na pesquisa do Google, mesmo que essas palavras-chave sejam muito competitivas. E estou muito bem classificado. Então, se eu clicar aqui nas páginas, posso ver, bem, estou funcionando com base nas páginas, então essa é a página que está com o melhor desempenho. Eu posso até mesmo selecionar esta página. E como você pode ver, eu posso obter as estatísticas desta página específica. Então é assim que funciona. Você pode explorar tudo sozinho e, claro, eu recomendo que você explore tudo sozinho. Quando você começa a obter mais dados, esses são vários filtros. Assim, posso fechar esses filtros selecionados anteriormente para me mostrar o desempenho das minhas páginas. E como você pode ver isso como uma perspectiva, posso verificar quais países estão me trazendo mais tráfego, quais são os mais sábios, mais usados e assim por diante Essa depende de você. E em descubra. Como você pode ver, eu posso verificar quantos cliques eu acho que o Google descobre E geralmente o Google Discover aparece quando você está escrevendo postagens no blog, você escreve muitas postagens no blog e o Google apresenta alguns dos seus conteúdos. Às vezes, ele simplesmente aparece em destaque, às vezes simplesmente não aparece. Mas se você fizer upload de conteúdo diariamente, você será destaque no Google discover. Então é assim que funciona. E a indexação de páginas, como você pode ver, posso verificar quantas páginas estão indexadas e quantas não estão indexadas e Então, essas são as informações sobre vírus que eu posso verificar. Posso até mesmo verificar meus links de retorno se eu quiser rolar para baixo, se eu clicar em links, como você pode ver, posso verificar quantos sites estão vinculados ao meu site, quantos backlinks eu tenho, quantos backlinks eu tenho, quais outros sites estão vinculando minhas páginas Portanto, é muito conveniente ter essa ferramenta. É muito útil quando você quer entender o que funciona e o que não funciona, quais palavras-chave estão trazendo mais tráfego para você? Talvez você possa escrever algum outro conteúdo com base nessas palavras-chave e obter algum tráfego dessas postagens de blog ou produtos e assim por diante. A maior parte do tráfego que estou recebendo nesta loja on-line vem de postagens de blog. Mas eu estou recebendo de produtos , então é assim que parece. Então, quando você começar a obter impressões de tráfego, é assim que tudo vai parecer e se basear até que você não tenha nenhum dado, você não poderá explorar Mas quando o Google começar a coletar dados do seu site, você verá tudo aqui. Então é assim que funciona. E mais uma vez, se você precisar de ajuda com todas essas ferramentas ou algo parecido com SEO, não hesite em se juntar ao meu grupo no Facebook. Tudo bem, agora podemos fechar nosso Google Search Console. Podemos fechar nosso mapa do site. E, basicamente, podemos acessar nosso site. E é praticamente isso para esta lição. Agora, sabemos como configurar seu perfil do Google Search Console 60. (7.3) como configurar o Google Analytics 4: Tudo bem, nesta lição vamos configurar o Google Analytics e vamos configurar o Google Tag Manager A razão pela qual estamos usando o Google Analytics é porque queremos entender o tráfego que está chegando aos nossos sites. Usando o Google Analytics, poderemos verificar quantos visitantes estamos recebendo onde vêm esses visitantes . Se esses visitantes vêm de mecanismos de pesquisa como Google, Bing ou qualquer outro, se eles vêm de perfis de mídia social como Pinterest, Facebook ou qualquer outro Esses visitantes sentados são visitantes diretos que digitam seu site no navegador e acessam seu site. Além disso, você poderá ver as compras, as vendas de onde elas vêm. Assim, você verá se as vendas vêm de fontes orgânicas, mídia social ou de qualquer outra fonte. Portanto, ter o Google Analytics é extremamente importante, especialmente se você quiser administrar uma loja on-line de sucesso. E a razão pela qual vamos configurar o Google Tag Manager é porque, com o Google Tag Manager, poderemos conectar nosso Google Analytics. E o Google Tag Manager é uma ferramenta que você instala no seu site. E, basicamente, seu site , de certa forma, passa pelo Google Tag Manager e captura vários detalhes, como Adicionar ao carrinho, compras, visualizações de página e assim por diante O Gerenciador de tags do Google envia essas informações para o Google Analytics. Depois de fazer login na sua conta do Google Analytics, você pode ver todas as informações de forma bem estruturada. Além disso, é muito conveniente ter o Google Tag Manager, especialmente se, no futuro, você decidir veicular anúncios do Facebook, anúncios do Pinterest, lê-los ou até mesmo anúncios do Google ou algo parecido Porque usando o Google Tag Manager, você poderá instalar vários pixels, digamos, o pixel do Facebook. O pixel do Facebook ajuda você a rastrear conversões e acompanhar as visualizações da página Adicionar ao carrinho E usando esses detalhes, o Facebook otimiza seus anúncios. Portanto, é muito importante ter isso. É por isso que nesta lição vamos configurar nosso Google Analytics e vamos configurar o Google Tag Manager. Então, primeiro, vamos ao Google e digitar Google Analytics. Tudo bem, aqui podemos selecionar o Google Analytics quatro porque é uma nova versão E aqui, você deseja selecionar essa opção. Então, vamos selecionar essa opção. Agora, vamos clicar em começar a medir. Aqui você pode adicionar o nome da sua conta. Então, basta dar o nome do seu site. Então, vou voltar à nossa cetose. Vamos rolar para baixo e clicar em Avançar. Mais uma vez, digite seu nome próprio. Então, seu nome próprio, mais uma vez será o nome do seu site. Então, neste caso, vou amarrar abacates com bacon aqui Selecione o fuso horário do relatório. E, claro, selecione a moeda que você usará. Então, serão dólares americanos, euros ou qualquer outra moeda. Isso é muito importante. Então, basta selecionar seu fuso horário e selecionar sua moeda. Tudo bem, então vou clicar em Avançar. Vamos selecionar nosso setor. Então, no meu caso, posso chamá-lo de jogos, brinquedos, algo assim. E vou selecionar o tamanho da empresa, ela é pequena. Vamos clicar em Avançar. Portanto, nossos objetivos de negócios ou vendas on-line secas aumentam. reconhecimento da marca examinou o comportamento do usuário e, é claro, obteve relatórios básicos Agora podemos selecionar, impulsionar as vendas on-line, aumentar o reconhecimento da marca e examinar o comportamento do usuário. Tudo bem, vamos clicar em Criar. Agora, vamos concordar com os termos de serviço. Vamos clicar aqui mesmo. Vamos selecionar aceitar. Vamos escolher a Web. E aqui, basta digitar URL do seu site e dar o nome a essa propriedade para que o nome seja igual ao título do seu site. Tudo bem, vamos selecionar Criar stream. Tudo bem, então, por enquanto, não precisamos seguir nenhuma instrução para o Google Tag Manager E depois vamos instalar isso. Vamos rolar para baixo, vamos ver o que mais temos. Agora, podemos fechar este aqui, e esta é nossa propriedade. Então, agora podemos selecionar essa propriedade. Tudo bem, então abra a mesma janela. Vamos fechá-lo. E em vez de fazer isso, vamos clicar em Avançar. Tudo bem, então a coleta de dados é um gasto, então vai levar algum tempo até que o Google Analytics comece a coletar dados Mas geralmente você verá essas informações imediatamente, ao contrário do Google Search Console. E, no momento, diz que está pendente porque não conectamos nossa conta do Google Analytics e também não adicionamos o Google Tag Manager. Então, vamos clicar em continuar até a página inicial. Tudo bem, podemos clicar aqui para salvar, e basicamente esta é nossa propriedade Então, aqui vamos ver várias informações sobre o tráfego que está chegando ao nosso site. Então, anteriormente, quando configurávamos o Google Search Console, essa ferramenta era destinada apenas a analisar o tráfego que vem da Pesquisa Google e pronto. Mas o Google Analytics serve para analisar o tráfego proveniente de várias fontes, não apenas da Pesquisa do Google. Então essa é a grande vantagem do Google Analytics. Então, a próxima coisa que precisamos fazer agora é criar uma conta no Google Manager. Então, vamos para a nova guia e vamos pesquisar pelo Google Tag Manager. Tudo bem, vamos clicar em Enter Isso é o que queremos usar Então, selecione essa opção. E quando estiver aqui, agora, vamos clicar em Criar conta e dar um nome à sua conta. Então você pode chamar isso da mesma forma que sua empresa. Então, no meu caso, é claro que vai ser assado com abacates Selecione seu país. E agora vamos rolar para baixo e dar um nome ao nosso contêiner Podemos chamar nosso contêiner de nosso nome de domínio. Vamos selecionar Web aqui e clicar em Criar. Tudo bem, vamos clicar. Sim Tudo bem, então não vamos instalar o Google Tag Manager. Vamos fazer isso um pouco mais tarde. E agora, a partir daqui, podemos começar a trabalhar com um gerenciador de tags. E a primeira coisa que vamos fazer com o Gerenciador de tags, vamos configurar a tag do Google Analytics possamos conectar essas duas coisas. Então, para fazer isso, você quer ir aqui, tags. Vamos selecionar Novo. Vamos clicar aqui mesmo. E vamos escolher essa opção. Tudo bem, podemos dar o título. Portanto, seu título pode ser Analytics G A4. Tudo bem, então demos o título e agora temos que voltar à nossa tag E aqui precisaremos adicionar nosso ID de medição. Portanto, o ID de medição estará em nossa conta do Google Analytics. Então, vamos voltar à nossa conta do Google Analytics. Vamos até aqui para o administrador. Vamos escolher Data Streams. Vamos selecionar esse aqui e queremos copiar esse ID de medida. Então, vamos clicar aqui para copiar esse ID. Agora vamos voltar ao Google Tag Manager. Vamos colar esse ID aqui. E terminamos com essa parte. Agora, precisamos ativar o disparo. Então, vamos clicar aqui, acionando, e vamos escolher todas as páginas Então, queremos acionar essa tag em todas as páginas do nosso site. Então, vamos selecionar todas as páginas. Vamos clicar em Salvar. Agora podemos clicar em enviar e vamos clicar em Publicar. Tudo bem, vamos clicar em continuar. E assim, conectamos o Google Analytics ao Google Tag Manager e publicamos todas as mudanças. Tudo bem, vamos fechar este aqui. Agora, precisaremos adicionar o Google Tag Manager ao nosso site. Não precisaremos adicionar o Google Analytics porque o Google Analytics já está conectado ao Google Tag Manager. E a única coisa que precisamos adicionar ao nosso site é o Google Tag Manager. Tudo bem, vamos ao nosso site e vamos ao painel Agora precisaremos instalar um plugin. Então, vamos ao plugin. Então, vamos selecionar Adicionar novo. E aqui, basta digitar Google Tag Manager. Esse é o plugin que queremos usar. Então, vamos clicar em Instalar. Agora, vamos clicar em Ativar. E agora podemos acessar as configurações aqui. E vamos selecionar o Google Tag Manager. E aqui, precisaremos acompanhar a ideia do nosso Google Tag Manager. Então, vamos voltar ao Google Tag Manager. Vamos voltar ao espaço de trabalho. E essa é a ideia que você quer copiar. Então essa é a ideia. Então, vamos selecionar esse ID e clicar em Copiar. Vamos voltar ao nosso site e colar essa ideia aqui. E certifique-se de que você não tenha espaços no início desse anúncio e no final dessa ideia. Porque se você vai ter algum espaço, ele não vai funcionar e não se esqueça de selecionar. Tudo bem, vamos clicar em Salvar alterações. Agora vamos para a guia de integração. Vamos escolher o WooCommerce e selecionar rastrear o comércio eletrônico aprimorado Tudo bem, vamos rolar para baixo e clicar em Salvar alterações. Tudo bem, agora precisaremos configurar nosso Gerenciador de tags do Google para que possamos enviar vários detalhes de comércio eletrônico, como Adicionar ao carrinho, detalhes da compra, visualizações de produtos e assim por diante No momento, ele está apenas mostrando visualizações de página e não está registrando vários gatilhos de comércio eletrônico Então, para fazer isso, quero que você economize algum tempo e eu já tenho um arquivo, então você precisa baixar um arquivo em que eu tenha variáveis pré-configuradas para que você não precise se complicar demais com a classificação Eu entendo que isso pode ficar muito confuso, então eu fiz isso por você Então você não precisaria se confundir muito. Então você pode ir ao meu grupo do Facebook e eu tenho uma postagem fixa onde eu enviei esse arquivo, enviei esse arquivo para o meu Google Drive e você pode baixar esse arquivo do meu grupo do Facebook se você já estiver nesse grupo, ou se você não estiver nesse grupo, eu recomendo fortemente que você se junte a este grupo, mas se você não quiser, aqui está o link, encurte o e você pode acessar esse URL aqui. E é aqui que você acessará o meu Google Drive, basta clicar em Download e usaremos esse arquivo imediatamente. Depois de baixar este arquivo, você deve ir aqui mesmo na guia Administrador. Vamos selecionar Importar contêiner e escolher o arquivo do contêiner. Então eu vou para minha pasta de downloads, e este é o arquivo que eu quero escolher. Tudo bem, vamos clicar em Abrir e vamos escolher o local de trabalho existente E vamos usar nosso local de trabalho que acabamos de criar. Vamos selecionar Mesclar e clicar em Confirmar bem. Agora, se vamos para a guia Tags, como você pode ver, temos uma nova tag que acabamos Se usarmos gatilhos, temos gatilhos de comércio eletrônico, vários gatilhos, como Adicionar ao carrinho, compra, visualização de página, inserção Se eu fosse para variáveis, essas são todas as variáveis que temos que serão usadas para rastrear várias conversões Tudo bem, vamos voltar às etiquetas. Vamos selecionar nossa tag recém-adicionada. Vamos clicar aqui mesmo em configurações. Vamos selecionar a tag de configuração e escolher a tag que criamos anteriormente quando estávamos configurando nossa conta do Google Tag Manager. E vamos clicar em Salvar. Tudo bem, antes de enviar nossas alterações, podemos clicar em visualizar e verificar se essa Se tudo funcionar aqui, você precisará basear o URL do seu site. Então, basta colar esse URL aqui e clicar em Conectar. Tudo bem, então nos conectamos com sucesso ao nosso site. Agora podemos selecionar este produto. Digamos, vamos escolher o estilo e vamos escolher a idade. E vamos ver se nosso Gerenciador de tags do Google está registrando tudo Então, vamos até aqui. Vamos selecionar essa opção aqui. Como você pode ver, o Gerenciador de tags do Google está funcionando. Então, vamos selecionar essa opção aqui. E, como você pode ver, ele está registrando vários gatilhos Portanto, visualizamos o item desde o início, a lista de itens, a visualização da página e assim por diante. Portanto, se eu voltar ao meu site e clicar em Adicionar ao carrinho, ele deverá registrar outro gatilho Adicionar ao carrinho. Então, se eu vou voltar aqui, como você pode ver, áreas registrando tudo Então, Adicionar ao carrinho também foi registrado. Então, agora podemos fechar este aqui. Como você vê aqui. Antes de fecharmos, podemos clicar em Concluir. Tudo bem, vamos fechar este. Tudo funciona. Então, vamos voltar ao nosso Gerenciador de tags. Agora podemos fechar este e clicar em Enviar. Tudo bem, vamos clicar em Publicar. Vamos clicar em Continuar. E agora tudo deve funcionar. Então, podemos fechar essa janela aqui. E, basicamente, terminamos de usar nosso Google Tag Manager. Agora você pode acessar seu site e o modo de navegação anônima. Basta abrir o modo de navegação anônima do e acessar seu site, conferir algumas das páginas, conferir alguns dos produtos Mais tarde, voltaremos ao Google Analytics e verificaremos se ele está registrando todos os dados, se está recebendo dados do Google Tag Manager Então, vou abrir meu site no modo de navegação anônima Vou clicar em algumas das páginas. Eu só vou verificar se tudo funciona. Eu vou para a categoria de fantasias. Eu vou selecionar este produto. E como você pode ver, nossa loja online parece muito boa. E vou apenas navegar pelo meu site. E quando eu terminar, vou fechar este aqui. E agora eu posso voltar para o Analytics. Posso fechar este e acessar minha página inicial do Google Analytics E agora ele deve registrar todas as visitas. Tudo bem, como você pode ver, está registrando tudo e mostra todas as visitas Então, essas foram visitas do site e, como você pode ver, ele está ativo. E quando você começar a obter mais dados, é aqui que você verá todas as informações. Você pode escolher se deseja verificar ontem, hoje, 90 dias ou qualquer outro período de tempo aqui Se quiser acessar os relatórios, encontrará vários outros relatórios mais detalhados. E mais uma vez, cabe a você explorar. E se você tiver alguma dúvida, não hesite em entrar no meu grupo no Facebook e me mandar uma mensagem e isso o ajudará imediatamente. Como eu disse, cabe a você explorar , geralmente as coisas mais importantes para mim. Quero verificar quantos visitantes estou recebendo, onde esses visitantes estão vindo. Então, uma vez que eu clico aqui, eu posso ver isso aqui neste gráfico, eu posso ver a receita, as vendas, onde essas vendas estão vindo e todas essas informações. No momento, não temos dados, mas quando você coletar mais dados, é aqui que você poderá verificar tudo. Portanto, o Google Analytics é uma ferramenta extremamente útil. E se você quiser expandir sua loja on-line, isso é essencial Então, isso é tudo para esta lição. 61. (7.4) vamos fazer uma pesquisa por palavras-chave: Tudo bem, nesta lição, faremos uma pesquisa rápida de palavras-chave para descobrir o desempenho da nossa palavra-chave, mas não treine o brinquedo E talvez encontremos uma versão melhor dessa palavra-chave que possamos usar em vez disso no brinquedo de trem. E quando você está fazendo uma pesquisa de palavras-chave, depende totalmente de você, porque é claro que você terá produtos diferentes. Você terá postagens diferentes no blog e assim por diante. Mas essa será uma introdução rápida. Vou apenas mostrar a ferramenta que eu mesmo uso e recomendo fortemente que você a use também porque não custa muito. E antes de começarmos a explorar a ferramenta de dados, eu só queria mostrar a vocês que abrem um dos meus concorrentes. Então, digamos que eu acabei de encontrar uma loja de comércio eletrônico que vende brinquedos e tem muitos brinquedos para comida e trem E esse é o brinquedo que eu quero investigar. Esse é o brinquedo. Quero verificar usando essa ferramenta e depois, é exatamente isso que vamos fazer. Mas antes de fazer isso, antes de tudo, precisamos acessar essa ferramenta. Uma ferramenta que eu gosto de usar se chama Uber suggest. Então, basta digitar a pesquisa do Google, Ubersuggest, e é assim que essa ferramenta é chamada Então, vamos pressionar Enter. E aqui você encontrará esses dois Ubersuggest. Então, vamos selecionar essa ferramenta aqui. Você poderá criar sua conta. Se você for criar sua conta, terá um teste gratuito de sete dias. Então, será mais do que suficiente fazer nossa pesquisa básica de palavras-chave para descobrir quais palavras-chave são populares, quais palavras-chave são boas ou quais não são boas Então, neste caso, já tenho minha conta, então vou clicar aqui para entrar e vou entrar na minha conta Depois de criar sua conta e entrar na sua conta, é isso que você verá. Você terá a oportunidade de adicionar seu nome de domínio e assim por diante. Então, eu já conectei esse nome de domínio, mas o Google Analytics, e depois de criar sua conta, você também poderá fazer isso. No meu caso, não consigo fazer isso porque já fiz isso. Aqui você verá uma opção para se conectar ao Google Analytics. É muito simples. Você só precisará permitir que essa ferramenta use seu Google Analytics fazendo login com seu endereço de e-mail. Então, isso basicamente vai precisar fazer. Tudo bem, então se eu vou rolar para baixo, essa é a informação que eu Eu posso ver meu tráfego orgânico. Qual é o meu tráfego orgânico? O que estou recebendo é verificar isso por dispositivos, dispositivos desktop de BI, por dispositivos móveis, tablets e assim por diante. E aqui tenho algumas palavras-chave que adicionei e que queria verificar o quão bem estou ranqueando. E como você pode ver, essa é a quantidade de backlinks que eu tenho Esta é minha pontuação de SEO na página. Então, o SEO on-page, como você já sabe, é tudo o que você faz no seu site Então é isso que está em seu poder. Então, depois de adicionar seu nome de domínio, você obterá uma pontuação de quão bem você está se saindo. E no meu caso, está indo muito bem. Temos estimativas de tráfego e assim por diante. Se eu clicar aqui, rastreamento de classificação, é aqui que você verá o quão bem suas palavras-chave estão ranqueadas. Então, aqui você poderá adicionar várias palavras-chave clicando aqui. E digamos que, no meu caso, eu queira rastrear a palavra-chave, não treinaria um brinquedo. E então vamos basear essa palavra-chave aqui. E essa ferramenta me informará qual posição essa palavra-chave está classificada. Então, essas são as palavras-chave que estou rastreando. E essa vai depender de você, porque é claro que você terá palavras-chave diferentes para rastrear e explorar isso sozinho. Normalmente, uso apenas a primeira guia aqui, Painel, apenas para verificar rapidamente o desempenho do meu site ou para verificar o rastreamento de classificação E aqui você pode explorar outras ferramentas. Mas a ferramenta mais importante nesta lição que vamos explorar será aqui, a pesquisa de palavras-chave. Então, se eu vou selecionar este, como você pode ver, ele se expande e temos várias ferramentas Então, se eu clicar em Visão geral das palavras-chave, é aqui que posso verificar as palavras-chave e, como você pode ver, você pode selecionar sua localização, selecionar seu idioma. Nesse caso, é claro, estou usando o idioma inglês e a localização será nos Estados Unidos. Então, aqui, vou digitar minha palavra-chave no brinquedo de trem e clicar em Pesquisar nove. Como você pode ver aqui, eu recebo várias informações. Então, como você pode ver aqui, esse é o volume de pesquisa. Em média, uma a 900 pessoas procuram brinquedos de madeira todos os meses. E Estados Unidos, uma palavra-chave bastante popular. E, como você pode ver, dificuldade de SEO. Portanto, a dificuldade de SEO vai de 1 a 100 e, no momento, é 55, está um pouco acima da média Vai ser um pouco difícil ranquear para essa palavra-chave. Como você pode ver, ele ainda nos dá algumas sugestões para nos classificarmos entre os dez primeiros para essa palavra-chave. Normalmente, os sites têm backlinks individuais e um domínio de seis a cinco Isso é muito alto, especialmente se você está apenas criando novos sites. Isso significa que você precisará criar alguns backlinks para criar sua autoridade de domínio e também pagar por isso Como você pode ver, temos algumas sugestões sobre dificuldade remunerada. Portanto, a dificuldade de pagamento é de 100, então isso significa que é uma palavra-chave muito competitiva, se você decidir veicular anúncios no Google E o custo médio por clique é de um sétimo. Então, esse é o quanto custa veicular anúncios com um clique. Isso não significa necessariamente que isso é quanto vai custar. Vai custar um pouco menos, às vezes um pouco mais, mas essa é apenas a média. E, como você pode ver, o volume de pesquisas aqui aumenta em novembro e dezembro. Então, durante o período de Natal, obviamente, haverá um maior volume de pesquisas. E se eu for rolar para baixo, tenho várias palavras-chave, sugestões, outras sugestões, talvez eu encontre a palavra-chave que seja menos competitiva e que eu possa usar em vez de usar essa palavra-chave que seja bastante competitiva Então, aqui você verá todas as palavras-chave sugeridas Aqui você verá ideias de conteúdo. E, basicamente, esses são apenas os outros sites classificados para essa palavra-chave específica. E você pode ver quanto tráfego eles estão recebendo por mês e assim por diante e quantos backlinks eles também têm Tudo bem, então se eu vou clicar aqui, veja todas as sugestões de palavras-chave Vou ver todas as sugestões de palavras-chave e posso usar filtros. Então, digamos que eu esteja procurando um volume aqui de 52.000 por mês. Isso significa que estou procurando entre 52.000 pesquisas mensais que essa palavra-chave tem Então é exatamente isso que vou digitar 50 a 2000. Tudo bem, agora vou clicar em Aplicar. Agora eu posso classificar pela dificuldade da palavra-chave. Então, eu vou selecionar este. Não, desculpe, eu tenho que selecionar este. Posso selecionar da palavra-chave menos competitiva até a mais competitiva. Como você pode ver aqui, temos brinquedos de madeira para crianças de quatro anos. E não é uma palavra-chave competitiva, mas não faz muito sentido porque estamos procurando a palavra-chave Wooden Train. Tudo bem, então talvez essa palavra-chave seja boa para categorias Bem, você tem uma categoria para crianças de quatro anos ou algo parecido ou qualquer outra no seu caso, é claro que vai ser diferente é claro que vai ser Mas estou apenas mostrando isso como um exemplo. Então, como você pode ver, a palavra-chave menos competitiva aqui está dentro de um conjunto de brinquedos treinado. E como você sabe, é uma palavra-chave de cauda longa , tem quatro palavras e o volume é 480 Talvez não seja muito, mas a dificuldade da palavra-chave não é tão alta quanto na palavra-chave anterior. Assim, podemos selecionar essa palavra-chave verificar sua aparência. Então, como você pode ver, aumenta durante o período de Natal. Claro, é assim que funciona. E cabe a você mesmo explorar essa ferramenta e decidir quais palavras-chave deseja usar. É basicamente assim que eu faço pesquisas de palavras-chave com essa ferramenta. Acabei de ler as palavras-chave. Depois de selecionar, digamos essa palavra-chave, examinarei outras ideias de palavras-chave. Vou clicar aqui mesmo. E, como você pode ver, temos ainda mais ideias. Eu posso classificar por dificuldade de palavra-chave em apenas um segundo. E é assim que parece. É claro que diz zero porque não é uma palavra-chave popular. Como você pode ver aqui, temos um brinquedo legal, que não treinaria. Há um erro de digitação aqui. Obviamente, você não vai ranquear para esse tipo de palavra-chave. Mas, como você pode ver, é assim que você pode fazer uma pesquisa simples de palavras-chave para descobrir o desempenho das palavras-chave. Se você tem uma ideia de como deseja nomear seu produto ou qual palavra-chave deseja segmentar. Você pode verificar se essa palavra-chave é popular. Se as pessoas usam essa palavra-chave para procurar esse tipo de produto ou não, essa ferramenta é muito conveniente. Você pode usar essa ferramenta desse jeito, como eu mostrei. E é exatamente assim que eu uso essa ferramenta. E eu geralmente tenho uma classificação bastante alta nos resultados de pesquisa do Google. E me concentrei em otimizar meu conteúdo, meus produtos, minhas postagens no blog Se eu estiver escrevendo postagens no blog, é claro, e na aula posterior, mostrarei o que faço para otimizar o produto. Tudo bem, então é assim que você faz uma pesquisa regular de palavras-chave quando tem uma ideia de como deseja chamar seu produto Mas se você não souber como chamar seu produto, poderá encontrar seus concorrentes. Então, neste caso, esse é meu concorrente. Vou copiar esse URL e vou voltar para a ferramenta Ubersuggest E eu vou aqui mesmo. E estimativa de tráfego, se eu clicar aqui, visão geral do tráfego, posso verificar quantas visitas esse URL está recebendo Então, vou colar esse URL aqui e clicar em Pesquisar. Tudo bem, como você pode ver, este produto está recebendo cerca de 500 visitas mensais É classificado com 291 palavras-chave para vários tipos diferentes de palavras-chave Esta página não tem um limite para isso, acabou de se tornar gratuita. Tem apenas um backlink e tem uma classificação muito alta. E geralmente a razão pela qual essa página tem uma classificação tão alta é porque o domínio em si é muito poderoso. Ele tem uma alta pontuação de autoridade de domínio e tem muito tráfego e é apenas um domínio confiável, um site confiável Se você for rolar para baixo, veremos por quais palavras-chave esse produto está ranqueando e veremos quantas visitas essas palavras-chave estão recebendo Então, nesse caso, ele tem até mesmo uma palavra-chave da marca, data train. E como você pode ver, o volume não é tão alto, mas essa é uma palavra-chave da marca. É muito poderoso, e isso significa que este site é bastante popular. Então, como você pode ver, ele está classificado em primeiro lugar. Para brinquedos, treine sua classificação em terceiro lugar. E como você pode ver, quantas visitas cada lugar está recebendo. Se eu clicasse aqui para verificar todas as palavras-chave para as quais este produto está classificado. Eu posso verificar tudo. Eu posso classificar tudo pela dificuldade da palavra-chave. Mais uma vez, se eu vou clicar aqui, só um segundo. Como você pode ver, posso classificar pela dificuldade da palavra-chave. Então, como você pode ver, treine com tratores Talvez seja uma boa palavra-chave se você tiver um produto similar e, como você pode ver, ela tem um volume alto e uma dificuldade menor de palavras-chave Então, basicamente, é assim que a pesquisa de palavras-chave funciona. Se você tem uma ideia de como quer nomear seu produto, basta usar essa ferramenta para verificar se essa palavra-chave que você planeja usar é popular. Se as pessoas usam essa palavra-chave para procurar produtos ou não. Se as pessoas não usarem essa palavra-chave, você pode tentar versões diferentes. Você pode tentar várias sugestões. Se você não encontrar nenhuma sugestão, tente espionar seus concorrentes Dessa forma, você pode descobrir quais palavras-chave funcionariam para o seu produto. E no meu caso, eu não treinaria um brinquedo, vai funcionar bem. Talvez eu pudesse renomear isso para conjunto de gravatas de trem de madeira, mas eu vou embora, mas não tentaria amarrar e vou deixar assim Mas eu só queria mostrar como a pesquisa de palavras-chave funciona para que eu possa fechar todos esses fornecedores. E, basicamente, isso é tudo para esta lição. Agora sabemos como funciona a pesquisa simples de palavras-chave 62. (7.5) vamos otimizar seu conteúdo: Nesta lição, vou mostrar a fórmula de leite que uso para otimizar os produtos de ml. Então, este é o produto Wooden Toy Train e, obviamente, a palavra-chave que estou me concentrando é Wooden Train Ty info. É bastante competitivo. Decidi usá-lo apenas para te mostrar como exemplo. Se eu vou clicar aqui, neste produto, vamos ter certeza de que temos todos os requisitos em vigor. Então, a primeira coisa quando você está trabalhando em seu produto, ao otimizá-lo, é claro, você quer incluir sua palavra-chave principal no início do título Então, no meu caso, é um brinquedo de trem de madeira. E se eu decidisse acrescentar algo aqui, brinquedo de trem de madeira com uma corda ou algo parecido Isso não contará como uma tecla. Minha palavra-chave é brinquedo de trem de madeira. Então eu posso deixar isso assim. Não preciso acrescentar mais nada. Mas se você precisar adicionar mais algumas palavras ao seu produto, certifique-se de que sua palavra-chave esteja no início do título. Então, isso está pronto. Temos nossa palavra-chave no título. Também temos nossa palavra-chave na URL do nosso produto aqui, o que também é muito importante. Mas eu não falei sobre isso no início da seção porque quando você dá o título ao seu produto com uma palavra-chave, ele geralmente adiciona essa palavra-chave ao seu URL porque fizemos ajustes de links permanentes quando estávamos trabalhando com as configurações do Wordpress Então, temos nossa palavra-chave no título. Temos nossa palavra-chave em URL aqui. Então isso é ótimo. E aqui, temos nossa palavra-chave na descrição. Como essa descrição é bem curta , tem apenas 100 palavras. Também incluí essa palavra-chave duas vezes na minha descrição, mas geralmente recomendo escrever uma descrição de cerca de 200 palavras, é a que funciona melhor. E, como você pode ver, incluí minha palavra-chave principal no início da minha descrição. Então, na primeira frase, como você pode ver, diz a introdução do brinquedo de trem de madeira. Então, temos esse cheque. nossa palavra-chave no início de nossa descrição e, se você continuar lendo essa descrição, descobrirá que há um lugar onde podemos incluir nossa palavra-chave. Então, aqui, esse trem. Então, em vez de dizer este trem, poderíamos dizer que isso não treinará um brinquedo. Vou digitar aqui, esse brinquedo de trem de madeira Como você pode ver agora, temos nossa palavra-chave principal na descrição duas vezes, e temos aqui, e a temos no início de nossa descrição, o que é ótimo. Como mencionei antes, sua descrição deve ter cerca de 200 palavras. Então, terminamos com essa parte. E agora temos que ter certeza de que temos nossa palavra-chave na foto do nosso produto. Então, esta é a nossa imagem em destaque, se eu for selecionar essa imagem. Como você pode ver, eu tenho o título desta imagem de brinquedo de trem de madeira e, nos textos, incluí esse brinquedo de trem de madeira também. Então é isso que você também quer fazer com sua imagem em destaque. E isso é muito importante. Portanto, não se esqueça de incluir sua palavra-chave no título da imagem e também no texto antigo. Se eu escolhesse outra imagem que faça parte da nossa galeria de imagens, como você pode ver, incluí variação um pouco diferente dessa palavra-chave, apenas trem de madeira. Não quero ser spam, então é assim que eu faço as coisas e geralmente funciona E é só um trem de madeira. E, na verdade, esse texto antigo descreve a imagem. Esse é realmente o propósito do texto. Se sua imagem falhar ao carregar, você verá um texto, seus clientes e seus visitantes verão um texto em vez de uma imagem. Esse é o propósito do texto antigo. Então, fizemos isso. Incluímos a outra variação da palavra-chave nas imagens da galeria de produtos. Se eu escolhesse esta imagem, como você pode ver, incluí um conjunto de brinquedos de trem de madeira. Então eu incluí uma variação um pouco diferente. Você ainda pode dizer que essa é a palavra-chave que pretendemos. Tem brinquedo de trem de madeira, mas em vez disso, incluímos conjunto de brinquedos de trem de madeira. Isso é bom. Aqui, acabei de dizer no Wooden train Coach, só para descrever essa imagem, já que não quero ser muito spam com minha palavra-chave Aqui, incluí peças de brinquedos de madeira porque, mais uma vez não quero ser spam, e aqui fiz o mesmo Então, podemos fechar este. Portanto, temos nossa tecla na imagem. Temos algumas variações diferentes na galeria de produtos, o que é ótimo. Aqui mesmo na tecla Focus, podemos digitar nosso teclado de foco para verificar se estamos nos saindo bem com este produto Vou digitar meu brinquedo de trem de madeira com teclado e apertar Enter Tudo bem, como você pode ver, temos a marca amarela, e está bom. Não estamos obtendo uma pontuação melhor porque nos recomenda escrever 600 palavras, mas não se preocupe com isso É apenas focar na postagem do blog. E quando você está escrevendo descrições, descrições de produtos, 200 palavras mais do que suficientes. Então isso é bom. Apesar de termos obtido 67 de 100, essa é uma pontuação muito boa, e devemos ficar bem com isso. Então, basicamente, é assim que eu otimizo meus produtos. E também nas etiquetas dos produtos, incluo brinquedos de madeira, como você pode ver, tenho uma etiqueta de brinquedo de madeira e tenho um trem. Então, eu costumo usar essas variações porque sei que talvez tenha mais produtos no futuro, que serão brinquedos de madeira, e talvez eu tenha outros brinquedos, brinquedos de trem, mas esses brinquedos podem não ser trens de madeira. Então, eu incluo o trem , bem como um imposto separado. Mas você não precisa se concentrar demais nos impostos. É assim que eu gosto de fazer, e cabe a você explorar essas configurações, essas opções. E agora podemos subir, e vamos examinar as coisas mais uma vez. Portanto, não se esqueça de incluir sua palavra-chave principal depois de fazer sua pesquisa de palavras-chave no título do seu produto No URL, ele será incluído automaticamente se você o incluir em seu título. E não se esqueça de incluir sua palavra-chave cerca de duas vezes na descrição e não se esqueça de incluir sua palavra-chave na imagem em destaque e incluir suas variações dessa palavra-chave e da galeria de imagens do produto. R aqui. Como você pode ver, é assim que vai ficar, e você não precisará fazer nenhuma alteração no trecho do meta título ou da meta descrição, se quiser fazer tudo aqui Então, podemos clicar na data Se pudermos clicar em ver o produto e, basicamente, isso é tudo. É assim que você otimiza seus produtos. Lembre-se de que você deve buscar palavras-chave menos competitivas porque seu site é novo, não tem links de retorno ou algo parecido, e você deseja focar nas palavras-chave que têm menos concorrência. Isso é tudo para esta lição. 63. Síntese da seção 7: E terminamos com a seção de SEO. Portanto, essa seção era como um curso completamente separado do curso. Então agora você sabe o que é SEO, otimização de mecanismos de busca. Você sabe como funciona, sabe como fazer pesquisas de palavras-chave, como otimizar seu conteúdo, seus produtos e como usar ferramentas para entender o tráfego que está chegando ao seu site. Isso é muito importante se você quiser criar uma loja on-line de sucesso, você precisa entender como os visitantes usam seu site. Quais são as páginas mais populares, quais palavras-chave trazem mais tráfego para você? E, claro, o SEO é extremamente importante se você quiser que essas vendas gratuitas cheguem ao seu site e se você começar a receber vendas gratuitas, vendas orgânicas, isso significa que, se você começar a veicular anúncios pagos, também funcionará Se você vai conseguir vendas de revenda do Google, confie em mim, uma vez que você comece a veicular anúncios, vai funcionar ainda melhor Mas agora você sabe como isso funciona, você sabe como toda a parte de otimização funciona, como funciona o SEO na página, você sabe sobre SEO fora da página, e essa é uma base sólida em Então, parabéns por isso. Agora, o que é SEO, como isso funciona? E isso vai ajudar você a obter essas vendas orgânicas, as vendas gratuitas para o seu site. Parabéns por isso. 64. (8.0) Introdução ao blogging: Tudo bem, vamos começar a falar sobre blogs em sua loja de comércio eletrônico Então, eu já falei sobre isso em outras aulas, meio que disse que escrever postagens de blog em sua loja de comércio eletrônico é uma boa prática Você pode atrair mais visitantes ao seu site e esperar mais clientes. Normalmente, muitas lojas de comércio eletrônico fazem isso, fazem isso também Então, por exemplo, se eu decidisse que quero escrever postagens de blog com esta loja de comércio eletrônico, ou seja, em Toys Nish para crianças, eu poderia escrever esses posts sobre ideias de presentes para, digamos, crianças de quatro ou seis anos ou algo parecido Ensino de Tesori e todos os outros tipos similares de postagens de bloqueio E se você fizesse uma pesquisa de palavras-chave, examinando esses tipos de teclas, descobriria que essas teclas são bastante populares E para adicionar um produto com uma ideia de presente de título para uma criança de 4 anos, só quero trabalhar e aproveitar essa tecla desse popular chaveiro, digamos que você possa escrever um Então, para começar a escrever postagens de blog, você precisará criar sua página de bloqueio e, em seguida, criar categorias para sua postagem de bloqueio. Então, vamos começar criando nossa página de bloqueio. Então, vamos ao painel. Vamos para todas as páginas ou, em vez de ir para todas as páginas, vamos clicar em Adicionar novo. Vamos dar um título ao blog e clicar em Publicar. Vamos clicar em Publicar mais uma vez. Vamos voltar e agora temos que definir essa página para ser nossa página de blog. Para fazer isso, precisamos acessar as configurações. Vamos selecionar a leitura e, na seção da página de postagem aqui, vamos escolher o blog. E vamos clicar em salvar alterações. Tudo bem, então temos nossa página de bloqueio pronta, e agora podemos verificar e ver como ela vai ficar. Então, vamos para todas as páginas. E como você pode ver, o blog agora está configurado para ser uma página de postagem. Assim, podemos clicar em visualizar e, como você pode ver aqui, temos algumas postagens de bloqueio. Então, aqui você encontrará todas as postagens do bloco. Então, como você pode ver, no momento, temos apenas duas postagens de bloqueio. Aqui temos uma barra lateral. Então é assim que essa barra lateral se parece. Parece muito confuso, então nosso próximo teste será consertar essa barra lateral aqui Normalmente, também gosto de exibir as postagens mais recentes, as postagens recentes e as categorias. Mas, no momento, não temos nenhuma categoria criada. Portanto, antes de trabalharmos em nossa barra lateral, devemos criar algumas categorias para nossas postagens de bloco. Então, para fazer isso, vamos voltar ao painel. E, claro, isso depende totalmente de você, que tipo de categorias você deseja ter. Normalmente tenho cerca de cinco categorias, mas nesta lição, vou mostrar como criar duas categorias. E mesmo que você tenha menos categorias, isso realmente não muda nada. Porque geralmente gosto de usar postagens de blog para fornecer informações úteis para meus visitantes e leitores. Dessa forma, posso construir minha confiança e, dessa forma, também posso esperar obter mais clientes posteriormente, porque meus futuros clientes estarão familiarizados com meu site. Então é assim que eu uso os blogs. Por exemplo, tenho uma loja de comércio eletrônico onde vendo brinquedos para gatos, gatos, produtos para amantes de gatos. E neste site e blog, tenho muitas categorias com várias dicas, raças, sugestões, conteúdo divertido e assim por diante Por isso, geralmente gosto de fornecer aos meus visitantes informações úteis das quais eles poderiam se beneficiar. Tudo bem. Então é assim que eu uso os blogs. Agora, você meio que tem uma ideia de como você pode usá-lo também. Então, antes de sairmos, vamos criar nossas categorias. Então, para criar categorias, temos que fazer pose e clicar em categorias. Como você pode ver por padrão, temos uma categoria chamada não categorizada e não podemos excluir essa categoria, pois ela é e não podemos excluir essa categoria, criada por padrão, é apenas a maneira como funciona, não podemos excluir essa categoria porque WordPress precisa ter pelo menos uma categoria e geralmente não é Em vez de procurar maneiras de excluir essa categoria, podemos editá-la aqui. Vamos clicar. Edição rápida, e vou dar o mesmo nome e a escória O sleg será o que veremos na URL dessa categoria Essa eu vou chamar de Montessori e vou clicar em Atualizar categoria Na categoria Montessori, vou postar várias postagens no blog sobre ensinamentos e métodos Montessori e talvez eu publique uma lista de dez brinquedos, dez ideias de presentes ou brinquedos Montessori ou E nesta postagem do blog, vou incluir meus produtos. Eu só vou mostrar meus produtos. Então é assim que você também pode tirar proveito dos blogs. Então, a próxima categoria que vou criar se chamará Ideias para presentes. Tudo bem. Vamos clicar em Adicionar nova categoria. E maravilhoso. Agora temos duas categorias prontas. E se acessássemos todas as nossas páginas, basta abrir em uma nova guia e eu só quero verificar minha página de bloqueio. Eu quero ver como fica. Então, como você pode ver agora, em vez de ter aqui na categoria categorizada, ela tem Montasori, essa será a será a E agora, como mencionei antes, devemos cuidar dessa barra lateral aqui. Então, para corrigir essa barra lateral, vamos até aqui e vamos para a guia de aparência. Vamos selecionar widgets. E essa barra lateral foi criada usando widgets. Tudo bem, só um segundo. Tudo bem. Então essa é a barra lateral. Como você pode ver quantos widgets ele tem, eu vou deletar este E, na verdade, vou deletar tudo isso, exceto que vou deixar essa postagem recente e mover as categorias acima das postagens recentes, e acho que, assim, deve ficar bem. Então, o que vou fazer agora deletar todos esses blocos aqui e deixar categorias e postagens recentes. Tudo bem, acabei remover os blocos que não vou usar, e é assim que minha barra lateral vai ficar agora Claro, você pode testar alguns outros widgets aqui. Se quiser, você pode usar qualquer um deles, arrastá-los para onde quiser, arrastá-los para onde quiser, e essa depende de você, mas geralmente gosto de manter tudo simples. Agora vamos para nossa página de bloqueio e vamos atualizar essa página E, como você pode ver, é uma barra lateral de aparência bastante simples É assim que vai ficar. Se você não quiser ter a barra lateral, você pode desativá-la clicando aqui e selecionando o layout do blog Como você lembra em uma aula, quando falávamos sobre opções de personalização Eu te disse que você pode fazer vários ajustes no layout, mas antes de tudo, você deve ter um blog. Então, aqui, como você pode ver, estou nas opções de personalização do meu blog, e se eu pudesse ir aqui Nesta seção, posso alterar o layout. Se eu fosse direto para cá, um único post, eu também posso mudar o layout. Depende de você se você quiser fazer algumas mudanças, mas geralmente gosto de continuar do jeito que está. Eu só queria te mostrar que é possível fazer algumas mudanças. Tudo bem. Então, agora temos esse bloco meio que pronto. E a próxima coisa que temos que fazer exibir esse bloco em algum lugar, para que nossos visitantes, nossos clientes possam acessar nosso blog. Portanto, cabe a você decidir onde deseja incluir sua página de bloqueio, incluí-la aqui no rodapé ou incluí-la aqui no menu Então, nesse caso, vamos incluir nossa página de bloqueio em nosso menu e vamos criar um menu suspenso com categorias. Então, para fazer isso, queremos ir ao painel e vamos praticar pela última vez trabalhando com o menu. Então, vamos à aparência. Vamos selecionar o menu e, aqui mesmo, esse é o nosso menu principal. Então, agora, vamos escolher apenas um segundo link personalizado. Portanto, nosso link personalizado será nossa página de bloqueio. Então, aqui, podemos digitar texto. Vai ser um blog. E aqui vou colar o URL da página do meu blog. Tudo bem. Agora eu posso clicar em adicionar dois menus. E eu quero que este seja o último, então é exatamente onde deveria estar. E agora podemos expandir as categorias, certo. Então, temos ver tudo E aqui, podemos ver nossas categorias, todas as categorias do nosso bloco. Assim, podemos selecionar os dois e clicar em dois menus. Tudo bem, agora eu quero transformar esse elemento do blog em um menu suspenso. Então eu vou mover este para a direita, e eu vou mover Montesori para a direita também Posso trocar de lugar e vamos clicar em Salvar menu. Tudo bem. Nós podemos voltar. Agora podemos fechar essa guia. E aqui vamos nós. Temos nosso blog pronto. Então, se eu passar o mouse sobre o blog, como você pode ver, posso escolher qualquer categoria que eu quiser Se eu clicar no blog em si, vou para a página do blog. E se eu passar o mouse sobre o blog, como você pode ver, posso selecionar a categoria Montessori Então essa é a categoria Montessori. Parece o mesmo porque temos apenas uma categoria com duas postagens no blog. Se eu selecionasse ideias para presentes, não temos nenhuma postagem em bloco. Então é assim que parece agora. Assim, você pode criar uma página de bloqueio para o seu site. Então, isso é tudo para esta lição. 65. 8.1 Pesquisa de palavras-chave e otimização de conteúdo: Nesta lição, falaremos sobre a pesquisa de palavras-chave e formas otimizar sua postagem em bloco para obter os melhores resultados possíveis, especialmente se seu site for novo e entender que, quando você tem um site novo, é meio difícil obter esse tráfego orgânico Quando você está escrevendo postagens de blog ou adicionando produtos, procure palavras-chave que não sejam tão boas. competitivos como outros, e que tenham algum volume de pesquisa, alguma pesquisa, volume mensal, como 200, 100 ou algo parecido. Certo. Então, como fazer pesquisa de palavras-chave para sua postagem em bloco. Na verdade, é o mesmo que pesquisar seus produtos. Na verdade, é uma coisa idêntica. Então, vou usar a ferramenta Uber Suggest e, como você pode ver, essa é a mesma ferramenta que usamos para fazer uma pesquisa de palavras-chave para nossos produtos. Tudo bem, então vamos à pesquisa de palavras-chave. Podemos começar com a palavra-chave sobre você. Então, como você pode ver, eu já digitei uma palavra-chave, uma palavra-chave sobre ela Estou planejando escrever um post em bloco, e a palavra-chave será Método Montessori Então, eu poderia escrever um bloco após o método Montessori, dash, tudo o que você precisa saber, ou eu poderia citar tudo sobre o Mas o melhor cenário é incluir sua palavra-chave no início do título, porque agora estamos falando sobre a parte de otimização. Então, se você puder, se for possível, o melhor cenário é incluir sua palavra-chave principal, a frase no início do título. Isso também é muito importante. Mas se você não puder fazer isso, não se preocupe, não se preocupe demais com isso. Você pode incluir no meio da frase , ainda vai funcionar. Mas esse é o melhor cenário possível. Tudo bem. Agora podemos verificar o desempenho desse teclado . Como você pode ver, temos um volume médio de pesquisas, 3.600 pesquisas por mês, em média, e isso é muito bom. Isso é bem alto. E a dificuldade de SCO é bastante alta. 49 de 100 é bastante alto, e aqui, temos algumas informações dizendo que nas dez primeiras posições para se classificar, você deve ter tantos backlinks Seu dominó de 40 deve ter pelo menos 55, mas isso não significa necessariamente que esses sejam os requisitos reais Essas são apenas previsões. Certo. Mas, como você pode ver, já pela pontuação de dificuldade do SCO, você pode ver que essa palavra-chave é bastante difícil de tocar E se eu vou escrever uma postagem no blog, isso não significa que vou receber muito tráfego, porque, muito provavelmente, não vou acabar na primeira página dos resultados de pesquisa do Google. E para estar lá, precisarei criar alguns backlinks para alcançar outros sites para que eu possa postar alguns posts de suposições Portanto, é um processo longo. Mas talvez consigamos encontrar uma palavra-chave menos competitiva. E se eu for rolar para baixo, vamos ver o que temos aqui. Então, em ideias de palavras-chave, vou apenas expandir todas elas. Como você pode ver, temos várias outras ideias. Aqui, o Método Montessori de materiais didáticos, Vai ser muito difícil trabalhar nisso porque eu nem tenho nenhuma ideia como eu poderia uma postagem no blog falando sobre esse assunto. Então, eu vou pular essa. Tudo bem. Essa é a paternidade do Método Montessori O volume de buscas é baixo, mas isso não significa necessariamente que apenas 70 pessoas pesquisem por desinformação todos os meses Normalmente, o volume é muito maior. Essas são apenas previsões. Esses são apenas os números, e isso não significa necessariamente que, se o volume de pesquisa for baixo, você não deva se concentrar nesse teclado porque ele tem um volume de pesquisa baixo. Agora, se tiver pouca dificuldade, não será tão difícil classificar essa tecla. Você também deve se concentrar nessas teclas de volume mais baixo. Porque, é claro, seu site é novo ou o nome de domínio é novo. Você não tem alta autoridade de domínio. Você quer se concentrar em teclas menos competitivas e, geralmente, essas teclas têm menos volume Tudo bem, parentalidade do Método Montessori. Talvez eu possa escrever uma postagem no blog sobre paternidade do Método Montessori, tudo o que você precisa saber ou tudo o que você precisa saber sobre a paternidade do Método Montresori Talvez esse seja um ótimo tópico e talvez eu possa usar essa palavra-chave. Vou selecionar essa palavra-chave aqui. E talvez eu pudesse escrever um post em bloco sobre esse assunto. Agora eu sei que ele recebe apenas cerca de 70 pesquisas mensais. Não tem uma grande dificuldade e, provavelmente, eu poderia acabar na primeira página da Pesquisa do Google. Não é muito tráfego, mas é alguma coisa. E quando você é novo, deve começar com teclados menos competitivos E com o passar do tempo, à medida que você cresce, à medida que sua autoridade de domínio cresce, pode ter como objetivo palavras-chave mais competitivas. E, como mostrei em uma das aulas , mostrei como trabalhar com o Google Search Console como você mesmo viu. Na minha situação, estou meio que me classificando em posições muito altas com palavras-chave muito competitivas que são extremamente competitivas. Então, basicamente aconteceu comigo porque meu site já está disponível há um bom tempo. Eu administro este site há seis anos e já reuni alguns backlinks Meu domínio tem uma autoridade maior e eu posso ter uma classificação mais alta usando palavras-chave mais competitivas. Então, quando você está novato, quando está começando, pode escolher palavras-chave menos competitivas e começar a trabalhar com elas, porque ainda precisa aprender a divulgar conteúdo, isso não é tão competitivo, mas se você conseguir dominar esse ofício, essa arte de produzir conteúdo é menos competitivo e você terá uma classificação alta É um ótimo começo. Esse é um começo fantástico para ser honesto. Então, essa será a palavra-chave que vou usar, parentalidade do Método Montresoro, e o título da minha postagem no blog será tudo o que você precisa saber sobre a paternidade e o título da minha postagem no blog será tudo o que você precisa saber sobre a do Método Montresoro ou algo parecido. E nesse caso, é claro, é meio difícil incluir essa palavra-chave no início da frase. Mas, mais uma vez, não é um grande problema. Posso incluí-lo basicamente em qualquer lugar que eu quiser. E, de qualquer forma, essa chave não é tão competitiva Tudo bem. Vamos ver o que mais temos. Que outros concorrentes temos aqui que estão usando essa tecla? Tudo bem, como você pode ver aqui, temos um post no quarteirão que trata de criar bebês usando o método Montresor Tudo bem, talvez essa também seja uma boa ideia para postar um bloco. Se eu vou abrir este em uma nova guia, vamos ver como fica. Certo. Como você pode ver, é assim que parece. É um livro ou algo parecido. Mas sim, é assim que parece. Você também pode tentar escrever uma postagem em bloco, semelhante à seus concorrentes aqui, escolhendo ideias de conteúdo Você pode experimentar várias maneiras diferentes de bombear conteúdo. Então, isso depende mais uma vez de você. É aqui que você pode ser criativo. E vamos executar esse URL aqui mesmo por meio nossa ferramenta de sugestões do Uber para verificar quais outras palavras-chave ele está abrangendo. Então, se eu for para a estimativa de tráfego, selecionarei a visão geral do tráfego, colarei a CRL aqui e clicarei em Pesquisar Vamos verificar quais outras palavras-chave essa página está classificando. Tudo bem. É uma classificação para 15 palavras-chave, e vamos ver quais são essas palavras-chave. Tudo bem. Talvez aqui mesmo encontremos outras ideias de palavras-chave que possamos usar para escrever nosso conteúdo. Ok, aqui como você pode ver, mamãe e eu, Montessori. É muito confuso. Não vamos nos concentrar nesse. Se eu quiser selecionar para ver tudo, vamos ver todas as palavras-chave. Como você pode ver, essa é a palavra-chave, recém-nascido Montessori para bebês Como você pode ver, aqui, temos várias ideias de palavras-chave diferentes que também podemos usar para escrever conteúdo. Mamãe e Montessori Método de sono Montresori, como você pode ver, temos muitas outras ideias de palavras-chave de Então é assim que eu costumo fazer uma pesquisa de palavras-chave. Eu geralmente começo com a frase ampla da palavra-chave aqui mesmo na pesquisa de palavras-chave. Eu analiso as sugestões, analiso as várias outras palavras-chave. Então eu verifico as ideias de conteúdo. Então, se eu encontrar algo interessante como esse aqui, copio a URL desta página da postagem do bloco e a colo aqui na estimativa de tráfego e na visão geral do tráfego, verifico quais outras palavras-chave essa página está classificando e talvez encontre outras palavras-chave interessantes Então, como você pode ver, é assim que funciona. Basta ler as palavras-chave. Você tenta selecionar as palavras-chave menos competitivas que têm algum volume, algum volume de pesquisa e pelas quais você pode se classificar. E quando você estiver otimizando seu conteúdo, não se esqueça incluir sua palavra-chave principal no título da postagem do blog na URL da postagem do blog Então, se você incluir sua palavra-chave no título, ela também será incluída automaticamente na URL. Você precisa incluí-lo na descrição do método dois. Mas se você incluir essa palavra-chave principal na primeira frase da postagem do seu blog, pelo menos nas primeiras frases , ela será incluída automaticamente na descrição do método. De qualquer forma, é muito importante incluir sua palavra-chave nas primeiras frases? Quando você está escrevendo sua postagem no blog, isso faz parte da otimização do seu conteúdo Você precisa incluir sua palavra-chave nas primeiras frases da postagem do seu blog Então, quando você estiver escrevendo sua postagem em bloco, digamos que sua postagem em bloco terá 800 palavras, algo parecido. Então você provavelmente quer mencionar a palavra-chave cerca de oito vezes, algo assim. Depois de incluir sua palavra-chave oito vezes, a próxima coisa que você precisa fazer adicionar uma imagem em destaque à sua postagem em bloco. Mais tarde, vou te mostrar como isso é feito. Mas depois de adicionar a imagem em destaque, você também deve incluir sua palavra-chave principal no texto e, em seguida, o título da imagem, assim como fizemos quando estávamos trabalhando com produtos Quando você também adicionaria outras imagens em sua postagem de bloco, você pode incluir outras variações da palavra-chave que também sejam relacionadas ao seu conteúdo. É assim que acontece. Então, basicamente, agora você está um pouco mais familiarizado com a ideia de como fazer pesquisa de palavras-chave ao escrever postagens de blog. 66. 8.2 escrevendo posts de blogs: Nesta lição, mostrarei como adiciono postagens de blog ao meu site. Então, se eu fosse ao Google Docs, como você pode ver, tenho minhas postagens de blog prontas e geralmente gosto de usar Google Docs para escrever minha postagem no blog Nem sempre, eu mesmo escrevo posts no blog, às vezes compro fibra de freelancers E é assim que eu costumo fazer essas postagens de blog no Google Docs, e é apenas mais conveniente Então, como você pode ver aqui, eu tenho minha postagem no blog pronta. Esse é o título. E, como você pode ver, incluí minha palavra-chave no início do título. E é assim que parece. Tem cabeçalhos e, basicamente, minha postagem no blog está pronta Então, posso simplesmente selecionar minha postagem no blog aqui e vou copiá-la. Tudo bem, vou apenas copiar minha postagem no blog e vou para o meu site. Vou para o painel e, na guia Publicar, vou clicar em Adicionar novo. Tudo bem Vou excluir esse bloco porque não preciso desse bloco porque preciso de um bloco parágrafos em vez de um bloco de HTML. Aqui, vou apenas colar meu conteúdo. E como você pode ver, é assim que parece. Tudo bem Agora eu preciso adicionar o título. O título está aqui. Mais uma vez, vou apenas copiar meu título. É assim que eu gosto de escrever meus títulos, e vou colá-los aqui. Como você pode ver, é assim que parece, e a maioria das palavras tem maiúsculas, é assim que funciona. E se você for até aqui, encontrará vários blocos que você pode usar na postagem do seu blog. Normalmente, quando estou escrevendo postagens de blog, uso apenas imagens, parágrafos, cabeçalhos e espaços, este aqui Normalmente, esses são mais do que suficientes, mas se você quiser explorar outros blocos, cabe a você conferi-los, então não hesite em explorar outros blocos. Talvez você também encontre algo que gostaria de usar. Além disso, eu também uso o sumário por classificação matemática. Certo. Então, em primeiro lugar, quando estou adicionando minha postagem no blog, geralmente gosto de ir até aqui para postar em vez de bloquear. Quando clico aqui na postagem, eu faço alterações em toda a postagem em si. Então, às coisas que eu faço aqui, eu adiciono minha imagem em destaque. Então, minha imagem em destaque será essa. Eu já adicionei algumas imagens. E como mencionei antes, no texto antigo, vou incluir minha palavra-chave principal. Então, aqui, vou incluir minha palavra-chave principal e, no título, também vou incluir a mesma palavra-chave. Tudo bem Como você pode ver, incluí meu teclado principal no texto antigo e também no título, e vou clicar em Definir imagem em destaque. Agora eu tenho uma imagem em destaque para esta postagem do blog. Tudo bem Então, terminamos com essa parte. Agora temos que selecionar nossa categoria. Só um segundo. E a categoria que vou selecionar obviamente será Montessori E no texto, incluirei Montessori e o Método Montresori Tudo bem Como você pode ver, essa é a aparência e, como você se lembra, os impostos servem para descrever seu conteúdo em palavras-chave curtas. Então, se você vai ter algum conteúdo semelhante, talvez tenha um conteúdo um pouco diferente onde também falará sobre Montosur ou sobre o método Montosur , você também pode incluir as mesmas tags Então é assim que a tag funciona. Eles não ajudam muito, mas ainda é alguma coisa, então eu geralmente gosto de incluir tags também. Certo. Então, se eu vou rolar para baixo, não precisamos mudar mais nada. Tudo parece ótimo. E agora, a próxima coisa que faço é incluir espaços. Então, o primeiro espaço que vou incluir abaixo do título, e para incluir um espaço, você precisa clicar aqui. Vamos rolar para baixo e arrastá-lo e soltá-lo em qualquer lugar que você quiser. Eu geralmente gosto de usar 30 pixels. Aqui mesmo, vou digitar 30. Agora eu posso duplicar este aqui. Vou apenas duplicá-lo e adicionar o mesmo espaço aqui Vou duplicar mais uma vez e vou adicionar outro espaço aqui Agora estou planejando adicionar outra imagem. Tad, outra imagem. Posso clicar aqui, adicionar bloco e selecionar a imagem. Se eu usar a pesquisa, eu co-digito a imagem, e este é o bloco que eu quero usar e abaixo da imagem, geralmente gosto de incluir outro espaço. Então é exatamente isso que eu vou fazer. Vou apenas duplicar o espaço anterior e agora tenho dois espaços entre a imagem e agora vou selecionar a imagem da biblioteca de mídia Então, eu já enviei algumas imagens. Essa é a outra imagem que estou planejando usar e, como você pode ver, já incluí todo o texto e o título. Desta vez, decido usar teclado diferente e não quero fazer cada imagem com o mesmo texto. Então esse é o seu objetivo. Você não quer parecer spam. Tudo bem Então, vou clicar em Selecionar. E é assim que vai ficar. Agora, vou rolar para baixo e, mais uma vez, vou duplicar esse espaço Vou movê-lo para baixo desse jeito aqui. Aqui, estou planejando incluir outra imagem. Como você lembra, para incluir uma imagem, podemos clicar aqui. Vamos selecionar a imagem. Vamos duplicar nosso espaço. Vamos movê-lo para baixo e escolher a imagem da biblioteca de mídia. A outra imagem que estou planejando usar é esta Aqui, incluí a mesma palavra-chave da minha palavra-chave principal, pois ela não causará problemas, pois não estou usando a mesma palavra-chave em cada imagem. Eu usei minha palavra-chave principal em duas das imagens. Eu usei na imagem em destaque e nesta imagem também. Então, vou clicar em selecionar. Tudo bem Minha imagem está pronta e, mais uma vez, vou duplicar esse espaço e movê-lo para cá E o próximo espaço que vou duplicar estará aqui e vou movê-lo para cá E aqui, vou incluir outra imagem. Mais uma vez, vamos selecionar esse símbolo de adição, vamos selecionar a imagem. Vamos duplicar o espaço. Vamos movê-lo para cima e escolher o dano. Esta é a imagem D que estou planejando usar. Agora, ela tem uma palavra-chave um pouco diferente, mas ainda é relativa à postagem do meu blog. Vou clicar em selecionar, e agora vou duplicar o último, e vou movê-lo aqui na parte final. É assim que vai ficar. Tudo bem Então, agora, como eu disse, você deve interligar sua postagem de bloqueio E como meu site é novo, não tenho muitas opções para interligar minha postagem de bloqueio Eu posso interligar Montessori Ward, aqui mesmo, e posso adicionar a categoria de bloqueio de postagem, ou posso adicionar a categoria dos Então, vou ao meu site, Bacon avocados. Vou abrir a Montessori Toys em uma nova guia e vou abrir o blog Não, não é um blog. Eu só vou voltar. Vou passar o mouse sobre o quarteirão. Vou escolher a categoria Montessori. E agora eu tenho uma categoria de postagem em bloco Montessori e tenho minha categoria de produto Portanto, posso incluir esse URL, mas preciso copiá-lo. E agora que copiei esse URL, posso voltar à minha postagem de bloqueio e selecionar Montessori Tudo bem Então, aqui mesmo, eu vou escolher essa opção. E neste lugar, eu vou colar esse URL que eu copiei anteriormente e é assim que ele vai ficar Então, agora essa postagem do bloco está interligada. Então, isso é ótimo. E o outro interlink que posso incluir é minha categoria de postagem em bloco, que é Montessori Como estou planejando ter mais postagens de bloqueio nessa categoria, vou interligar essa categoria com minha postagem de bloqueio Então, vou procurar o outro texto âncora Montessori que está aqui e vou selecionar Vou colar isso aqui. Vou clicar em Enter e, como você pode ver, é assim que fica. Agora, posso realmente acessar minha ferramenta de SCO que está aqui e digitar minha tecla de foco Meu foco principal será a paternidade do Método Montessori Isso é exatamente o que eu vou digitar. Vou apertar Enter. E como você pode ver, obtivemos 69 de 100. Isso é muito bom. Como você pode ver, sim, estamos obtendo boas notas. Palavra-chave de foco não encontrada na descrição do seu método. Então, se ela não for encontrada na descrição do método, eu realmente incluí essa palavra-chave na segunda frase. Portanto, não está pegando, mas podemos editar o trecho E aqui na descrição, posso incluir minha palavra-chave principal. Então é exatamente isso que eu vou fazer. Tudo bem, então acabei de incluir minha palavra-chave principal na descrição do método. E isso são perspectivas. Eu geralmente recomendo que você inclua sua palavra-chave principal na primeira frase da postagem do seu blog ou do seu produto, porque isso vai funcionar melhor. E agora, acabei de incluir este na descrição do meu método usando minha ferramenta de SEO. Mas isso não significa necessariamente que o Google perceberá isso, e o Google pode usar apenas a primeira frase. Então esse é o problema com o Google. Como eu disse, às vezes é muito exigente. Então, podemos continuar assim. Deveria funcionar. E agora podemos fechar nossa ferramenta de SEO. E antes de publicarmos nossa postagem no blog, podemos clicar em Visualizar. Vamos clicar em Visualizar e vamos verificar sua aparência. Tudo bem Como você pode ver, é assim que parece e parece limpo. Não parece confuso nem nada parecido, como a aparência das postagens do blog E esse é o modelo que eu costumo usar quando estou postando posts no blog Essa é a aparência da maioria das postagens do meu blog e é fácil de ler. É fácil de entender, e isso é o que mais importa. Afinal, você está criando um site com a intenção de oferecer a melhor experiência de usuário para seu visitante. Então, acho que essa postagem de bloqueio parece ótima, e se você gosta da aparência da sua postagem de bloqueio, podemos fechar essa guia. Na verdade, podemos fechar este também, e aquele 12. E agora podemos clicar em Publicar. Vamos clicar em Publicar mais uma vez. E vamos clicar em ver postagem. E mais uma vez, é assim que parece. Se você não gostar do layout desta postagem de bloco, você pode fazer algumas opções de personalização aqui, e esta dependerá de você se quiser alterar alguma coisa, mas é assim que vai ficar agora Se eu clicasse na categoria Montessori, essas são as postagens que temos e é assim que fica Essas duas outras postagens foram adicionadas por padrão, você pode excluí-las porque não precisamos delas. E, basicamente, é assim que nosso blog se parece. Se eu clicasse em nossa página de bloqueio, como você pode ver, é isso que obtemos. Essas duas postagens que foram adicionadas por padrão, podemos excluí-las. Mas, por enquanto, vou deixar as coisas assim. E eu sinto que tudo parece bem. Assim, você pode adicionar sua postagem no blog e, ao adicionar sua postagem no blog, não se esqueça de otimizar seu conteúdo com sua palavra-chave principal. Portanto, você precisa incluir sua palavra-chave principal no título da postagem do seu blog. Isso também será um meta título. E a meta descrição e o URL da postagem do seu blog. Isso será feito automaticamente, se você incluir sua palavra-chave principal no título da postagem do seu blog. E você precisa incluir sua palavra-chave principal, dependendo da quantidade de palavras que você está escrevendo no texto da própria postagem do seu blog. Feito isso, você precisa adicionar suas imagens e, ao adicionar suas imagens, não se esqueça de incluir sua palavra-chave principal em todo o texto de algumas imagens no título das imagens. E então, em outras imagens, basta incluir outras variações da sua palavra-chave. Isso ainda é relevante para sua postagem em bloco. E, claro, não se esqueça de interligar a postagem do seu blog a outros conteúdos do Então, isso é tudo para esta lição. Agora você sabe como adicionar postagem em bloco ao seu site. 67. 8.3 dicas para gerar ideias de conteúdo: Tudo bem Então, nesta lição final da seção de blocos, mostrarei como buscarei inspiração para escrever minha postagem no blog e todo o processo em si. Então, o primeiro lugar onde eu gosto de procurar inspiração é, claro, o Pinterest Portanto, se você tiver uma conta do Pinterest, poderá acessar sua conta do Pinterest Se você ainda não tem um, pode criar um imediatamente. E aqui, quando estiver no pinterest, você pode usar a pesquisa e apenas procurar a palavra-chave Para a palavra-chave sobre a qual você deseja escrever uma postagem em bloco ou algo parecido. No meu caso, será Montessori. Então é exatamente isso que vou digitar aqui. Tudo bem, então eu digito o método Montessori. Acho que vai se aproximar da minha ideia de postar em bloco e só vai me dar melhores resultados. Então, vou apertar Enter. E, como você pode ver, temos muitas ideias de conteúdo diferentes. E, como você pode ver, o que é Montessori, o que é Montresor e cinco maneiras fáceis de começar Montessori, os novatos precisam evitar erros e assim por diante. Assim, você pode percorrer todas as várias ideias de conteúdo diferentes e usar o Pinterest junto com vários tipos de ideias Então é isso que eu geralmente gosto de usar. Pinterest geralmente é meu lugar número um se eu estiver procurando ideias para escrever meu conteúdo Então, este é para você explorar. E sim, eu geralmente gosto de usar o Pinterest. Funciona muito E o segundo lugar que eu gosto de usar é a ferramenta de IA, inteligência artificial. Então, como você pode ver aqui, essa é a ferramenta Op AI. Já o usamos, estávamos escrevendo algumas páginas para o nosso site, como política de cookies e assim por diante. Mas essa ferramenta também é ótima para gerar ideias para escrever esboços e para escrever o conteúdo em si. Então, por exemplo, neste campo de mensagem aqui, vou digitar me dê dez ideias de conteúdo para o Método Montessori Tudo bem, então minha entrada ficará assim, e eu vou pressionar Enter. E essa ferramenta me dará dez ideias de conteúdo. Eu geralmente gosto de usar a ferramenta, não apenas para gerar ideias. Às vezes, até escrevo alguns dos conteúdos quando estou trabalhando em uma postagem no blog. Então, essa ferramenta ajuda muito. Imagine o giro do Homem de Ferro. E essa ferramenta de inteligência artificial é muito útil. Isso só economiza muito tempo, quando você está lutando para ter ideias e coisas do tipo. Então, como você pode ver agora, temos dez ideias, e posso pedir a essa ferramenta que me escreva um esboço para o número um Então é exatamente isso que eu vou fazer. Tudo bem Então, minha entrada ficará assim, escreva um esboço para o número um e eu pressionarei Enter. Tudo bem E como você pode ver, essa ferramenta está me gerando um esboço para esta postagem do blog E isso faz sentido. Parece ótimo. E se você não gostar da aparência, pode regenerar essa saída ou trabalhar nela sozinho, se eu quiser rolar para baixo Como você pode ver, temos muitos pontos. Mas essa também é outra ótima ferramenta para usar se você não tiver ideias para escrever conteúdo ou algo parecido Então, eu geralmente gosto de usar essa ferramenta também. Como eu disse antes, geralmente, meu lugar número um onde procuro ideias é o Pinterest E o segundo melhor lugar que eu gosto de usar é o CGTP. Portanto, essa é uma ótima ferramenta para gerar várias ideias. Até ajuda você a escrever postagens no blog. Então, isso é tudo para esta lição. Agora, deve ser mais fácil reunir ideias sobre o tipo de conteúdo que você deve escrever em seus blogs, e isso deve ser muito útil. Esses dois lugares são o pinterest e o CGP, mais do que suficiente. Então, isso é tudo para esta lição. 68. Resumo da seção 8: Tudo bem, agora você sabe como o blog funciona e como você pode usá-lo a seu favor Então, eu geralmente gosto de adicionar postagens de blog às minhas lojas online. Dessa forma, posso atrair mais visitantes. Também posso aumentar meu domínio de palavras porque, com minhas postagens no blog, geralmente recebo links de retorno, aumento meu domínio de palavras dessa forma E isso só ajuda em toda a parte de SEO dos meus sites. Então, isso é muito importante se você puder adicionar postagens de blog ao seu site, e eu recomendo fortemente que você faça isso. Você só quer começar a vender coisas a torto e a direito. Se você puder usar deve ajudar seus visitantes, clientes com informações valiosas. E é assim que eu geralmente gosto de fazer isso sozinho. Se estou vendendo produtos para gatos, geralmente gosto de postar no blog sobre gatos, várias dicas de saúde da Cadbury e assim por diante Então, isso é muito importante se você quiser atrair mais visitantes para o seu site. Dessa forma, você também pode coletar e-mails se quiser fazer marketing por e-mail. E, basicamente, muitas lojas de comércio eletrônico usam blogs para atrair mais visitantes ao site Então, parabéns. Agora você sabe como isso é feito. 69. 9.0 aprenda a traduzir totalmente seu site: Nesta lição, mostrarei como você pode traduzir seu site para qualquer idioma. Então, basicamente, você pode criar sua loja de comércio eletrônico em qualquer idioma que você possa imaginar É muito conveniente se você estiver criando sua loja on-line em seu idioma nativo para seu público nativo. E você não está se concentrando apenas no público que fala inglês Em primeiro lugar, quando estamos traduzindo nosso site, precisamos acessar nosso painel e acessar as Configurações Vamos escolher geral, vamos rolar para baixo. E vamos escolher um idioma secundário da lista aqui. Escolha o idioma do seu site. No meu caso, vou escolher o lituano. Tudo bem, depois de fazer isso, vamos rolar para baixo e clicar em Salvar alterações Tudo bem, como você pode ver, algumas das ferramentas e nosso painel estão em um idioma diferente no momento Mas nem toda ferramenta é indiferente porque alguns dos plug-ins ainda usam a versão em inglês, mas não se preocupe com Se você se acostumou com a versão em inglês, não precisará saber como ela será traduzida em seu idioma, pois esses plug-ins são apenas inativos no back-end do Então, no front-end, você terá seu site em qualquer idioma que quiser, mas ainda não terminamos. Absolutamente não. Ainda há muitas etapas que precisamos seguir, mas antes de prosseguirmos, podemos conferir nosso site. Vamos ver como está agora, tudo bem, e como você pode ver, muitas coisas agora, ainda estão no idioma inglês, ainda estão no idioma inglês porque ainda temos que mudá-las. Se eu fosse até o meu carrinho, como você pode ver, ainda temos o idioma inglês. Tudo bem, agora temos que fazer algumas mudanças importantes e traduzir nosso plug-in WooCommerce Para fazer isso, precisamos acessar as configurações aqui. Vamos rolar para baixo. Vamos ver se temos algum ajuste. Então, aqui, se precisar, é aqui que você pode alterar sua moeda, se ainda não tiver feito isso, e você pode mudar, fazer a localização da sua região. Usando essas informações. Se você decidir ativar os impostos, usando essas informações, os impostos serão calculados automaticamente se você quiser ativá-los aqui. Tudo bem, vamos voltar e ir para a parte avançada aqui Então, aqui teremos vários endpoints, checkout e pontos e endpoints da conta Como você pode ver aqui, temos terminais de checkout e eles estão em inglês, então você precisa substituí-los em seu E sua ordem de pagamento ou o recebido e assim por diante. Basta substituir todas essas informações seu idioma aqui. Faça o mesmo com todas essas informações ou um ano, basta traduzir esse texto aqui mesmo que você tem em cada janela. Então é exatamente isso que eu vou fazer. Tudo bem, então, depois substituir todas as informações aqui, você pode clicar em Salvar alterações Mas antes de fazer isso, não se esqueça de que você precisa usar letras normais. Não use nenhuma letra especial que você tenha em seu idioma. Basta usar letras simples, simples e simples. Isso é tudo que você precisa fazer. Tudo bem, então, depois de fazer isso, vamos clicar em Salvar alterações e agora terminamos com os endpoints E quando você estava adicionando seus métodos de envio aqui, você deve alterá-los , e lembre-se de que tínhamos vários métodos de envio diferentes no idioma inglês. E se você estiver criando seu site para seu público de língua nativa, precisará substituir todos esses métodos de envio. Então, basta clicar em Editar substituir o frete padrão pelo tipo de envio que você tem em seu idioma. E, basicamente, isso é tudo que você precisa fazer. Este vai ser para você mudar. Então não se esqueça disso. Tudo bem, então, já que terminamos com este, agora podemos ir para nossas páginas E como você se lembra, todas as nossas páginas estavam em inglês. Então, temos que ir até aqui. Esta é a nossa guia Páginas. Vamos selecionar todas as páginas. E agora você precisa substituir cada página, a página no seu idioma. Então, para fazer isso, você precisará clicar em edição rápida. No meu caso, é assim que a Edição rápida soa. Então, digamos que seja uma página de cartão. Então, no meu caso, a página do carrinho será chamada de chalotas de crepe Então é exatamente isso que vou digitar. Tudo bem, depois de fazer isso, você pode clicar em Atualizar e terá que fazer com todas as páginas que você nomeou anteriormente no idioma inglês Você terá que substituir o idioma inglês pelo seu idioma. E você precisa fazer com cada página clicando em edição rápida e apenas traduzindo a página para o seu idioma. Isso é exatamente o que eu vou fazer sozinho. Tudo bem, como você pode ver, acabei de substituir todas as páginas e agora minhas páginas foram totalmente traduzidas E quando você estiver alterando os nomes das suas páginas, não se esqueça de que, no título, você pode usar letras especiais. Mas quando você adiciona um slug que será exibido no URL da sua Você não pode adicionar nenhuma letra especial, então use apenas letras normais em inglês e o slug no título, você pode usar suas Tudo bem, então podemos clicar em Atualizar. E agora podemos acessar nosso site e verificar se alguma coisa mudou. Então, se eu fosse para a página do meu carrinho, como você pode ver na URL aqui em vez do cartão, temos conchas rastejadas Então, agora esta página está traduzida. A alteração já está em vigor nos URLs. Ainda precisamos fazer algumas alterações no próprio site, mas agora terminamos com as páginas. Tudo bem, então a próxima coisa que temos que mudar atualizar nossas categorias Então, como você se lembra, tínhamos todas as categorias em inglês. Então, se eu fosse até nossa guia Produtos aqui e selecionasse categorias. Como você pode ver, todas as nossas categorias estão em inglês. Agora você precisa substituir essas categorias no seu idioma. Então, para fazer isso, mais uma vez, clique em Edição rápida aqui. E no título inclua o nome da sua categoria. Você pode usar letras especiais e o slug aqui, não use nenhuma letra especial E quando você está separando palavras, você deve separá-las com traços, assim mesmo Então é exatamente isso que vou fazer. Vou apenas atualizar todas as minhas categorias. Tudo bem, então acabei de atualizar todas as minhas categorias. E se eu clicar aqui para ver, vou abrir esta em uma nova guia. Como você pode ver, temos uma categoria completamente diferente e agora nossas categorias estão listadas no idioma lituano Então, a próxima coisa que precisamos fazer é garantir que nosso menu principal esteja funcionando. Se eu clicar nesse item de menu, como você pode ver, ele não está funcionando porque está usando os URLs que adicionamos quando estávamos trabalhando com uma versão em inglês do nosso site Então, para alterar esses URLs, precisamos acessar nosso painel Temos que ir até a guia Aparência aqui e selecionar Menus. E aqui, temos que mudar os menus. Então, para alterar esses menus, temos que substituir a versão em inglês pela nossa versão do título. E no URL, precisamos adicionar nosso URL de categoria de produto recém-atualizado. Antes eram fantasias, agora é cliente e é uma URL completamente diferente Então, para mudar isso, vamos para todas as categorias. E esse é o que eu preciso substituir. Então, primeiro de tudo, preciso saber o URL dessa categoria. Então, vou abrir esse na nova guia. Esse é o novo URL. Vou copiar esse aqui. Vou voltar e vou colar aqui mesmo, a nova URL atualizada. E em vez de fantasias, vou substituir para outro idioma. Tudo bem, agora vou precisar fazer o mesmo com cada categoria Então, como você pode ver, eu substituo este e farei o mesmo com este, se for aquele. E eu vou fazer o mesmo com o blog também. Então, primeiro de tudo, vou adicionar a página do blog. Então, antes de me concentrar nas categorias, eu só queria mostrar como adicionar blogs. Então, vamos às nossas páginas. É aqui que vamos encontrar nossa página de blog. Então, vou abrir este em uma nova guia. E esta é a página do nosso blog. Então, se eu vou clicar em Exibir, agora eu sei que é assim que o novo URL é chamado. Então, vou copiar esse URL. Eu vou voltar. E esse é o URL do blog. Esse é o URL antigo. Vou substituir por uma nova, e vou mudar o título e substituir as categorias do seu blog é basicamente o mesmo que substituir sua categoria de produto. Então, como você se lembra, você tem que ir até aqui e fingir que tem categorias de antipatia Mais uma vez, vou abrir este em uma nova guia. Como você pode ver, essas são as versões em inglês. Então, vou clicar em Edição rápida e vou substituir o título e vou adicionar o slug Então, mais uma vez, no título, você pode incluir letras especiais, mas no slug, você não deve fazer isso Tudo bem, então acabei de renomear as categorias do meu blog e agora posso usá-las Então, por exemplo, vou pegar essa categoria recém-atualizada. Vou clicar em Exibir. E agora conhecemos o novo URL. Esse é o novo URL, então vou copiar esse URL aqui. Vou voltar ao meu editor de menu e, aqui, com ideias de presentes, vou substituir esta removendo-a. Então, mais uma vez, vou expandi-lo e clicar em Excluir aqui. E eu vou fazer o mesmo, este. Tudo bem? Ao clicar em Excluir e antes de adicionar essas categorias recém-atualizadas, precisarei atualizar esta página Então, antes de fazer isso, vou apenas atualizar essas categorias de produtos. Portanto, ao se lembrar de uma categoria de produto recém-atualizada, você deve acessar as categorias de produtos que estão aqui. Agora podemos fechar este. Então, essas são nossas categorias de produtos. Já adicionei este. Então eu posso adicionar este. Vou clicar em Exibir. E esses eram brinquedos de banho. Vou copiar esse URL aqui. Eu vou voltar ao menu. E esses são os brinquedos de banho. Então, agora eu preciso colar esse URL e vou precisar adicionar um título recém-traduzido. Então é exatamente isso que eu vou fazer. E assim, vou atualizar todo o resto das categorias de produtos. Tudo bem, então acabei de renomear todas as categorias de produtos. Agora posso clicar no menu Salvar e agora precisarei adicionar categorias de blog. Então, como eu atualizo esta página, posso ir aqui e até Categorias E eu posso selecionar Exibir tudo. E essas são categorias recém-atualizadas. Essas são categorias de postagens de blog. Então, vou clicar em Adicionar ao menu. E mais uma vez, vou movê-los para a direita. Vou adicioná-los ao menu suspenso Zhao, um E vamos clicar em Salvar. E agora podemos fechá-los aqui, e podemos clicar aqui, ver nosso site. Tudo bem, agora, como você pode ver, nosso menu é outro idioma e está totalmente funcionando Então é assim que vai ficar. E, basicamente, isso é tudo para esta lição. Agora você sabe como traduzir seu site WordPress, como atualizar suas páginas, como atualizar suas categorias de produtos, categorias postagens de blog e como atualizar seu menu principal. Nas aulas posteriores, cuidaremos do resto das coisas que deixei para fazermos. Mas, por enquanto, terminamos com uma grande parte da tradução do nosso site 70. 9.1 trabalhando com o plugin Loco Translate: Nesta lição, usaremos um plugin chamado Loco Translate para traduzir algumas das strings ou, em outras palavras, texto criado pelos Plugins, digamos, pelo plugin WooCommerce da Themes, pelo nosso Flatsome Theme algumas das strings ou, em outras palavras, texto criado pelos Plugins, digamos, pelo plugin WooCommerce da Themes, pelo nosso Flatsome Theme. Ou se você estiver usando um tema Astra, você também poderá traduzir vários textos desses diferentes tipos de temas, plugins ou qualquer coisa parecida que você possa ver no front-end do seu site, basicamente o que seus visitantes podem Então, vamos ao painel aqui. Vamos até Plugins e selecionamos Adicionar plug-in. E agora use a Pesquisa para procurar uma tradução local. Esse é o plugin que você deseja instalar. Vamos clicar em Instalar. Vamos clicar em ativar. Tudo bem, então nosso plug-in Loco Translate está ativo. E como você pode ver , está aqui. E se ele fosse para a página inicial, como você pode ver, temos várias opções diferentes, mas nosso objetivo é começar com os plug-ins Vamos selecionar Plugins e vamos escolher o plug-in WooCommerce Tudo bem, como você pode ver, já traduzimos totalmente nosso plugin para o idioma lituano Então, geralmente é esse plugin, diz WooCommerce. Eles são traduzidos em vários idiomas e você não precisa traduzir mais nada. Então você pode simplesmente selecionar seu idioma aqui. Você pode clicar em Sincronizar. E agora, muitas coisas que eram da parte do WooCommerce serão traduzidas para o seu idioma Se você não viu seu idioma disponível, provavelmente ele deveria estar disponível. Eu não sei. A menos que seu idioma seja extremamente impopular e incomum, talvez você não encontre seu idioma adicionado ao Mas se isso acontecer, mais uma vez, participe do meu grupo no Facebook e eu vou me ajudar com qualquer uma dessas perguntas. Eu vou ajudá-lo a traduzir seu site, mas acredito que você não deve enfrentar esses problemas porque o WooCommerce é plugin muito popular e popular em todo um plugin muito popular e popular em todo o mundo e o traduz para vários idiomas Agora podemos clicar em Salvar. Então, basicamente, traduzimos as partes do WooCommerce automaticamente sem a necessidade de adicionar qualquer coisa, tudo foi traduzido automaticamente Então, se você clicar aqui, Breeze Porch, tudo em dinheiro, por precaução, para garantir que temos uma versão atualizada do nosso site Tudo bem, agora podemos conferir nossa página inicial clicando aqui. Eu só vou abrir essa e a nova aba. E vamos ver se alguma coisa está diferente agora. Então, como você pode ver, agora, temos um cabeçalho completamente diferente Então, anteriormente, traduzimos nosso menu principal, mas agora nosso cabeçalho, a barra de pesquisa, também está traduzido Em vez da minha conta, agora temos um cigarro que também a traduz totalmente , corrompe o conteúdo superficial Então, isso está traduzido tão bem quanto você pode ver, esses botões também são traduzidos. Então, se eu clicar em Ver cartão, como você pode ver, ele está traduzido. Muitas partes estão traduzidas, mas alguns dos textos ainda estão em inglês e não parecem muito bons. E não se esqueça de que, na parte de envio aqui, você deve alterar seus métodos de envio para o seu idioma. Eu não fiz isso. Acabei de te dizer que você deveria fazer isso sozinho. É por isso que estamos vendo essas versões em inglês aqui. Mas se você substituiu seus métodos de envio pelo seu idioma, você não deveria estar vendo esses métodos em inglês, tudo bem, então a maior parte do texto está então a maior parte do texto está traduzido aqui Você pode ver que temos carrinhos de compras Devemos ter uma versão diferente, finalizar a compra ou a completa Então, eu vou te mostrar como você pode traduzi-los aqui. Portanto, geralmente os textos que vêm com o tema aqui nessas várias seções e por esses plug-ins não são responsáveis Então, principalmente quando estamos trabalhando com nosso site, quando estamos traduzindo nosso site, a coisa mais importante que temos que cuidar é traduzir o próprio WordPress Já fizemos isso na primeira aula. Temos que traduzir o WooCommerce. Acabamos de fazer isso. Agora temos que cuidar do resto dos textos. E geralmente os textos que ainda não foram traduzidos vêm do próprio tema. Então, nosso tema agora é Flatsome. Portanto, temos que traduzir textos para o Flatsome Theme. Então eu vou te mostrar como isso é feito. E agora temos que voltar. E mais uma vez, vamos ao Loco Translate. Agora, vamos selecionar Temas. Então, agora temos que traduzir o Flatsome Theme. Se você estiver usando o Astra Theme, você pode traduzir o Astra Theme, mas no meu caso será Flatsome Tudo bem, vamos rolar para baixo e ver se temos nosso idioma Não, não temos meu idioma aqui. Mas, como você pode ver, se estiver falando algum desses idiomas, deseja criar seu site em qualquer um desses idiomas, basta selecioná-los e simplesmente usá-los. Mas se você não vê seu idioma aqui, você pode clicar aqui, novo idioma. Vamos selecionar o idioma do WordPress. Então vai ser esse. Podemos mantê-lo assim e podemos selecionar começar a traduzir antes de fazer novas traduções Vamos clicar em Sincronizar. E agora podemos voltar ao nosso carrinho e, como você pode ver, temos esse carrinho de compras de texto. Então, tudo o que precisamos fazer é voltar ao nosso Plugin. E aqui podemos usar o filtro e digitar carrinho de compras. Tudo bem, como você pode ver, ele nos dá textos. Então, este é o cartão de compras de texto. Agora podemos selecionar esse texto e traduzir para nossa variedade de idiomas aqui nesta janela. Então, basta digitar sua versão do carrinho de compras no seu idioma. E agora traduzimos carrinhos de compras para que possamos clicar em Salvar E eu vou voltar e vou atualizar esta página. E como você pode ver, ele o traduz. Então confira os detalhes. Vamos voltar e usar a pesquisa mais uma vez e digitar detalhes de checkout. Tudo bem, vamos selecionar os detalhes da compra. E aqui podemos traduzir esta versão em inglês para o nosso idioma. Tudo bem, vamos clicar em salvar e ver se houve alguma alteração Tudo bem, vamos atualizar nosso carrinho de compras. E como você pode ver, tudo está pronto, então podemos fazer o mesmo com o pedido concluído. Vamos voltar. Vamos digitar o pedido para concluir um lead, selecionar este e podemos traduzi-lo aqui. Tudo bem, vamos clicar em Salvar alterações. E mais uma vez, vamos atualizar esta página. E como você pode ver, tudo está pronto. Se você quiser clicar aqui, vá para a finalização da compra. Como você pode ver, basicamente tudo está traduzido, então não precisamos realmente mudar nada, bem, então está tudo certo, você pode voltar E se eu for rolar para baixo aqui e passar o mouse sobre este produto, como você pode ver, temos uma visão rápida aqui Então, poderíamos fazer o mesmo. Poderíamos acessar nosso plugin aqui e digitar visualização rápida. Aqui temos a versão em inglês. Vamos selecionar essa versão. E aqui podemos traduzi-lo. Vamos clicar em Salvar alterações. Vamos atualizar esta página. E vamos ver, sim, como você pode ver, acabamos de traduzir. Tudo bem, agora sabemos como traduzir vários textos dos temas dos Plugins usando o Loco Claro, há mais textos que podemos traduzir. Será para você explorar, vai ser para você traduzir todos os textos. Porque você só precisa navegar pelo seu site e ver se encontra alguma versão ou variação em inglês. E então, se você encontrar alguma variação em inglês, precisará voltar a este plugin. Basta digitar esse imposto aqui e procurar a versão em inglês que você possa traduzir de forma simples assim. Você poderá traduzir qualquer texto de qualquer plug-in, tema e assim por diante Mas aqui em nossa página inicial, você não poderá fazer isso porque, para isso, teremos a última aula em que cuidaremos das coisas finais E uma dessas coisas finais será nossa página inicial e nosso rodapé aqui. Portanto, não podemos traduzir essas coisas aqui usando este jogo porque criamos essas coisas usando o Page Builder Tudo bem, agora você sabe como usar o Loco Translate Plugin e agora você sabe como traduzir vários textos dos temas e Isso é tudo para esta lição 71. 9,2 toques finais: Nesta lição, trataremos de outros ataques do Notch Translate que estão em nosso site, os traduziremos e começaremos com nossa página inicial Como você se lembra, criamos nossa página inicial usando o UX Builder para fazer alterações nesta página Temos que ir aqui e selecionar Editar com o UX E não importa se você criou outras páginas usando este UX Builder e as criou no idioma inglês, você também terá que editá-las Basta traduzir todos os textos que você tem aqui, textos, banners e botões e em títulos de categorias E esse texto aqui, aqui. E qualquer coisa que esteja aqui que seja em inglês, basta traduzir para o seu idioma. Então é exatamente isso que eu vou fazer sozinho. E vou começar clicando aqui. Como você se lembra, vou abrir o editor de texto. E eu vou substituir esse texto aqui. Tudo bem, então eu substituo o texto e vou clicar em, Ok, e agora eu posso selecionar este botão aqui, e eu posso traduzir este botão Comprar agora, assim como você se lembra que adicionamos a URL a este botão Então, agora o URL não funciona e precisamos substituí-lo. Então, vamos ao nosso site aqui. E vamos às nossas páginas. E vamos selecionar todas as páginas. E só um segundo e vamos rolar para baixo. E esta será a nossa página de loja. Então, podemos clicar em Exibir e copiar esse URL porque é uma página de loja que tínhamos anteriormente. E agora temos que adicionar uma nova URL aqui. Não estamos apenas traduzindo o texto e esse botão, também adicionamos uma nova Europa. Agora podemos clicar em Aplicar. E aqui eu vou fazer o mesmo com todos os textos que são em inglês. Oh, aí você pode ver que acabei traduzir todos os textos e agora vou clicar em Aplicar Vou clicar em Atualizar. E agora eu posso fechar nosso UX Builder. Agora posso atualizar esta página e, como você pode ver agora, nossa página inicial está traduzida, exceto que os produtos ainda estão em inglês, porque obviamente você também precisará traduzir seus produtos, mas você já sabe como fazer isso Você simplesmente sabe como editar os produtos. Se você adicionou produtos em inglês, basta substituir seus títulos e descrições e não se esqueça de fazer o mesmo que faria com a versão em inglês. Simples assim. Não vou traduzir produtos porque , obviamente, você terá diferentes tipos de produtos e caberá a você mesmo traduzi-los. Tudo bem, então terminamos com nossa página inicial. Agora podemos fechar esta página aqui, e agora nosso rodapé ainda está em inglês Portanto, antes de fazermos alterações no rodapé, devemos fazer algumas configurações aqui porque temos o rodapé absoluto em inglês. Como você se lembra, criamos essa parte usando o UX Builder, mas essa parte aqui foi criada Então, temos que clicar aqui, configurar. E vamos rolar para baixo. E este é o nosso rodapé absoluto. Vamos selecionar o rodapé absoluto aqui, e aqui nesta janela aqui, você pode substituir, traduzir as informações em inglês Então diz direitos autorais. Você pode substituí-lo pelo seu idioma. Tudo bem, então eu apenas substituo esse texto e agora ele está traduzido Agora podemos clicar em publicar aqui. E a próxima coisa que temos que fazer é cuidar do nosso rodapé Então, basicamente, precisaremos traduzir esse rodapé que criamos usando blocos UX do UX Builder Então, devemos ir ao nosso painel. Vamos aos blogs de UX. Vamos selecionar blogs de UX. E aqui no rodapé, podemos clicar em editar com o UX Builder e simplesmente substituir as informações Então, aqui nós tínhamos um editor de texto. Eu posso abrir este aqui, e eu posso adicionar traduzir a versão deste texto. Tudo bem, então eu substituo esse texto, eu posso clicar em, Ok? E como você se lembra dessas colunas aqui, também as adicionamos com o editor de texto. Então, vamos selecionar essa coluna aqui. Vamos clicar em Abrir editor de texto. Vamos substituir esse texto acima para clientes. E agora, todas essas páginas que adicionamos anteriormente inativas porque alteramos as URLs desses links e agora elas estão totalmente traduzidas Agora podemos selecionar esses links e desativar os URLs que adicionamos anteriormente , um por um, porque não vamos usá-los porque são URLs ou inativos Então, vou te mostrar um exemplo, minha conta. Então, vou traduzir minha conta e vamos ao nosso site. Lembre-se de que minha conta costumava estar aqui. Agora está totalmente traduzido. Agora podemos selecionar este aqui. Vamos voltar. E agora podemos selecionar esse texto aqui e adicionar URL. Então, vamos colar esse URL. Vamos clicar em Aplicar. E, sem mais nem menos, vou substituir meus pedidos. Vou traduzir contextos e adicionar novos URLs Então, se você precisar encontrar o URL de uma página para traduzi-la. Como você se lembra, todas as páginas podem ser encontradas aqui. E é aqui que você encontrará a página. Então, digamos que eu queira encontrar o URL dos contextos da página por apenas um segundo. Esta é a página Então, vou clicar em Exibir, e esse é o novo URL. Então, eu posso simplesmente copiar esse URL aqui. Como sei que esse é meu URL, posso fechar essa guia. Eu posso voltar e traduzir contatos. Posso adicionar uma nova URL a esse texto clicando aqui, vou colar a URL. E basicamente eu vou fazer o mesmo com cada uma dessas páginas. Vou apenas traduzi-los e adicionar novos URLs. Tudo bem, aí está, você pode ver, eu terminei com esta coluna Agora ele pode passar para esta coluna aqui. Vou abrir isso no editor de texto. Vou traduzir as informações e substituir os URLs e os textos aqui, assim como fiz com esta coluna aqui Tudo bem, então eu traduzi com sucesso todas as páginas. Agora eu posso clicar em Ok, e vamos para a Newsletter. Alguém de novo, vamos abrir um editor de texto. Vamos traduzir o texto aqui. Tudo bem, então traduziu com sucesso todos os textos. Agora eu posso clicar em Ok, e vamos clicar em Aplicar. Vamos selecionar Atualizar. Agora podemos fechar o UX Builder. Agora vamos para nossa página inicial. Podemos fechar essa guia aqui e vamos rolar e ver Sim, como você pode ver, nós o substituímos com sucesso por bayesiano Mas aqui nosso formulário de inscrição ainda está em inglês. Portanto, também precisamos fazer ajustes neste formulário de assinatura. Então, como você se lembra, as alterações no formulário de descriptografia são feitas aqui Vamos à gripe e às formas. Vamos selecionar todos os formulários. E esta é a nossa assinatura para. Então, vamos clicar em Editar. E agora podemos mudar os campos aqui. Então, se eu vou selecionar esse campo, posso fazer alterações nesse campo para que eu possa substituir essas informações aqui. Tudo bem, agora eu posso fazer alterações no botão. Se eu for selecionar esse botão, posso alterar o texto novamente e clicar em Salvar formulário. E não vamos esquecer de mudar a mensagem porque anteriormente, quando adicionamos nossa mensagem, ela era em inglês. Então, aqui, obrigado por se juntar ao nosso clube. Você pode traduzi-lo para o seu idioma. Tudo bem, agora podemos clicar em Salvar configurações. Enquanto estamos aqui, podemos acessar nosso formulário de contato porque, como você se lembra, criamos nosso formulário de contato e era em inglês, mas agora o estamos traduzindo Então, aqui você terá que clicar em Editar. E, assim como fizemos anteriormente, selecione o campo, substitua o texto aqui, Nome, Sobrenome e E-mail fazem o mesmo E assim, você alterará este formulário de contato depois de concluir essas alterações, não se esqueça, clique em Salvar formulário assim mesmo. E você também traduzirá. Então, vamos ao nosso site e vamos ver como está agora. Tudo bem, vamos rolar para baixo e ver o que temos. Sim, como você pode ver, está totalmente traduzido agora. Há outra coisa muito importante que temos que cuidar. Se eu vou clicar nessa categoria, como você pode ver na barra lateral, ela ainda é em inglês Então, para fazer mudanças para decidir , temos que ir aqui mesmo para o nosso painel E, como você se lembra, esses são widgets. Então, temos que ir aqui, aparência. E vamos selecionar widgets. E aqui e na barra lateral. Vamos adicionar uma categoria em seu idioma. E aqui, você pode adicionar as postagens mais recentes no seu idioma. Este será para a barra lateral do blog. Portanto, não se esqueça de cuidar dessa barra lateral da 1.4 Shop. Como você pode ver aqui, temos títulos em inglês. Então, aqui temos que mudar as categorias de produtos para a versão do seu idioma nativo. Vamos clicar em Salvar alterações e vamos expandir essa. E vamos substituir esse também. Tudo bem, vamos clicar em Salvar alterações. Agora, vamos voltar ao nosso site. Vamos até a categoria e, como você pode ver, ela está totalmente traduzida. Então, agora tudo está totalmente traduzido. Mas se eu for para a página da nossa conta, como você pode ver, ela parece muito bagunçada, não tem o mesmo estilo de É porque mudamos o título desta página. E agora temos que clicar aqui, Editar esta página. E agora podemos selecionar o modelo. Vamos escolher na lista e vamos escolher minha conta. Tudo bem, vamos clicar em Atualizar e vamos clicar em ver nossa página E como você pode ver, tudo está totalmente traduzido. Então, desse jeito, traduzimos nosso site para outro idioma. Então, como você mesmo disse, você pode traduzir facilmente seu site para qualquer idioma que desejar. E se você tiver alguma dúvida, não hesite em perguntar. Você pode me enviar um e-mail ou participar do meu grupo no Facebook, e eu estou sempre aqui para ajudá-lo. Então, isso é tudo para esta lição. Agora você já sabe como traduzir seu site 72. Resumo da seção 9: Fantástico. Agora você não sabe apenas como criar um site para o público que fala inglês ou para o público global que tem um domínio.com Mas agora você pode traduzir totalmente seu site para qualquer idioma que você quiser. É claro que agora seu site não é um site multilíngue. Você acabou de traduzir um site e traduzi-lo totalmente para qualquer idioma que desejar. Então, se você decidir criar um site em seu idioma nativo para seu público nativo, talvez você não seja do país de língua inglesa, então você saberá como isso é feito e ótimo, porque você não precisará procurar outras alternativas, você procurar outras alternativas, saberá como fazer isso com o WordPress Então, como você mesmo viu, se você traduzi-lo para o back-end do nosso site e, em seguida, traduzirmos o front-end do nosso site para nossos clientes Portanto, se você notar alguns textos não traduzidos e seu site, não se esqueça de usar o Loco Translate para traduzir esse Normalmente, não são traduzidas coisas que podem ser encontradas no plugin WooCommerce e também no seu tema Então, se você vai encontrar algo que não está traduzido, isso não é traduzir totalmente. Sua primeira opção é experimentar o seu tema, seja Astra ou Flatsome, e então você deve conferir E mais tarde, se você decidir instalar mais alguns plug-ins para adicionar mais vários outros, a funcionalidade do seu site é E se você vai ver que há alguns textos não traduzidos, você também deve verificar esse plugin Então, parabéns. Agora você sabe como traduzir totalmente seu site