Shopify Loja Online 2.0 - Tudo o que Você Precisa Saber

Em 2020, mais de 450 milhões de pessoas fizeram check-out no Shopify. A empresa processou mais de US $ 120 bilhões em Volume Bruto de Mercadoria. É um fato óbvio que Shopify é enorme e está crescendo.

Shopify na terça-feira (29 de junho de 2021) anunciou uma série de novos recursos, que visa tornar a plataforma mais personalizável para qualquer pessoa que administre uma loja em Shopify. Conectados Shopify 2.0 oferece uma lista enorme de novos recursos e temas para Shopify comerciantes.

A palavra de Shopify é que a loja online 2.0 é fruto da reconstrução mais importante da linguagem que utiliza para a construção de templates: a linguagem Liquid.

Para começar, a loja online renovada vai tornar mais fácil para os desenvolvedores adicionarem recursos personalizados às suas vitrines. A Netflix recebeu acesso a essa plataforma no início e usaram o acesso para criar o Netflix.shop - a primeira loja de comércio eletrônico da Netflix.

Aqui está uma breve visão geral do que a Loja Online 2.0 significa para você.

Visão geral

Os novos recursos da Loja Online 2.0 começam com uma nova experiência de edição. O novo editor torna muito simples para os comerciantes construir vitrines do zero, adicionar várias extensões de tema e gerenciar aplicativos dentro de temas. A ideia com o novo editor era centralizar todos os recursos e funcionalidades disponíveis.

O tema de referência Dawn, o novo tema padrão da vitrine em desenvolvimento, será 35% mais rápido do que o tema padrão atual (de acordo com estimativas internas). Shopify também mencionou que o novo tema estará aberto para inscrições de desenvolvedores a partir de 15 de julho de 2021.

Além disso, Shopify também revelou que a empresa vai aumentar significativamente seus investimentos em infraestrutura e ferramentas de desenvolvimento. Como resultado, você, como comerciante, não precisa passar pela dor de cabeça de re-plataforma para construir vitrines de comércio sem cabeça ou personalizar suas vitrines.

Com a nova loja online 2.0 renovada, Shopify está tentando tornar a plataforma mais visível para desenvolvedores e gigantes da tecnologia. Uma mudança sinalizando que isso estava oferecendo acesso antecipado à Store 2.0 para Netflix (mencionado anteriormente).

A Loja Online 2.0 é abrangente. Com a nova loja, todos têm a opção de criar, personalizar, dimensionar e monetizar Shopify.

A Nova Arquitetura de Tema

Com a versão anterior da loja online, os comerciantes eram limitados no número de blocos disponíveis dentro da loja. Anteriormente, as lojas costumavam ter modelos diferentes que eram mapeados para produtos diferentes. Com a versão 2.0, como comerciante, agora você tem a opção de adicionar seções a cada nova página. Anteriormente, você só podia adicionar seções à página inicial.

É possível ativar os modelos para cada página com um arquivo de modelo JSON que especifica as configurações da página. Com isso, você pode listar todas as seções de uma página, páginas de coleção, páginas personalizadas, postagens de blog e muito mais.

Nos arquivos de modelo JSON, você pode definir as seções que irão aparecer.

Os arquivos de modelo ditam quais seções aparecem por padrão e a ordem em que aparecem em um tema que você instala. Depois de adicionar o modelo, você pode adicionar seções dinâmicas como predefinições de tema acessando o editor de temas.

Extensões de aplicativo de tema com blocos de aplicativos

As extensões de aplicativo de tema para desenvolvedores podem ajudá-lo a adicionar uma série de recursos, bem como extensões. Você pode estender a funcionalidade do site do comerciante com a ajuda deste

Antes, não havia como os aplicativos se integrarem aos temas. Como resultado, os desenvolvedores tiveram que codificar uma lógica de integração para os temas existentes. Isso tornou muito difícil fazer recursos que funcionassem de forma consistente em vários temas. Isso não é mais o caso.

Modularidade do aplicativo

Outro destaque é a modularidade do aplicativo. Isso significa simplesmente que, como desenvolvedor, agora é possível adicionar e remover componentes de IU por meio do editor de tema. Não há necessidade de você acessar o código do tema.

Isso fornece uma maneira simples de gerenciar os ativos de suporte de um aplicativo. Com Shopify 2.0, você pode gerenciar os ativos de suporte do seu aplicativo e hospedá-los na plataforma com bastante facilidade.

Mudanças nos Metafields

O editor de tema atualizado permite que os comerciantes adicionem metacampos e propriedades. A boa notícia é que você não precisa de APIs ou qualquer forma de codificação para tornar isso possível.

Como comerciante, você é livre para adicionar o conteúdo que quiser à página do produto, introduzindo espaço para adicionar informações adicionais que podem ajudar compradores em potencial, digamos, uma tabela de tamanhos ou lista de ingredientes. Qualquer coisa que provavelmente não apareça no editor da loja pode ser atualizada por meio dos metacampos.

Aqui estão as diferentes maneiras pelas quais eles modificaram os metacampos.

• Flexibilidade: Metafields são mais flexíveis. Isso ajuda você a importar dados comerciais com segurança.
• Metacampos padrão: Metacampos padrão tornam mais simples para temas personalizados começarem a funcionar fora da caixa em lojas em todos os mercados verticais.
• Dicas de apresentação: Você pode adicionar dicas de apresentação aos metacampos para renderizar os dados da loja

Seletor de arquivos

Metafields agora oferece suporte a vários meios de comunicação, como imagens ou arquivos PDF. Em vez de codificar um tipo de arquivo específico para um tema, o que um seletor de arquivo de metacampo faz é permitir que você carregue a mídia selecionada nas páginas do produto.

As imagens podem ser acessadas através da seção de configurações / arquivos e são para uso imediato.

Se você gosta de uma garantia de produto ou gráfico de dimensionamento, o seletor de arquivo torna mais fácil para você escolher aquele arquivo específico com UX simples. Com isso, o metacampo é colocado dentro do próprio tema.

API de arquivos

Com a versão 2021-07 da API, você pode usar a API de arquivos para criar, atualizar e excluir arquivos genéricos. Isso permite que os comerciantes reutilizem arquivos diferentes para aplicativos diferentes. Eles são adicionados à página de arquivos dentro Shopify admin.

Os desenvolvedores poderão acessar as configurações / arquivos por meio da nova API de arquivos. A API GraphQL introduzida com esta versão facilita o upload ou a escolha de arquivos de mídia existentes por meio de configurações / arquivos. Os aplicativos podem se beneficiar do acesso a esta área específica no administrador enquanto preenchem metacampos por meio do conteúdo.

Isso abre oportunidades para os aplicativos usarem esse espaço para arquivos e imagens que não estão diretamente associados a um produto, incluindo imagens usadas em temas.

Configuração de entrada de líquido

Outra atualização do editor de tema é a configuração de entrada Liquid, a partir da qual você pode adicionar código Liquid personalizado às páginas do próprio editor.

A configuração Liquid é semelhante à configuração HTML. A única diferença é que você tem acesso às variáveis ​​líquidas. Os comerciantes podem acessar os objetos líquidos globais e específicos do modelo.

A configuração reduz a necessidade de os comerciantes alterarem manualmente o código de qualquer tema ao adicionar código para aplicativos que usam Liquid.

Use a documentação do desenvolvedor ou veja o novo tema da seção custom-liquid de Dawn.

Com isso, é fácil para você tomar decisões independentes sobre a loja como desenvolvedor, liberando seu tempo para se concentrar em integrações e soluções criativas.

Novas ferramentas de desenvolvedor

A loja online 2.0 abre uma ampla gama de oportunidades para os desenvolvedores criarem novos aplicativos e temas para você. As novas ferramentas de desenvolvedor integram e auxiliam no teste, desenvolvimento e implantação de novos temas.

A Shopify A integração com o GitHub facilita o uso do Shopify Ferramenta CLI junto com verificação de tema. Ambas as ferramentas permitem testar temas em sandbox e agiliza o desenvolvimento como resultado disso.

Shopify Integração com o Github

A nova integração com o GitHub torna o desenvolvimento e a manutenção de novos temas muito mais fáceis de controlar e gerenciar. Conecte a conta de usuário do GitHub à loja online. As alterações são enviadas para o GitHub e puxadas para um repositório que está em sincronia com o estado atual dos temas selecionados.

A Shopify A integração com o GitHub garante que você conecte sua conta de usuário com o Shopify admin e conectar branches Git a temas na loja. O suporte nativo para controle de versão permite que você faça, rastreie e gerencie alterações no código do tema também:

A integração do GitHub com temas permite que os desenvolvedores colaborem com segurança editando temas com a introdução de suporte nativo para controle de versão. A integração permite que os desenvolvedores colaborem com segurança ao editar temas com suporte para controle de versão. Ao trabalhar em uma loja comercial, os desenvolvedores podem implementar fluxos de trabalho onde as alterações nos temas são revisadas e mescladas no GitHub antes de preencher um tema ativo.

Shopify CLI

Existem novas mudanças no Shopify Ferramenta CLI também. Os desenvolvedores de aplicativos estavam até agora usando a ferramenta CLI para gerar aplicativos Node.js e Ruby on Rails, mas com as mudanças atuais, os desenvolvedores podem construir temas personalizados com CLI.

Aqui está a gama completa de funções que você obtém:

• Você pode desenvolver, visualizar e testar alterações em temas dentro de temas de desenvolvimento.
• Você pode atualizar as alterações de seção CSS e Liquid que desenvolver graças ao servidor de desenvolvimento.
• Inicialize um novo projeto de tema usando o novo tema Dawn.
• Envie e publique temas a partir da linha de comando
• Execute a verificação do tema no tema.
• Preencher dados de teste para o tema para clientes de produtos e rascunho de pedidos.

Temas de desenvolvimento são temas temporariamente ocultos conectados ao Shopify loja para desenvolvimento. Os temas de desenvolvimento não são visíveis na área de administração, então você não precisa se preocupar se algum visitante da loja verá seu site nela.

Os temas de desenvolvimento não chegam ao limite do tema. Por esse motivo, eles são excluídos por conta própria após sete dias de inatividade. Eles também são excluídos quando você executa o Shopifysequência de logout. Se você precisa de um link de visualização que não é destruído quando você sai, o que você pode fazer é enviar o tema para a loja.

Os temas de desenvolvimento podem ser usados ​​para visualizar as mudanças em um tema que está sendo desenvolvido localmente em tempo real, interagir com o tema e customizar o tema com o editor de tema. Portanto, a nova ferramenta CLI oferece bastante controle sobre como o tema final aparece.

As ferramentas podem tornar o processo de desenvolvimento fácil e ajudá-lo a começar a usar a loja online 2.0 rapidamente

Verificação de Tema

Theme Check é outro componente integral para Liquid e JSON que verifica os temas em busca de erros. Assim que a verificação for concluída, a ferramenta destaca as melhores práticas para ambos os Shopify plataforma e a linguagem líquida.

Isso se integra a editores como o Visual Studio e identifica problemas com o código.

Para que você entenda os problemas que persistem, aparecem mensagens de erro com um link para a verificação que falhou. A verificação do tema é agrupada com o Shopify Ferramenta CLI para que você não precise instalá-la separadamente.

Outros recursos que vale a pena observar

API Bulk Mutation

O endpoint Bulk OperationRunMutation é uma solução em Shopify para exportar dados em massa para uma loja.

Em vez da simulação GraphML, você pode executar uma operação de mutação em massa. Esta é uma forma simples de importar todos os dados, sem enfrentar gargalos devido ao grande número de arquivos.

Aqui estão as opções disponíveis:

• produtoCriar
• coleçãoCriar
• atualização do produto
• produtoUpdateMedia
• ProductPageUpdate
• ProductVariantUpdate
• metacampo Upsert
• Lista de preçosPreços fixosAdicionar
• PriceListFixedPricesDelete

Checkout Resource API para descontos

O recurso de checkout retorna a propriedade application_type para descontos adicionados ao checkout. O campo exibe como o desconto foi aplicado.

Os valores válidos incluem automatic, discount_code, manual e script.

Temas de configuração de entrada líquida

As novas configurações de entrada do Liquid são para que os comerciantes adicionem código personalizado do Liquid diretamente do próprio editor. É muito semelhante à configuração HTML.

Os comerciantes podem acessar os objetos líquidos globais e específicos do modelo sem nenhuma edição no código do tema. O novo tema de referência é chamado Dawn. É um tema de referência de código aberto com opções de flexibilidade e facilidade de uso. Ele usa vários recursos da Loja Online 2.0, como modelos JSON e blocos de aplicativos.

Resumindo:

Shopify tem três partes para a loja:

• Os temas e o editor online
• Salvando conteúdo
• Ferramentas de desenvolvimento

Se você não for um desenvolvedor e simplesmente proprietário de uma loja, o novo editor online e sistema de gerenciamento de conteúdo provavelmente terá o maior impacto sobre você como proprietário de uma loja.

ShopifyA linguagem de modelo atualizada da agora tem um editor interno semelhante, como o Gutenberg do WordPress, que foi lançado em 2018. Isso o aproxima dos editores de página em plataformas como Squarespace e Wix.

O editor pode substituir facilmente vários Shopify aplicativos incluindo o popular construtor de páginas Shogun.

O novo editor permitirá que pequenas e médias empresas criem novos modelos de página e preencham os dados dentro deles sem escrever uma única linha de código usando o Shopify seções de página, bem como blocos.

Finalmente, o sistema de gerenciamento de conteúdo é outra área super importante que ganhou uma nova cara e recursos adicionais. Com a nova atualização, você obterá a nova digitação de conteúdo personalizado. Crie conteúdo uma vez e publique em todos os seus canais, inclusive na loja online.

O que você acha do Shopify Loja online 2.0? Deixe-nos saber nos comentários abaixo.