Headless Commerce é o futuro ou o passado?

Você provavelmente já viu o termo 'sem cabeça' sendo usado nos últimos dois anos. Tem sido uma conversa particularmente virulenta no espaço direto ao consumidor e, nos últimos 12 meses, o número de empresas que abordam a Eastside Co para discutir a criação de uma solução headless no Shopify certamente aumentou. Para entender o headless, há algumas perguntas que precisamos responder.

O que é sem cabeça?

Se você não tem 100% de certeza do que é um site da Shopify sem cabeça, não se preocupe. Todo mundo está jogando a palavra, mas eu prometo a você, a maioria das pessoas não conhece os prós e contras, e definitivamente não vou afirmar que sou um especialista.

(Neste ponto, você pode estar se perguntando por que estou escrevendo um post sobre headless se não sou um especialista. Bom ponto. Espero deixar isso claro antes do final do artigo.)

Em termos mais simples, a arquitetura headless é onde você 'desacopla' os sistemas front-end e back-end, usando APIs para conectar os dois sistemas e passar dados relevantes entre eles.

Ainda confuso?

Se olharmos para uma compilação nativa do Shopify, o local onde o conteúdo é armazenado e exibido é um único sistema. Com uma construção headless da Shopify, você separa o armazenamento de conteúdo da camada de apresentação onde o conteúdo é exibido.

Ao separar esses dois elementos, a camada de exibição de front-end do seu site não é mais restrita pela funcionalidade e arquitetura do seu sistema de back-end.

Na verdade, o front-end de uma solução headless pode nem ser um site. Pode ser um aplicativo móvel nativo ou um sistema POS (ponto de venda). Em termos de Shopify, pensar na camada de apresentação (o front-end) como um canal de vendas provavelmente não está longe da verdade.

Mesmo com uma versão nativa do Shopify, você pode pensar na 'loja online' como o front-end e no sistema Shopify como o back-end, uma distinção que o Shopify deixou muito mais claro recentemente.

Portanto, um site sem cabeça é apenas a decisão explícita de evitar a construção do front-end de sua solução diretamente no back-end.

Felizmente, isso está claro agora, mas ainda não explica por que as pessoas podem escolher seguir esse caminho em vez de um tema nativo tradicional do Shopify.

Quais são os benefícios do comércio sem cabeça?

Antes de entrar em alguns dos motivos pelos quais as pessoas normalmente escolhem uma solução headless, vale a pena esclarecer uma coisa. Muitos dos benefícios sobre os quais falarei nem sempre são inerentes a uma construção sem cabeça, mas são o resultado da liberdade de escolher abordagens técnicas específicas que resultam em benefícios específicos. (Vou apontar isso para você à medida que avançamos, mas o que é importante saber é que você não obterá todos os benefícios listados abaixo apenas porque ficou sem cabeça. A execução ainda fará uma grande diferença.)

1 - Velocidade do Site

A velocidade ultrarrápida do site e as compilações sem cabeça parecem andar de mãos dadas, com melhorias na velocidade do site frequentemente citadas como um grande benefício do sem cabeça. Este é, no entanto, um dos casos em que seu site não é mais rápido porque você escolheu headless, é mais rápido porque, ao separar seu front-end, você tem a opção de torná-lo gerado estaticamente. Isso significa que ele não precisa fazer nenhum trabalho pesado ou cálculos quando você estiver exibindo uma página da web.

Eu tenho algumas más notícias embora. Se o principal motivo para ficar sem cabeça é apenas a velocidade do site, provavelmente não é um motivo bom o suficiente. Como qualquer compromisso cap-ex, você precisa fazer sua devida diligência. É claro que a velocidade do seu site afetará a experiência do cliente e, na maioria dos casos, uma abordagem headless resultará em um site mais rápido do que uma construção nativa do Shopify, mas se você fizer uma análise de custo-benefício, não tenho certeza se sempre ganhará mais com as velocidades aumentadas do que com o custo de implementação e manutenção de uma pilha de tecnologia sem cabeça.

2 - Flexibilidade do CMS

Historicamente, um dos maiores motivos pelos quais as pessoas optaram por uma construção sem cabeça em vez de um tema nativo do Shopify foram as restrições inerentes ao Shopify CMS. A loja online Shopify 1.0 era um sistema baseado em modelos. A única flexibilidade no gerenciamento de conteúdo surgiu quando as 'seções' (blocos de conteúdo modulares) foram introduzidas na seção da página inicial do seu site. Por muito tempo, quase todo o resto teve que ser incorporado ao modelo, hackeado nas configurações do tema ou obtido por meio de campos personalizados. Mesmo com tudo isso, cada modelo fora da página inicial foi amplamente corrigido e exigiu a intervenção do desenvolvedor se você quisesse alterar fundamentalmente um modelo, adicionar uma nova seção de conteúdo ou mesmo criar uma página de destino exclusiva.

Com uma solução headless e a capacidade de escolher seu próprio CMS, por exemplo, Sanity ou Contentful, você pode criar um CMS que faça o que você quiser e criar as páginas que quiser de uma maneira muito mais modular do que nunca.

Tudo isso mudou quando Shopify lançou a loja online 2.0. Em essência, este foi o lançamento de seções em todo o site (anteriormente confinadas à página inicial). Portanto, agora, em vez de ficar preso a modelos rígidos, você pode criar uma série de módulos de conteúdo que podem ser usados ​​em qualquer página, na ordem que desejar. Isso tornou a edição de conteúdo muito mais rápida e deu às equipes internas muito mais flexibilidade para editar o conteúdo existente e também criar novas páginas de destino sem a intervenção do desenvolvedor.

Na Shopify Unite London 2022, uma agência que normalmente se concentrava em construções sem cabeça para atingir esse nível de flexibilidade para seus clientes estava descobrindo que cada vez mais clientes optavam por voltar ao tema nativo da Shopify porque tinha toda a flexibilidade eles precisavam, sem a necessidade de manter uma pilha de tecnologia complexa e muitas vezes cara.

3 - Flexibilidade e liberdade criativa e de front-end

Este ponto está um pouco ligado à flexibilidade do CMS, mas é diferente. Uma abordagem headless significa que você obtém flexibilidade ilimitada no front-end. Isso significa que seu designer pode enlouquecer com pouca ou nenhuma repercussão - no entanto, isso nem sempre é uma coisa boa.

Total liberdade criativa para fazer sua camada de apresentação parecer e funcionar da maneira que você quiser parece incrivelmente atraente à primeira vista, mas quando você se aprofunda, pode apresentar alguns problemas sérios para seus usuários.

Um site de comércio eletrônico é composto fundamentalmente por 4 áreas principais:

• pagina inicial
• página de coleção/categoria
• página do produto
• Confira

A funcionalidade aceita e o comportamento dessas páginas estão arraigados em seus usuários graças à sua familiaridade com compras on-line por um período de muitos anos. Seus usuários têm expectativas claras de uma experiência de comércio eletrônico e forçá-los a reaprender comportamentos conhecidos pode ser um grande obstáculo.

Se você é uma operação muito grande com uma base de usuários incrivelmente leal, seus clientes podem levar algum tempo para descobrir as coisas, mas, na maioria das vezes, eles querem uma experiência que pareça simples e familiar.

Ao considerar a total liberdade criativa como um benefício, vale a pena se perguntar até onde você pode levar a estrutura e o design do site de comércio eletrônico antes que isso prejudique a experiência do cliente. Se você precisa de uma experiência de comércio eletrônico robusta e bem projetada, isso é totalmente possível com um tema nativo do Shopify.

4 - A Habilidade de Servir Múltiplas Cabeças

Isso pode ser mais aplicável a plataformas tradicionais, nas quais é geralmente mais difícil atender a canais de vendas adicionais a partir de sua vitrine principal sem headless. No entanto, Shopify torna bastante simples ter vários canais de vendas fora de sua loja online principal.

O comércio sem cabeça é o futuro?

A resposta é que headless não é uma bala de prata que resolverá todos os seus problemas. Os motivos pelos quais as pessoas escolheram uma solução headless da Shopify 2 anos atrás não são os mesmos pelos quais deveriam escolher uma solução headless hoje. Na verdade, muitos dos motivos pelos quais as pessoas escolheram o headless no passado são os mesmos motivos pelos quais estão optando por voltar para um tema nativo do Shopify utilizando a loja online 2.0.

Para obter todos os benefícios do headless, você deve considerar que o investimento inicial e os custos de manutenção contínua de uma pilha headless sempre serão maiores do que uma compilação nativa do Shopify. Você precisa garantir que o custo total de propriedade seja viável para o seu negócio específico a longo prazo e que você tenha a infraestrutura para dar suporte aos requisitos de tecnologia que ele acompanha.

Headless está se tornando mais viável com Shopify. Com o lançamento da estrutura Hydrogen da Shopify, também é uma boa aposta que o ecossistema de aplicativos da Shopify será muito mais fácil de integrar em uma solução headless, o que significa que você obtém o benefício de alguns parceiros tecnológicos verdadeiramente fenomenais sem ter que criar integrações personalizadas com cada um, mas isso ainda pode demorar algum tempo.

Quando Headless faz sentido?

Se você está procurando a máxima flexibilidade, um CMS personalizado, velocidades ultrarrápidas e a capacidade de suportar várias saídas ou cabeçotes, então o headless pode ser uma boa solução a longo prazo, mas se você estiver fazendo isso apenas por velocidade ou flexibilidade, há pode haver melhores opções disponíveis.

Se, no entanto, sua loja fizer parte de um site ou plataforma mais amplo que já não possui interface, se houver a necessidade de uma estrutura de URL totalmente personalizada ou se você estiver lidando com uma experiência de comércio eletrônico não tradicional, o headless pode muito bem ser o bilhete.

Se você está pensando se o headless commerce é a solução certa para você e deseja uma visão objetiva, entre em contato e converse com nossa equipe técnica.