Configuração de lojas no Shopify: como funciona a plataforma de comércio eletrônico

1. Introdução: Olá e bem-vindo à sala de aula. Sou Christopher Dodd Sou um dos melhores professores aqui no SkillShare.com e no Shopify Expert, trabalhando com a O que você está prestes a assistir é um curso intensivo na Shopify. Estamos juntos, examinaremos as várias partes de uma loja da Shopify e aprenderemos como cada parte funciona em conjunto para oferecer um site de comércio eletrônico bonito e robusto Embora a plataforma Shopify tenha passado por muitas melhorias desde 2019 e continue a fazê-lo, a estrutura central da plataforma Shopify ainda é um sistema robusto que equilibra elegantemente equilibra Uma plataforma que permite que os comerciantes comecem a vender instantaneamente com um checkout simples, mas poderoso, para aceitar pagamentos de qualquer produto que você possa imaginar Com o Shoaf, você pode criar uma página de produto e começar a vender em menos de uma hora Na aula, abordaremos os principais fundamentos que você precisa entender sobre a plataforma Sho Fi Começaremos com uma visão geral da estrutura do shove commerce e, em seguida, daremos uma olhada nas várias peças que compõem uma loja shove, como produtos e variantes, páginas personalizadas e temas e aplicativos de navegação Além de criar seus próprios dados para que você possa estender facilmente a plataforma para atender às suas necessidades. Desenvolvedor trabalhando na plataforma, desde 2019, vi dezenas de lojas usando o Shopify para alimentar uma loja online simples Até empresas de comércio eletrônico multimilionárias empresas de comércio eletrônico multimilionárias usando várias opções de personalização Enquanto o Shopify torna o comércio eletrônico o mais simples possível. Há algumas coisas que você precisa saber sobre a plataforma. Se você estiver interessado em vender produtos, opte por ou, como eu, ajudando empresas que usam Shopify com os requisitos de seus sites Então, se você estiver interessado em aprender como a plataforma Shopify funciona, continue assistindo e nos vemos por 2. PROJETO DO CURSO : Para seu projeto de classe, quero que você elabore um plano para uma loja da Shopify Eu recomendo abrir um documento agora. E enquanto você passa por cada lição, crie seu próprio exemplo de como você encaixaria um aspecto da sua loja em cada categoria. Se você estiver criando uma loja real, melhor ainda, você pode aplicar o que aprendeu nas lições a seguir às necessidades reais da sua loja. Mas se não, você pode procurar outras lojas na web, estejam elas no arquivo do comprador ou não E descubra, por exemplo, quais produtos você adicionará à sua loja, qual combinação desses produtos fará parte de uma coleção e quais campos adicionais você talvez precise mostrar Imagens, por exemplo, abaixo da dobra. Ou para mostrar algo como especificações ou lista de ingredientes que podemos usar dados personalizados, ou seja Metacampos p. Se você preferir fazer isso no final da aula, a decisão é sua. Mas talvez você precise voltar e revisar algumas das lições para confirmar sua compreensão. Depois de concluir seu plano, não se esqueça de compartilhá-lo com o resto da turma publicando-o na seção de projetos de classe desta aula de compartilhamento de habilidades Você pode fazer isso em qualquer formato que desejar e até mesmo anonimamente, se necessário É uma boa ideia fazer alguns deveres de casa para solidificar o conhecimento que você adquirirá ao longo Obviamente, se você tiver alguma dúvida, sinta-se à vontade para comentar sobre qualquer uma das aulas ou em seu projeto de classe. Caso contrário, vamos começar. 3. Criando uma loja de desenvolvimento gratuita: Tudo bem, então, para acompanhar esta aula, você precisará de uma loja da Shopify E, como falo em meus outros vídeos, a maneira mais fácil de começar a usar o Shopify, se você ainda não tiver uma loja do Shopify, é criar uma loja de desenvolvimento gratuita por meio da sua conta do Shop Fi por meio da sua conta do Shop E se você não tiver uma conta do Shop Fi Partners, você pode se cadastrar facilmente gratuitamente. Não há processo de inscrição. Você não precisa ter nenhuma credencial para ter uma conta de parceiro do Shop Fi Tudo é gratuito para pessoas como nós que estão tentando aprender a plataforma, certo? Já falei sobre isso em vários vídeos e criei lojas de desenvolvimento no passado, mas vou criar uma nova neste vídeo. Se você já tem uma loja de desenvolvimento ou tem algum tipo de loja para acompanhar, fique à vontade para pular este vídeo Mas se você precisa criar uma loja virtual, você ainda não tem uma , definitivamente acompanhe este vídeo. Agora, a primeira coisa que você precisará fazer é se inscrever na conta de um parceiro. Se você ainda não o fez, eu não vou passar por esse processo. Deve ser bem simples. Muito simples. Eu fiz isso anos atrás e não me lembro de ter sido um problema. Eu já tenho uma conta. Então, o que vou fazer é clicar em login e isso me levará à conta do meu parceiro. Então eu vou até as lojas. Lembre-se, pessoal, que a interface do usuário pode mudar a qualquer momento. Então, basta procurar o item do menu chamado lojas. , pode não estar nessa posição exata entanto, pode não estar nessa posição exata no momento em que você está assistindo. Tudo bem, então tudo o que temos que fazer é ir até este botão aqui para adicionar loja. E você pode solicitar acesso à loja de um cliente se estiver trabalhando na loja de outra pessoa. Mas, para nossos propósitos, vamos clicar aqui para criar uma loja de desenvolvimento. E vai perguntar se isso é algo que vamos transferir a propriedade para um cliente posteriormente. Ou estamos criando uma loja para testar e criar ou, nesse caso, aprender. Então, vamos clicar na segunda opção e vou chamar essa classe da Shopify Store Não, isso não está disponível. Vou dar algo um pouco mais exclusivo. da loja Chris Development. Tudo bem, legal. Esse é um nome meio idiota, mas acabou sendo aprovado porque obviamente deve ser um nome único Para passar por aqui, podemos usar a versão mais recente ou uma prévia para desenvolvedores. Isso aqui nos permite visualizar os recursos que estão sendo lançados. Então, podemos clicar aqui e ver os recursos que serão lançados em breve no Subi, para que possamos testá-los Vou usar a versão mais recente por enquanto. E depois essa, que não existia quando comecei a criar lojas de desenvolvimento, que é muito útil para começar com dados de teste Se começarmos com uma loja vazia, teremos que criar todos esses recursos diferentes, o que é meio irritante Provavelmente ainda teremos que criar alguns dados fictícios em nossa loja de desenvolvimento em toda esta classe Mas definitivamente vamos começar com alguns dados de teste. Vou clicar aqui para criar a loja de desenvolvimento. Era inesperada criando uma loja. Ok, deixe-me tentar isso de novo. O nome da loja não pode conter Schober Fire. Talvez seja esse o problema. Vou chamá-la de Chris Development Store, é claro. Tudo bem. Então, sim, vou manter essas outras opções iguais e espero que funcionem agora Tudo bem, então vamos lá. Temos nossa loja de desenvolvimento e agora podemos continuar com o resto da turma. 4. Arquitetura de loja do Shopify: Antes de mergulharmos em cada parte importante da plataforma Shop Fi, precisamos analisar de alto nível onde cada parte se encaixa na arquitetura geral da plataforma. O Shop Fi é uma plataforma de comércio eletrônico completa. Você pode pensar nisso apenas como um lugar para construir uma loja online, mas, na realidade, o Shop Fi permite que você venda em muitos canais de vendas diferentes. Seja por meio do ponto de venda, por meio de plataformas on-line existentes ou por meio de sua própria loja Usando a ABI da vitrine, é claro, maioria dos usuários operará principalmente por meio do canal de vendas da loja online Se você fizer login na sua conta da Shopify e observar a navegação à esquerda, provavelmente encontrará um link para a Loja Virtual abaixo do Clique nesse link e o menu se expandirá para mostrar as várias partes da sua loja que o Shoppe Fi oferece Observe que o primeiro link diz Temas. Um tema permite que você controle a aparência e, até certo ponto, a funcionalidade da fachada da sua loja virtual. A melhor maneira de demonstrar o que um tema faz e o que não faz é alternar entre os diferentes temas na mesma loja. Aqui você pode ver que os menus e os produtos permanecem praticamente os mesmos, mas o layout e aparência da fachada da sua loja virtual mudam. Veja como, quando clico entre esses temas diferentes, o conteúdo e os menus são basicamente os mesmos, mas a apresentação é bem diferente. Isso é o que seu tema faz, sua forma ininterrupta de permitir que você personalize a fachada da sua loja Quando digo que o conteúdo e os menus são basicamente os mesmos, é porque muito disso é armazenado dentro do canal de vendas da loja virtual ou fora do canal de vendas da loja virtual no caso de produtos, por exemplo, vamos dar um passo atrás. Cruze seus canais de vendas aqui por um momento. O que, para a maioria das pessoas, é apenas um canal de vendas, o canal de vendas da loja virtual. E vamos ver qual conteúdo é fundamental para sua loja, independentemente dos canais de vendas que você usa. Isso inclui pedidos, produtos, clientes e descontos. Pense sobre isso. Independentemente de você vender pessoalmente por meio de uma loja on-line por meio de um aplicativo ou mídia social, você precisaria receber pedidos de determinados produtos de determinados clientes a determinados preços. Essa é a funcionalidade do Core Commerce. É por isso que essas seções são independentes dos canais de vendas que você instalou em sua loja Shopper I. Agora, vamos voltar à seção de canais de vendas e ver quais peças existem no canal de vendas da loja virtual. São temas, postagens de blog, páginas e navegação. Lembre-se de um momento atrás, quando demos uma olhada em nossa loja por meio de alguns temas diferentes. O conteúdo que permaneceu o mesmo, independentemente do tema que estávamos analisando, incluiu esses recursos no canal de vendas da nossa loja virtual. Por exemplo, se acessarmos a seção de postagens do blog e criarmos uma nova postagem no blog, isso se aplicará a todo o canal de vendas, não a um tema específico. Também podemos criar uma página para adicionar ao canal de vendas da nossa loja on-line, bem como configurar um menu que podemos incluir em nossos temas em vários pontos. Vamos nos aprofundar em tudo isso durante a aula, mas, por enquanto, estou apenas demonstrando onde essas opções estão em sua loja Antes de resumirmos o que aprendemos até agora, vamos falar rapidamente sobre o editor de temas Dentro de cada tema, você pode acessar o que é chamado de editor de temas. Aqui você pode personalizar certos aspectos do seu tema. E quando você clica em salvar, esses dados são salvos instantaneamente no tema específico que você está editando. É importante observar aqui que os dados desse editor são armazenados no tema específico e cada tema tem seu próprio conjunto de dados. Para essas opções, isso é diferente do que acabamos discutir com postagens de blog, páginas e navegação. Um exemplo para ilustrar onde os dados do tema e os dados da loja divergem pode ser um campo de menu nas configurações do seu tema O menu em si é configurado na seção de navegação e está disponível para uso por todos os seus temas. Mas a seleção do menu específico é específica para o tema e , portanto, armazenada nele. Novamente, vamos nos aprofundar muito em tudo isso nesta aula. Por enquanto, estou apenas avisando que talvez você queira consultar este vídeo depois de concluir a aula. Mas, por enquanto, vamos resumir o que aprendemos nesta lição Então, como você pode ver aqui, eu dividi os três locais diferentes onde os dados armazenados e como eles são independentes uns dos outros nas lojas da Shopify Então você tem sua funcionalidade de comércio principal aqui. Variação de produtos, pedidos, clientes e descontos. Eles representam os principais dados de comércio eletrônico. Independentemente dos canais de vendas em que você possa estar vendendo. Obviamente, para a maioria dos usuários, você usará apenas canal de vendas da loja online, que vem como padrão com o Shop Offi É o que a maioria das pessoas pensa quando pensa em uma loja física Então, coisas como temas, postagens de blog, páginas e navegações serão específicas desse canal de vendas da loja virtual E então, dentro do canal de vendas da sua loja virtual, você pode personalizar a aparência do seu site por meio de vários temas, e qualquer das configurações definidas no editor será específica para esse tema. Portanto, isso não se aplicará a outros temas no canal de vendas da sua loja virtual. Mas, novamente, abordaremos isso com mais profundidade ao longo da aula. Essa é apenas uma visão geral de alto nível. Mais uma vez, talvez você queira se referir a isso depois de terminar a aula, mas, por enquanto, essa é a visão geral de alto nível. E no próximo vídeo, abordaremos algumas dessas funcionalidades principais, incluindo produtos, variantes, pedidos e clientes. 5. Produtos e variantes: Neste vídeo, falaremos principalmente sobre produtos e variações, mas também falaremos brevemente sobre pedidos e clientes No final, obviamente administrando uma loja de comércio eletrônico, os produtos estão no centro da plataforma. Os produtos devem ser bem simples de entender, mas as coisas podem começar a ficar um pouco complicadas quando dividimos cada produto em variações. As variantes são muito importantes porque representam o produto real que é pedido e entregue ao cliente. Deixe-me explicar. Vamos dar uma olhada nos exemplos de snowboard que vêm com nossa loja de desenvolvimento O snowboard de hidrogênio aqui é um produto único, mas vem em uma variedade de opções Se descermos até a seção de variantes, podemos ver a lista de opções e valores possíveis para cada uma, que, por sua vez, produzem essa tabela de variantes. Cada combinação de opções produz uma única variante. Se tivermos apenas um parâmetro de opção com, digamos, tamanho aqui, com três tamanhos diferentes , teremos apenas três variantes diferentes, uma variante para cada tamanho. Mas se tivermos mais de um parâmetro de opção aqui, a lista será composta por três parâmetros de opção, cada um com três valores possíveis para o primeiro, dois para o segundo e oito para o último. Como neste exemplo aqui, obtemos um total de 48 variantes diferentes ou 48 combinações diferentes de todas as opções acima. A fórmula para isso é simples, é apenas o número de valores possíveis para cada um multiplicado Então, três vezes duas vezes oito, produzindo 48 combinações diferentes ou 48 variantes diferentes. Então, quando digo que a variante é o produto real que pedido e entregue ao cliente, é porque se um cliente pedir uma snowboard de fibra de carbono com um padrão de parafuso clássico no tamanho 160, receberá uma prancha de snowboard de fibra de vidro com um suporte de encadernação R SC Então esse não é o produto que eles pediram. É importante entender esse conceito , pois embora os produtos tenham suas próprias páginas, é a variante ou a variação do produto que é, na verdade, o que é selecionado e solicitado pelo cliente Por esse motivo, um produto sempre contém pelo menos uma variante, mesmo que não haja opções disponíveis para o produto. Vamos diminuir o zoom por um segundo e dar uma olhada no processo de pedido de algo em uma loja da Shopify Primeiro, o cliente navega até a página do produto e se esse produto está disponível em opções diferentes ou não Quando o cliente clica no botão Adicionar ao carrinho, uma variante é adicionada ao cartão Se o cliente navegar até a página de checkout, as variantes desse carrinho serão transferidas E quando o cliente paga, duas coisas acontecem. Um cliente é criado no back-end e o cartão é convertido em um pedido que é anexado a esse cliente. Agora, para um usuário administrador comum, distinção entre produtos e não é muito importante entender a distinção entre produtos e variantes. Tudo o que você realmente precisa se preocupar é que a seleção do cliente tenha sido capturada com sucesso e que ele tenha recebido o produto com a combinação de opções que selecionou. No entanto, para usuários mais técnicos que planejam codificar temas, funções ou aplicativos da Shopify , é importante que você esteja ciente disso Podemos visualizar os dados que são armazenados em uma variante clicando no botão de edição em qualquer uma dessas linhas. Como cada variante é tecnicamente um produto separado, ela deve ter seu próprio SKU, quantidade e preço O preço pode ser o mesmo entre variantes ou diferente se uma determinada combinação tiver maior demanda ou for mais cara de produzir. Quando o cliente compra uma variante e não um produto, o nível de estoque de cada combinação é armazenado no nível da variante aqui Se a variante representa o produto real que o cliente está comprando, o que pode ser dito sobre o produto que vemos no administrador Você pode pensar neste produto como a página na qual exibimos os detalhes e as imagens do produto. Uma única página que agrupa todas as variantes. As variantes não têm páginas próprias e só podem ser agrupadas pelo produto ao qual pertencem Os produtos, por outro lado, podem existir em várias coleções e cada uma tem sua própria página. Podemos ver a página do produto de qualquer produto específico clicando no botão de visualização aqui. Aqui podemos ver os detalhes que definimos no Amon que se aplicam ao nosso front-end A maioria deles é bastante simples de entender , como a descrição do título e as imagens. Mas eu quero chamar sua atenção para uma pequena lista suspensa, aqui embaixo do modelo de tema. Falaremos mais detalhadamente sobre os modelos quando entrarmos nos temas. Mas, por enquanto, entenda que cada página de produto terá aparência semelhante se estiver usando o mesmo modelo, o que geralmente acontece na Shopify No momento, podemos ver que todos os produtos em nossa loja estão usando um modelo padrão, cujo código é armazenado dentro do tema. Quando clicamos em Exibir aqui no produto, estamos visualizando o modelo padrão do tema atualmente ativo. Novamente, isso está avançando um pouco, mas veremos os modelos em um vídeo posterior Para finalizar este vídeo, no entanto, vamos falar brevemente sobre pedidos e clientes que, conforme mencionado anteriormente, são gerados sempre que um cliente finaliza a compra em nosso site. Na seção de nossos clientes, aqui podemos ver os detalhes dos usuários que já enviaram pedidos em nossa loja. Mas nem todo usuário aqui é necessariamente um cliente pagante. Um cliente também pode ser um usuário que envia voluntariamente suas informações para nós sem precisar O exemplo mais comum disso é a assinatura de um boletim informativo, onde podemos oferecer algo ao cliente em potencial em troca de suas informações de contato Nossa seção de pedidos aqui, bastante autoexplicativa. Quando um usuário finaliza a compra na loja, ele cria um pedido para que possamos visualizar no administrador. Aqui, os pedidos, é claro, contêm a variação da barra de produtos que o cliente solicitou, bem como as informações do cliente para que o pedido possa ser Bem simples. Então, um pouco de carne nesta lição, mas basicamente isso abrange o núcleo principal do sistema de comércio eletrônico da Shopify Para recapitular, você pode configurar páginas para exibir vários produtos em sua loja, cada um com sua própria lista de combinações possíveis, conhecidas como variantes Quando um usuário visita sua loja, ele avalia o produto e seleciona variante que deseja por meio da página do produto, adiciona esse produto ao corte e, em seguida, conclui a criação um novo pedido de cliente no sistema para o lojista atender No próximo vídeo, abordaremos uma seção aqui na página do produto que abordamos neste Mas é muito importante a organização do produto, tão importante que ele merece seu próprio vídeo. 6. Organização de produtos: Neste vídeo, abordaremos como organizar seus produtos na Shopifi Essa é uma área em que o Shopifi pode diferir consideravelmente Uma coisa que pode confundir os usuários é que não existe o conceito de categoria no Chopifi Em vez disso, as principais formas de organizar produtos no shopifi são coleções e tags Vamos entrar na seção de coleções do nosso administrador e clicar para criar uma nova coleção. Você pode definir um título, uma descrição e uma imagem para sua coleção aqui, mas a verdadeira mágica acontece aqui nesta seção. Aqui, sob o tipo de coleção, você pode especificar manual ou automatizado. O manual é bem simples. Se você criar a coleção com um tipo de manual, poderá especificar manualmente quais produtos gostaria de incluir nessa coleção. Se adicionarmos alguns produtos aqui e clicarmos para ver a coleção no front-end, você verá nossa coleção entregue por meio do modelo de coleção do tema, que, dada a natureza das coleções, deve apresentar uma lista de produtos da coleção com algum tipo de opção para filtrar e classificar a Assim como um produto, uma coleção é um objeto na Shopify em que cada um tem sua própria página E podemos personalizar a apresentação da coleção trocando temas ou selecionando a coleção a ser exibida por meio de um modelo alternativo. Se tivermos isso configurado em nosso tema, novamente, discutiremos modelos alternativos assim que entrarmos nos temas. Mas, por enquanto, tudo o que você precisa saber é que todas as coleções têm uma página, uma página na qual os usuários podem ver a lista de produtos dessa coleção. Portanto, voltando ao conceito de organização de produtos coleções Chopifi são muito flexíveis, no sentido de que um produto pode existir em muitas A desvantagem disso é que não podemos rastrear um produto até uma única coleção e , portanto, pode haver muita sobreposição Uma limitação adicional é que as coleções não podem ser vinculadas a outras coleções. Em outras palavras, não existe algo como uma coleção sendo um subconjunto de outra coleção No Chopifi, descobri que os comerciantes que têm uma grande variedade de produtos geralmente ficam frustrados com isso, pois costumam organizar seus produtos em uma estrutura em forma de árvore, que realmente não se encaixa nesse modelo flexível de coleções de produtos Antes de falarmos sobre coleções automatizadas, deixe-me explicar um pouco mais sobre as etiquetas e direcionamento do Chopifi para o produto que estávamos examinando antes Podemos ver a seção de etiquetas na parte inferior da seção de organização do produto. As tags são simplesmente linhas únicas de texto que podemos adicionar ao produto para categorizá-lo. Em seguida, podemos criar regras produtos com determinadas tags, seja no código de nossos temas ou em coleções automatizadas. O que me leva de volta à página de administração da coleção aqui. Se criarmos uma nova coleção e desta vez, selecionarmos a coleção automatizada, podemos definir que a lista de produtos na coleção seja preenchida automaticamente com base em determinadas condições, sendo a mais comum a utilização de etiquetas Por exemplo, se criássemos uma página de coleção para listar todos os nossos produtos em promoção, poderíamos criar a coleção como uma coleção manual e atualizar os produtos manualmente ao longo do tempo, voltando à coleção sempre que quisermos fazer uma alteração. Ou, como alternativa, poderíamos definir aqui uma regra de que a coleção de venda incluirá todos os produtos com a etiqueta de venda. E então, no nível do produto, podemos simplesmente adicionar e remover a etiqueta de venda sempre que quisermos que o produto seja incluído na coleção de vendas ou não. O benefício dessa segunda forma é que, como sabemos , no nível do produto, que o produto é um produto à venda, podemos usar essas informações também podemos usar essas informações de várias outras maneiras. Por exemplo, neste exemplo de etiqueta de venda, talvez a codifiquemos no tema para mostrar uma etiqueta na grade de produtos que diz venda se a etiqueta de venda estiver presente. Mais uma coisa sobre as tags é que a Shopify fornece uma maneira nativa de filtrar mais profundamente as coleções com base nas Então, digamos, por exemplo, que você tenha uma coleção de sapatos com alguns dos produtos marcados como masculinos. Você pode simplesmente acrescentar uma barra e adicionar a tag ao final do URL para filtrar todos os produtos que não tenham essa tag nessa coleção Voltando às condições das coleções automatizadas, etiquetas são uma das opções, mas você também pode criar coleções automatizadas com base em vários outros atributos, como tipo de produto, preço ou nível de estoque. Você notará aqui que há uma opção por categoria de produto, que você pode pensar que contradiz minha declaração anterior sobre categorias não serem um conceito em Schabifi Embora exista algo chamado categoria de produto em Schabifi Agora, existe uma maneira de categorizar os produtos por motivos fiscais ao vender nos Estados Unidos Infelizmente, não é um método de organização de produtos na Schubifi, pelo menos no momento da gravação, a menos, é claro, você categorize um produto e use como condição em uma coleção Mas, nesse caso, você ainda depende de uma coleção para exibir essa categoria Antes de 2021, também podíamos filtrar coleções com base no tipo de produto e no fornecedor Mas desde 2021, o Hope Pi agora usa algo chamado filtragem de vitrine que inclui não apenas o fornecedor e o tipo de produto como opções de filtragem, mas uma série de outros atributos, como disponibilidade de preços e até campos personalizados que você mesmo define , conhecidos como Para se aprofundar em quais atributos estão disponíveis para filtragem, confira a página na documentação do Chobe Pi sobre vitrines Ok, então abordamos um pouco neste vídeo, mas aqui está um número resumido de alto nível. Primeiro, as coleções são a forma nativa de Shabifi de organizar listas de produtos Segundo, podemos criar uma coleção com uma lista de produtos que especificamos manualmente ou por meio de um conjunto de regras que permitem o preenchimento dinâmico da lista de produtos por meio de atributos diferentes, como etiquetas, tipo de produto ou fornecedor Três, cada coleção tem sua própria página, que pode ser personalizada por meio do modelo de coleção dentro do tema. E, finalmente, podemos filtrar mais detalhadamente as páginas da coleção, as etiquetas de incêndio e outros atributos do produto. Mas não podemos vincular de forma nativa uma coleção a outra. Essencialmente, as coleções estão no centro da organização de produtos em Shabifi Se você quiser exibir uma lista de produtos que se encaixam em algum tipo de categoria, criar uma coleção é como fazer isso. Então, isso cobre o núcleo principal da plataforma Shop Fied. No próximo vídeo, entraremos canal de vendas da loja virtual e veremos a criação de páginas, navegação e as postagens do blog. 7. Páginas, posts de blog e navegação: Neste vídeo, falaremos sobre as partes que compõem o canal de vendas da loja virtual, que é o canal de vendas que vem do Defold e do Shopify E aquele que provavelmente vem à mente quando você pensa em uma loja do Shopify No topo da lista estão os temas, que visitaremos um pouco mais tarde, porque os temas são um tópico gigante e algo sobre o qual falo em profundidade em minhas outras aulas. Por enquanto, vamos simplesmente dar uma olhada nas páginas, na navegação e nos blogs. Primeiro, as páginas são as mais fáceis de entender , enquanto os produtos e coleções têm suas próprias páginas. No shopifi, criar uma página aqui no canal de vendas da loja virtual é para qualquer outra página que você possa precisar que não se enquadre nas categorias anteriores Por exemplo, uma página de contato sobre a página ou termos e condições. As páginas das páginas são bastante básicas por padrão no Schubifi. Os únicos campos padrão aqui são título e conteúdo, permitindo que você crie uma página de conteúdo simples baseada em texto. Mas, novamente, temos esse modelo de tema exibido aqui que nos permite executar a página por meio de um modelo personalizado aqui. As possibilidades são quase infinitas. Mas a grande diferença entre páginas criadas aqui e outras páginas em subi Fi baseadas em coleções ou produtos, por exemplo, é que não há dados além desse título e campo de conteúdo associado a ele Tecnicamente, você poderia criar uma página para uma coleção ou produto específico usando uma dessas páginas, mas perderia as opções de filtragem nativa No caso de coleções e de produtos, certeza, você pode mostrar um produto em uma dessas páginas Ele simplesmente apareceria com uma estrutura de URL diferente e você teria que especificar de alguma forma qual produto deseja mostrar. Simplificando, embora as páginas aqui sejam flexíveis, é melhor executar coleções e produtos por meio de seus próprios modelos e usar páginas apenas para páginas que não se enquadrem em outras categorias. Semelhante a uma página, é uma postagem de blog. Porém, para criar uma postagem no blog, precisamos primeiro criar um blog. Em Chabavai, você pode ter vários blogs diferentes. Portanto, você pode pensar nos blogs aqui como coleções. Mas para postagens de blog, a página de postagem do blog e o Ammon se parecem muito com a página por página As duas grandes diferenças aqui, porém, são que uma postagem de blog está sempre associada a um blog específico. E que a data de publicação seja registrada para que possa ser exibida no front-end. E, portanto, essa postagem do blog pode ser organizada por data de publicação, como você normalmente esperaria de uma nota de blog aqui , que os blogs também podem usar modelos alternativos, que veremos no vídeo sobre temas. Finalmente, temos a navegação aqui. É aqui que configuramos as listas de links para nossa loja no administrador. No entanto, Shubafi os chama menus como um nome mais amigável Na maioria das vezes, você usará essas listas de links como menus, o que faz sentido. Mas é um sistema flexível o suficiente para que você possa usá-los para configurar qualquer outra lista de links que possa precisar. entrar em uma dessas listas ou menus de links, podemos criar uma lista de links no máximo três níveis de profundidade. Cada link consiste simplesmente em dois campos, um, o texto do link e o endereço ao qual o link deve ser vinculado. Em seguida, podemos criar uma estrutura semelhante a uma árvore arrastando um link para baixo de outro link Podemos ter um link dentro de um link, dentro de um link criando até três camadas. Mas, infelizmente, qualquer estrutura de menu mais de três camadas de profundidade não pode ser criada aqui. Na Shopifi, assim como produtos, coleções, páginas e postagens de blog, linklets são apenas mais um objeto na Shopifi que podemos referenciar em nosso código ou vincular a determinadas seções do nosso tema por meio do editor de temas, sem mais delongas Agora, vamos analisar temas e modelos com mais detalhes. 8. Temas e modelos: Então, eu mencionei algumas coisas sobre temas ao longo desta aula até agora, mas agora vamos ver o que você precisa entender sobre temas neste vídeo. Os temas são muito importantes no Shop Fi porque representam o código do modelo pelo qual todos os dados da sua loja são transmitidos no canal de vendas da loja virtual. Quando preenchemos coisas no Shop Fi, como produtos e coleções, estamos basicamente criando dados em nossa loja Shop Fi Então, se estivermos usando o canal de vendas da loja virtual, o que é o caso na maioria das vezes, exibimos esses dados de uma certa forma para o usuário final. Se analisarmos a seção temática do canal de vendas da nossa loja virtual, podemos ver uma lista de temas aqui. O que está na parte superior é o tema atualmente ativo, e os outros são todos temas nos quais podemos trabalhar e publicar posteriormente ou simplesmente usar para testes sem fazer nenhuma alteração ao vivo para o usuário final. Cada tema é essencialmente uma pasta com vários arquivos de código que podemos visualizar e editar aqui mesmo no administrador, clicando nos pontos e clicando em Editar código Agora, isso pode parecer um pouco intimidante, mas vamos tentar simplificar isso um pouco Em meus outros cursos sobre desenvolvimento de temas, eu me aprofundo no código do tema. Mas, em um nível superior, há apenas três pastas sobre as quais quero falar neste vídeo. E eles são modelos e seções de configuração. Todas essas três pastas normalmente contêm arquivos que serão afetados pelas alterações feitas no chamado editor de temas. Se eu clicar nos três pontos aqui e clicar para personalizar, o editor de temas será Anteriormente conhecido como personalizador de temas. Aqui está essencialmente uma interface de usuário para personalizar nosso front-end e, em alto nível, adicionar e personalizar lista de seções em determinados modelos. Se clicarmos na lista suspensa na parte superior do editor, podemos selecionar qual modelo gostaríamos de editar Você pode ver aqui os links para coleções, páginas de produtos, blogs e postagens de blogs, cada um levado para outro menu. Porque cada um desses modelos pode ter apenas um modelo padrão ou vários modelos alternativos. Isso está relacionado ao que vimos anteriormente na lista suspensa do modelo de tema de todas essas páginas no administrador Então, por exemplo, se quiséssemos executar um determinado produto por meio de um modelo alternativo, em outras palavras, um modelo diferente do modelo de produto padrão, poderíamos fazer isso criando um modelo alternativo aqui. Em seguida, navegue até esse produto em nosso administrador e atualize o menu suspenso para vinculá-lo ao novo modelo Quando se trata dos modelos do Jason, que é o novo padrão na Shopify, todos os modelos são simplesmente listas do que é chamado de seções Cada seção pode conter configurações para personalização, bem como blocos que são como subseções cada uma com suas próprias configurações Algumas coisas a serem observadas aqui. Primeiro, tanto os blocos quanto as seções podem ser reorganizados no editor de temas dois As seções listadas sob o modelo de título estão relacionadas ao modelo específico que você está editando no momento. Três, as seções listadas acima e abaixo são armazenadas no layout geral, que normalmente será o mesmo para todos os modelos. As seções aqui geralmente são o cabeçalho e o rodapé, bem como qualquer outra seção que precise ser incluída em todas as páginas, independentemente do modelo Por fim, por meio do menu suspenso, você pode ver quantos objetos, seja, produtos, coleções, etc., estão atribuídos ao modelo E aqui você pode clicar para ver um objeto diferente por meio do modelo. Você também tem algumas outras opções aqui na extrema esquerda para atualizar as configurações gerais do tema, bem como ativar e desativar determinadas funcionalidades do aplicativo no tema. No geral, o editor de temas é simplesmente uma interface amigável para atualizar o código do tema. Todas essas configurações são programadas no próprio código do tema e utilizadas usando Shopify, Liquid, a linguagem de codificação dos Se voltarmos aos arquivos do tema, as opções disponíveis no editor de temas, bem como os valores armazenados para cada opção, estão todos localizados dentro do código do tema. Os quatro arquivos diferentes para os quais chamarei sua atenção aqui são, um, os arquivos de seção em que o código de cada seção é armazenado. Dois, os arquivos de modelo nos quais a lista de seções e suas configurações são armazenadas. E, finalmente, os dois arquivos na pasta de configuração do tema geral Configurações, Configurações sublinham esquema, Jason é o arquivo que armazena a lista de campos, enquanto configurações sublinham dados Jason é o arquivo que armazena os valores definidos para Esses dados são sincronizados diretamente com o editor de temas. Portanto, se alterarmos um valor em nosso código aqui, ele será refletido no editor de código, assim como se alterarmos um valor no editor de temas, ele também será refletido no código. No entanto, quando se trata de seções e modelos, o esquema, em outras palavras, a lista de opções de personalização disponíveis, é armazenado na parte inferior do arquivo de seção, sob o código líquido que usa, pois as seções podem ser incluídas várias vezes em vários Os valores desses campos são definidos separadamente no arquivo de modelo, junto com os valores de configuração de todas as outras seções desse modelo, bem como a ordem em que as seções aparecem. Para modelos padrão, o nome do arquivo é apenas o nome do objeto seguido pela extensão do arquivo. Normalmente, Jason. Para modelos alternativos, o nome do arquivo começa com o nome do objeto, mas depois é seguido por um ponto e seguida, pelo nome do final do modelo alternativo. Mais uma vez, aqui com a extensão de Jason ou dot liquid Para as seções que estão incluídas fora dos modelos, podemos encontrar referências codificadas a elas aqui nos arquivos de layout Os valores registrados para essas seções estão ao lado dos valores das configurações do tema. Dentro das configurações sublinhado o arquivo Dasein. Há uma exceção a isso, chamados grupos de seções, que são um recurso menos comum no Happi, que você pode considerar como um mini modelo que fica no arquivo de layout e permite reordenar as seções fora do modelo Se você quiser saber mais sobre grupos de seções, tenho um vídeo dedicado no meu canal do Youtube. Basta pesquisar os grupos da seção Happi e eles devem aparecer no topo da lista, caso contrário, o primeiro resultado Tudo bem, então, só para recapitular aqui, já que eu dei muitas informações para você Primeiro, tudo o que você vê no editor de temas é determinado pelo código na pasta do tema. Número dois, cada seção é armazenada em seu próprio arquivo de seção. Se você sabe como codificar seções, você pode criar um novo arquivo de seção aqui e usá-lo como um bloco de construção em seu editor de temas número três, cada modelo é armazenado em seu próprio arquivo de modelo. Produtos, coleções, páginas, blogs e postagens de blog têm um modelo padrão. Mas você pode criar modelos alternativos para cada um deles se quiser que determinados objetos tenham uma aparência e um layout diferentes As quatro seções incluídas no arquivo geral de layout do tema são estáticas e quaisquer alterações em suas configurações serão aplicadas aos modelos. O valor dessas configurações é armazenado nos dados de sublinhado das configurações, arquivo Json e, finalmente, no esquema Em outras palavras, a lista de opções para seu tema geral. As configurações são definidas no Jason do esquema de sublinhado de configurações, e os valores armazenados de cada uma também são armazenados no arquivo Jason de dados de sublinhado de configurações Se você está simplesmente usando este curso para entender o administrador do shove fire e não quer programar temas , não precisa se preocupar com onde exatamente o código está armazenado no código do tema O mais importante a ser observado aqui é que todos os valores que você disse no editor de temas serão armazenados no tema específico em que você está trabalhando. Então, por exemplo, se eu fosse duplicar um dos meus temas e depois entrar no editor de temas da duplicata, alterar um valor e clicar em Salvar Os dados entre esses dois temas agora estarão desatualizados. A alteração que acabei de fazer só se aplica ao tema em que a fiz. Isso é diferente de dizer se eu mudar algo fora do editor de temas, como se eu alterasse o título de um produto ou o conteúdo de uma postagem no blog. Como eu disse, há muito o que abordar com temas. Mas, especificamente para o tópico desta aula, eu só quero chamar sua atenção de volta para a arquitetura que discutimos no vídeo anterior. Um lembrete aqui de que você tem apenas uma loja Hove fi principal e só pode ter um canal de vendas de loja on-line, mas pode ter vários temas Então, entenda que tudo o que você define no editor de temas é exclusivo de um de seus temas. Considerando todos esses outros dados que não mudam com base no tema que você está analisando. Se você quiser se aprofundar nos temas e em como eles são codificados, tenho algumas outras aulas aqui sobre compartilhamento de habilidades que discutem especificamente o desenvolvimento de temas Então, se você quiser aprender mais sobre temas, confira essas aulas. 9. Dados personalizados - Metafields e Metaobjects: Neste vídeo, abordaremos como adicionar novos objetos como adicionar novos campos a objetos existentes em sua loja Shuba Fi Se tomarmos um produto como exemplo aqui podemos ver alguns dos campos padrão no objeto do produto, como o título, a descrição, as tags e o fornecedor Mas se quisermos criar alguns campos personalizados para o objeto do produto , podemos fazer isso criando algo em Shubifi chamado Costumava ser difícil trabalhar com metacampos no Shuba Fi, então, na verdade , ainda há vários aplicativos na loja de aplicativos para gerenciar metacampos Mas hoje em dia você não precisa de um aplicativo para criar e atualizar metacampos no Para criar uma nova definição de metacampo, basta acessar duas configurações e clicar em Dados personalizados Aqui você pode ver a lista de objetos para os quais você pode criar metácampos. Essa lista inclui produtos, coleções, páginas e postagens de blog. No topo da lista estão os produtos. Então, se clicarmos aqui, podemos realmente adicionar definições extras aqui. Você pode ver aqui que já existem dois que vieram de fábrica com nossa loja. Então, vamos dar uma olhada neles. Agora, se voltarmos ao nosso produto de snowboard aqui, você pode ver que os metacampos estão na Portanto, as definições são a lista de metacampos disponíveis. E então o que temos aqui embaixo é um lugar para definir o valor desses metacampos em um Então, vamos voltar para Configurações > Dados personalizados e criar nosso próprio metácampo Se entrarmos em produtos aqui, temos encadernação de snowboard com comprimento de snowboard Talvez queiramos adicionar outro campo. Aqui temos a lista de opções. Há algumas opções diferentes. Podemos criar um campo de texto de uma única linha, um campo de texto de várias linhas, colocar números na forma de números inteiros ou decimais, vincular a um determinado produto, vincular a um determinado arquivo, que nos dá a opção de vincular a qualquer arquivo, ou especificamente a imagens, vídeos ou ambos, vídeos ou ambos, que é Podemos adicionar dimensões de data e hora, pesos de volume. Há muitas opções aqui. Podemos fazer referência a outros objetos na Shopify, como coleções, variações de produtos e até meta-objetos, que abordaremos um pouco mais tarde Podemos torná-lo um valor verdadeiro ou falso. Classificação de cores, todo tipo de coisa. Então, vamos fazer a avaliação, e eu chamarei isso de classificação do produto. E eu vou dizer, eu não sei. É bastante autoexplicativo, então provavelmente não vou colocar uma descrição lá. Classificação mínima um. Classificação máxima cinco. OK. Vou clicar em salvar nisso. E agora que isso criou qualquer página de produto que acessamos. Agora, se eu rolar para baixo, você verá que há um campo extra aqui e eu posso definir uma classificação de produto entre 1 e 5. Digamos que 2,5 de cinco Vou clicar em Salvar, e esse valor agora é armazenado na própria página do produto. Então, deixe-me pegar o URL desta página. Abra isso. Em uma nova guia, poderíamos programar em algum lugar do tema em que esses dados aparecem. Poderíamos programá-lo para mostrar um certo número de estrelas com base na classificação por estrelas aqui. Então, talvez eu veja esse exemplo agora. Se eu entrar na loja online. Na verdade, podemos fazer isso sem precisar codificar nada. Podemos usar o que é chamado de vinculação dinâmica. Então, vou entrar no editor de temas do modelo de produto que está executando esse produto. Na verdade, está usando o modelo alternativo. Então, vou abordar produtos alternativos. Agora, em vez de ser um fornecedor de snowboard, posso mudar isso, me livrar disso e inserir uma fonte dinâmica diferente Bem, vamos colocar a classificação do produto. E então podemos dizer de cinco. E então só precisamos colocar um espaço lá e digamos, avaliar agora Para algo mais sofisticado, podemos realmente colocar ícones de estrelas e calcular quantos ícones aparecem com base nessa classificação aqui. Mas neste exemplo básico, você pode ver que o valor está chegando. E se eu usasse outro produto por meio desse modelo, ele apareceria com uma classificação diferente se a classificação fosse definida. O risco que temos aqui. Então, se eu entrar, digamos que essa e eu mudo essas duas alternativas também. Se eu não tiver um valor para a avaliação do produto , começaremos a ver um resultado um pouco diferente. Então, vamos até aqui, ver se consigo pegar a URL. Eu não posso. Isso é irritante. Vou clicar em Visualizar sobre isso. E aqui você pode ver que, como não há valor para a classificação do produto, eu ainda recebo o texto ao redor, mas não entendo o valor aqui. Então, a forma como geralmente resolvemos isso é garantir que haja uma classificação em cada produto. Ou programe-o no tema para que ele só seja exibido se houver um valor definido. Mas vou dar um exemplo melhor disso no final desta lição. Por enquanto, quero mostrar como podemos criar objetos completamente novos em choi Então, o que vimos naquele momento foram metacampos metacampos nos permitem adicionar novos campos a objetos existentes, como produtos, Mas e se quiséssemos criar um objeto completamente novo? Bem, podemos entrar no conteúdo aqui e criar uma definição de meta objeto para isso. Então, isso é basicamente criar nosso próprio objeto. Então, se eu entrar aqui, digamos que é um designer. Esse é um exemplo típico, porque no Shopper Fire, não existe designer Ou se você tivesse uma livraria, um autor. E então você pode ir até aqui e dizer, você sabe o nome completo, torne isso obrigatório. E então podemos fazer uma pequena biografia, tudo bem, talvez colocar, então vamos arquivo por imagem e só aceitamos imagens nos tipos de arquivo aceitos desta imagem, podemos fazer um valor ou uma lista de valores. Assim, podemos fazer imagens e mudar isso para uma lista de arquivos. Eu só vou fazer um. Agora que criamos nosso design, clicarei em Salvar e agora podemos começar a adicionar entradas. Então, digamos que, para nosso exemplo de snowboard, digamos que seja o fundador da Shopifi, Tenho certeza que é assim que se escreve o nome dele. Fundador da Shopifi e criador de snowboards. Tudo bem. Como biografia, vou apenas enviar uma imagem de Tobias que eu já adquiri. Tudo bem. E então eu vou clicar em salvar nisso. E agora temos um designer em nossa lista de designers, que é uma definição que criamos. Então, agora temos esse objeto de designer, além dos objetos existentes na além dos objetos existentes Shopify, como produtos, clientes, coleções, etc E o legal dos meta-objetos é que podemos vinculá-los a outros objetos em nossa loja usando metacampos. Então, vamos fazer isso agora. Digamos, por exemplo, que queremos atribuir esse designer, ou qualquer outro designer, a produtos específicos que eles criaram. Então, vamos criar um campo para isso. Analisaremos dados personalizados, entraremos em produtos aqui e adicionaremos uma definição. E vou chamar esse designer. Tudo bem, então eu vou aqui e o que posso fazer é selecionar meta-objeto como o tipo. E então isso me permitirá escolher o tipo de meta-objeto, como o objeto personalizado que criamos que queremos usar , que é designer. Se for projetado por várias pessoas, você pode alterá-lo para uma entrada de lista, mas vou fazer apenas uma entrada. Tudo bem, e agora vamos voltar para uma de nossas pranchas de snowboard, digamos, a melhor prancha de snowboard E se rolarmos para baixo, podemos selecionar um dos designers. E só temos uma que é tendenciosa. Então, vou clicar em Salvar nisso. E então podemos usar esses dados em nosso tema. Então, agora que criamos um meta-objeto e alguns metacampos, você pode estar se perguntando como podemos usar isso em nosso tema Shopify Bem, há duas maneiras de usá-la em temas. O primeiro, que não abordaremos neste vídeo, é usá-lo no Shopify Esse é mais um tópico de programação de temas do Shopify. Mas o outro que eu mostrei antes é o link dinâmico Em vez de gastar muito tempo configurando metacampos e meta-objetos e programando nosso tema, mostrarei um exemplo de uma loja de clientes atual. Então, aqui está um rascunho de modelo de produto que eventualmente será executado em alguns modelos diferentes nesta loja. E há muitos dados dinâmicos aqui, então, por exemplo, esses pontos aqui são dinâmicos Para cada produto, precisaremos de uma sinopse diferente aqui. Vamos precisar de uma chamada diferente aqui, mais algumas sinopses Vindo até aqui. Essas informações precisam ser dinâmicas. Essas informações precisam ser dinâmicas. Esses valores precisam ser dinâmicos aqui, o que significa que precisam ser específicos para o produto, que não possam ser armazenados apenas no modelo. Então, o que eu fiz para isso foi criar meta-objetos e metacampos Se entrarmos na página do produto, obviamente você tem todos os campos normais aqui. Mas se rolarmos para baixo, temos muitos outros metacampos Por exemplo, cor de destaque e cor de fundo. Portanto, essa cor de fundo é definida em um metacampo. Essa cor de destaque é definida em um metacampo para que possa ser alterada com base no produto que o cliente está vendo Eu os tenho acima da dobra USP, então a energia natural, a perda de peso e o suporte cetônico Porque cada um deles tem um ícone e um componente de texto. Eu armazenei isso em um meta-objeto e, em seguida, esse campo é uma lista de meta-objetos. Tudo bem, então se eu for até o conteúdo aqui, vamos abri-lo em uma nova guia. E se eu for para combinações de texto de ícones e for para Energia Natural, você pode ver o ícone e o texto aqui. Isso também é reciclado para essas sinopses aqui, onde há um ícone, um texto principal e, em seguida, um corpo de texto Então, se procurarmos isso aqui, combustível para o corpo, você verá que essa informação está aqui. E então vinculamos essas diferentes combinações de texto de ícones aqui mesmo nos metacampos Este é um exemplo um pouco mais avançado, mas, basicamente, você pode ver aqui que os valores que definimos em nossos metacampos estão aparecendo no front-end, ou seja, essas quantidades de macronutrientes Se formos até aqui, esse modelo foi programado para mostrar esses valores Então, aqui está um exemplo de como podemos usar dados personalizados para criar dados dinâmicos que podemos inserir em nosso modelo, dependendo do produto que o cliente está vendo. Se você quiser saber mais sobre Metacampos da Shopify e objetos de metal, tenho uma variedade de vídeos gratuitos no meu canal do Youtube, para que você possa pesquisar os Metacampos da Shopify no meu canal você possa pesquisar os Metacampos da Shopify Parece que isso também está trazendo meta objetos. Assim, você pode aprender sobre meta-objetos em metacampos de maior comprimento E abordo as diferentes maneiras de usar metacampos, incluindo a antiga, que costumava ser o caso antes das atualizações recentes de alguns anos atrás metacampos são uma forma de ampliarmos a fachada da nossa loja na Shopify e aplicarmos tanto aos objetos no canal principal quanto no canal de vendas da loja virtual Então é isso para esta lição. No próximo vídeo, abordaremos os descontos. 10. Descontos: Neste vídeo, abordaremos como fazer descontos em hopi fi Os descontos podem ser fornecidos algumas maneiras diferentes no schubifi e podem ser bastante complicados , dependendo das condições de desconto para descontos comuns, como compre um e ganhe outro grátis Podemos configurá-los facilmente na seção de descontos do nosso administrador aqui. Existem dois tipos de descontos que podemos configurar nesta seção. Podemos definir que o desconto seja acionado se o cliente aplicar um determinado código de desconto na finalização da compra. Ou automaticamente, o que significa que o cliente não precisa fazer nada além de atender às condições para que o desconto seja aplicado. Isso é bem simples se você quiser que seu desconto siga as regras abaixo. Mas se você quiser que um desconto seja aplicado fora dessas regras, é aí que as coisas podem ficar um pouco complicadas. Se você estiver assistindo a esse vídeo antes de 13 de agosto 2024 e sua loja estiver no nível mais alto de chopifi, conhecido como chopifil Depois, você pode usar um aplicativo chamado Editor de Scripts, que permite que os desenvolvedores escrevam código Ruby para permitir descontos com base em condições mais complicadas Durante anos, essa foi a única maneira programar descontos mais complexos no Shopifi Mas depois de 13 de agosto de 2024, todas as lojas que estão usando scripts da Shopify precisarão passar para algo chamado funções Hub Fi Semelhantes aos scripts, as funções do Shopify permitem que os desenvolvedores criem fórmulas de desconto mais complexas Mas, diferentemente dos scripts, esses descontos podem ser adicionados junto com descontos e códigos de desconto automáticos regulares. Obviamente, programar funções Hopi fi está fora do escopo dessa classe Assim como os scripts, você precisa estar no nível mais alto da shopify para usá-los Mas a boa notícia é que você não precisa estar no Shuba Fi para aproveitar as regras de desconto mais complexas disponíveis nas funções do Shobifi Todas as lojas podem instalar aplicativos de desconto que aproveitam as funções do Sofi Esses aplicativos fornecem sua própria interface de usuário para que os comerciantes criem descontos que geralmente não são possíveis usando as configurações normais Então, para demonstrar como um desses aplicativos que aproveita as funções do shop Fi se conecta à nossa seção de descontos regulares Aqui, vamos instalar um deles para ver um exemplo. Tudo bem, então se eu clicar aqui, ele abrirá minha caixa de pesquisa aqui na parte superior, filtro M para aplicativos, ele me mostrará meus aplicativos instalados. Mas se eu pesquisar, o aplicativo que estou procurando se chama Discount Hub. Você pode ver aqui que não temos nenhum aplicativo em nossa loja com esse nome. Mas podemos clicar aqui para pesquisar o Discount Hub na loja de aplicativos Shop Fi. Então, vou clicar nele e isso abrirá em uma nova guia. E você pode ver aqui Discount Hub Unique Discounts é o que eu estou procurando. Então, vou clicar nisso e depois clicar em Entrar. Isso nos levará a esta página, que é a página padrão de instalação do aplicativo na Schubifi Está apenas nos dizendo que estamos concordando em permitir que esse aplicativo acesse algumas de nossas informações, o que é totalmente legal Vou clicar em instalar aplicativo para finalizar esse processo. Agora você pode ver que estamos dentro deste aplicativo hub de descontos. Agora, há duas maneiras de configurar descontos. Podemos fazer isso de dentro do aplicativo. Mas o que eu quero mostrar agora é que, se clicarmos em nossa seção de descontos aqui e eu clicar em Criar desconto, você tem nossas opções regulares aqui. Mas agora que instalamos um aplicativo que utiliza as funções Hub Fi, você pode ver que também podemos adicionar uma outra lista de diferentes descontos de chobe fi abaixo, pré-programados por este Ok, então uma delas que eu achei interessante é que podemos oferecer um desconto apenas para alguns clientes que têm um determinado e-mail. Acredito que isso seja chamado de desconto por e-mail para funcionários. Então, clicaremos aqui e uma coisa que você notará é isso nos leva ao aplicativo para criar nosso desconto. Não temos a mesma interface de usuário como se estivéssemos criando um desconto normal no Shubifi Portanto, depende do aplicativo que você está usando, mas será uma interface de usuário diferente da normal. Mas deve ser bem simples, porque ainda temos acesso para escolher se queremos que seja um código de desconto ou automático. E neste caso, vou cancelar a metade para Chris, o freelancer, e você verá o porquê em apenas um segundo. Vou até aqui e vou limitar isso apenas ao meu endereço de e-mail, e darei um desconto de 50%. Todas essas outras coisas podem permanecer as mesmas. Vou clicar em Salvar nisso. Agora você pode ver que esse desconto é adicionado à nossa lista de descontos em nossa seção de descontos. E se eu rolar até aqui, você pode ver em tipo, ele listará o aplicativo que eu usei para criá-lo. E você pode ver aqui que estamos usando este aplicativo para aumentar esse desconto, que é diferente dos outros. Não há nenhuma lista suspensa para esses outros porque eles estão apenas no Shopify nativo Agora vamos testar se isso funciona. Vou clicar nesse botão para ver minha loja virtual. E vamos navegar até um produto, qualquer produto. Adicione ao carrinho. Confira quando eu coloquei meu e-mail e clique em Continuar com o envio. Você verá que eu recebo o desconto assim que a loja Fi reconhecer que estou usando esse e-mail de contato Portanto, recebo o desconto de 50% que defini no administrador deste produto. Portanto, este é o sistema mais recente em Shubifi. É uma forma de usarmos aplicativos para nos conectarmos à seção de descontos existente aqui em Chobafi, como mencionei no início do vídeo Antes disso, usamos um aplicativo separado e escrevemos código Ruby para programar descontos E isso só estava disponível para lojas no schobfil, que é o nível mais alto do Então, agora, se estivermos na loja, podemos escrever nossas próprias funções e entregar nossos próprios aplicativos personalizados. Mas para o resto de nós, podemos simplesmente aproveitar aplicativos que aproveitam a API de funções do shop Fi. E podemos usar a interface do usuário desses aplicativos para criar funções que, de outra forma, não poderíamos criar nesta seção de descontos. 11. Aplicativos: No último vídeo, instalamos nosso primeiro aplicativo da Shopify para ampliar a funcionalidade de descontos da nossa loja da Shopify Neste vídeo, falaremos sobre como os aplicativos se conectam à sua loja e, em geral, como usá-los. Então, como vimos antes, a seção de aplicativos da nossa loja Shopify atualmente está aqui, abaixo dos canais de vendas Clicando no item de menu para aplicativos. A lista de aplicativos instalados aparecerá no menu suspenso na parte superior da janela. Clicar em qualquer um desses aplicativos instalados aqui nos leva à página desse aplicativo. E também adiciona temporariamente o menu do aplicativo em Aplicativos à esquerda aqui. Se quisermos que o menu do aplicativo fique nesta seção permanentemente, basta clicar nesse botão para fixá-lo, e ele permanecerá lá se sairmos desta página. Como acabamos de iniciar esta loja, temos apenas alguns aplicativos instalados. Então, para instalar mais, podemos clicar nos aplicativos novamente e, no menu suspenso, usar a barra de pesquisa para pesquisar na loja de aplicativos Shop Pi. Esse botão nos direcionará para fora da nossa loja Shop Fi e para a loja oficial de aplicativos da loja. A partir daqui, podemos navegar, pesquisar e escolher entre mais de 8.000 aplicativos diferentes, todos os quais passaram pelos requisitos da aplicativos da Shopify Como vimos no exemplo anterior, podemos clicar para instalar um desses aplicativos, aprovar as permissões necessárias e começar a usar o aplicativo imediatamente. Mas o que esses aplicativos fazem e como funcionam? Bem, tecnicamente, um aplicativo Shopify é qualquer software que conecta à sua loja hopi fi Esses aplicativos são todos softwares de terceiros que residem externamente à sua própria loja da Shopify Literalmente, a única coisa que define um aplicativo da Shopify é que ele aproveita a API que o Shop Fi fornece Em termos menos técnicos, tudo o que estou realmente dizendo é que, embora os aplicativos possam se encaixar perfeitamente aqui em sua estrutura de menu, esses aplicativos não fazem parte da plataforma shopified Em vez disso, eles simplesmente se conectam à plataforma Hopi Field. A razão pela qual digo isso é para afirmar que cada aplicativo funciona inteiramente de acordo com seu próprio conjunto de regras. Se eu entrar em qualquer seção da minha loja Shopify, você notará que a interface do usuário permanece consistente Porque tudo isso faz parte do administrador de uma loja e segue um único sistema de design. Os aplicativos, por outro lado, podem imitar a aparência do administrador da loja, mas não são obrigatórios Portanto, o que você vê em cada aplicativo difere consideravelmente. Não há uma maneira única de usar um aplicativo por esse motivo. Não há como explicar os aplicativos de uma forma que se aplique a todos os 8.000 deles. Novamente, a única semelhança entre os aplicativos é a API de administração. A API que permite que ele se conecte à loja Shobifi. Se você é um usuário mais técnico, pode acessar a documentação oficial para ler mais sobre a API de administração e quais possibilidades estão disponíveis. Mas, para a maioria de vocês, a forma como você interagirá com os aplicativos é procurando soluções para problemas no Shopifi que não possam ser facilmente resolvidos pela própria plataforma Por exemplo, implementar um sistema de avaliação de produtos, um programa de fidelidade de clientes ou um sistema para inscrever clientes para pagamentos de assinaturas. Todos esses são exemplos de funcionalidades que o comprador acha que podem não ser capazes de fornecer o banco de dados ou usar a interface para algo que seja puramente front-end. No entanto, verifique primeiro o tema e veja se isso pode ser obtido simplesmente editando o código do tema Existem vários aplicativos que simplesmente modificam seu front-end usando software externo, onde você poderia simplesmente atualizar algum código do tema e obter o mesmo resultado. Como cada aplicativo joga de acordo com suas próprias regras, terminarei a aula aqui. entanto, se houver um aplicativo específico que você queira aprender, me avise nos comentários e eu posso criar um recurso de aprendizado separado especificamente nesse aplicativo. 12. Conclusão: Parabéns, você chegou ao final desta aula sobre a configuração da loja da Shopify Lembre-se de que, se você ainda não publicou seu plano de loja da Shopify na seção de projetos de classe desta aula do Skillshare, faça E se você quiser algum feedback sobre isso, deixe algumas perguntas e eu as verificarei. Se você quiser se aprofundar na Shopify, confira minha gama completa de cursos em Chris the Freelancer.com slash courses the Freelancer.com Também tenho algumas aulas de personalização de temas aqui no Skillshare para você conferir se quiser aprender como obter um maior nível de controle sobre a fachada da sua loja na Shopify Então confira esses dois se você estiver interessado. Como sempre, se você tiver alguma dúvida ou preocupação sobre o que abordamos na aula de hoje, deixe um comentário na caixa de discussão abaixo. E eu farei o meu melhor para apontar você na direção certa. Obrigado, como sempre, por assistir, e espero ver você novamente em algumas das minhas outras aulas.