A jornada de compra em um ecommerce é repleta de momentos importantes, mas nenhum deles é tão decisivo quanto o checkout. É nesse estágio final que a magia acontece – ou se desfaz. A Shopify, que é gigante no cenário de e-commerce, não só entende a importância desse momento como está sempre em busca de melhorias para tornar a experiência de compra cada vez melhor para clientes e lojistas.  

Recentemente, a Shopify anunciou que a partir de Agosto de  2024, encerrará a capacidade de personalizar o checkout usando o layout checkout.liquid. É aqui que entra o Checkout Extensibility, um conjunto inovador de ferramentas projetadas para personalizações de checkout baseadas em aplicativos. 

Essa mudança não só melhora pontos do checkout anterior, mas também abre um mundo de possibilidades pra customizar seu checkout de um jeito nunca visto. Tá afim de descobrir como isso vai revolucionar  a sua loja Shopify? Continue lendo o nosso artigo entenda as possibilidades do Checkout Extensibility.

Entendendo o Checkout.liquid

Para os lojistas que utilizam o Shopify Plus, a opção de customizar o processo de finalização de compra está disponível através do arquivo checkout.liquid.

Normalmente, os lojistas contam com ele para integrar análises, adicionar componentes adicionais, como por exemplo, módulo de upsell, alterar a aparência do checkout e desenvolver quaisquer integrações personalizadas com serviços de terceiros. Além disso, a capacidade de estender o checkout por meio de checkout.liquid está tão profundamente enraizada no ecossistema Shopify que é um requisito para que muitos aplicativos confiáveis ​​funcionem corretamente.

Ainda que o layout checkout.liquid tenha sido efetivo em determinadas circunstâncias, ele apresenta seus prós e contras. A utilização do layout checkout.liquid transfere a responsabilidade da manutenção e correção de bugs para o lojista. Além disso, embora fornecesse algum nível de personalização, faltava um método robusto e confiável para implementar essas mudanças. Como resultado, os desenvolvedores muitas vezes se encontravam criando soluções alternativas. Essa abordagem improvisada, no entanto, geralmente levava a bugs que poderiam atrapalhar a funcionalidade de checkout.

Qual é o prazo de migração do Checkout.liquid para o Checkout Extensibility?

A partir de Agosto de 2024, o checkout.liquid será desativado para as páginas de informações, frete e pagamento.

A partir de 28 de agosto de 2025, o checkout.liquid será desativado para as páginas de agradecimento e status de pedidos e não estará mais disponível. Apps que usam tags de script e scripts adicionais nas páginas de pós-venda e de status de pedidos também serão desativados. Vale lembrar que os Scripts da Shopify continuarão funcionando junto com o Checkout Extensibility até essa data.

Os lojistas poderão usar o Checkout Extensibility desde que o meio de pagamento escolhido já tenha atualizado seu Payment App para que esteja compatível com o padrão atualizado. Se você é lojista que utiliza ou pretende utilizar a Shopify, passe nosso contato para o seu meio de pagamento. E se você é um provedor de pagamentos, é crucial agir agora! Fale com a gente para que possamos te ajudar seja na evolução ou até mesmo para trazer seu meio de pagamento para a Shopify.

 Checkout Extensibility: O que muda?

A Shopify reformulou completamente sua estratégia de personalização de finalização de compra. Ao invés de simplesmente apresentar uma maneira atualizada de editar o checkout, revelou um leque de novas soluções que atendem aos cenários comuns tratados por checkout.liquid e mais.

Mani Fazeli, Diretor de Produto do Shopify, explica as mudanças com três palavras: conversão, conformidade, capacidade de composição - e sim, precisamos admitir, o checkout do Shopify em comparação com seus concorrentes oferece o pacote completo.

Personalização da marca no checkout

Os lojistas agora poderão utilizar novas ferramentas de branding para personalizar sua experiência de checkout. Alguns Exempos:

• Adicionando um logotipo ao cabeçalho do checkout
• Alterando o plano de fundo do seu formulário de checkout
• Alterando o plano de fundo do resumo do seu pedido
• Personalizando as cores do seu checkout
• Personalizando a fonte do seu checkout

Esses recursos são facilmente configuráveis ​​no editor de arrastar e soltar. Além disso, com a ajuda do desenvolvedor, os comerciantes também podem:

• Aplicar fontes personalizadas
• Alterar tamanhos de elementos específicos (títulos, entradas de formulário, etc.)
• Alterar o estilo de componentes específicos (adicionando cantos arredondados, por exemplo)

Juntas, essas ferramentas permitem combinar o checkout com a estética geral da loja, criando uma experiência de compra mais integrada.

Extensões de checkout

Será possível personalizar o checkout inserindo componentes em pontos definidos do fluxo de checkout.

↑ As extensões de checkout podem ser colocadas em pontos definidos chamados "Pontos de extensões"

Esses componentes podem variar de módulos simples e complexos integrados a serviços de terceiros. Aqui estão alguns exemplos:

• Módulo Fale Conosco
• Módulo de perguntas frequentes
• Exibindo selos de confiança
• Campo de formulário adicional na seção de endereço de cobrança
• Módulo de upsell
• Widget integrado à seguradora fornecendo estimativa de custo dos itens do pedido.

Personalizadas ou instaladas na loja de apps oficial, as Extensões Checkout oferecem um sistema robusto que permitem adaptar o checkout às necessidades dos lojistas. Além disso, as extensões de checkout podem se adaptar às mudanças de estilo definidas pelo Checkout Branding.

↑ As extensões do Checkout também podem usar estilos de marca do Checkout

** Confira algumas extensões na loja de Apps da Shopify

 

Pixels e eventos do cliente

Mehorar a análise de checkout é um dos usos mais comuns do checkout.liquid. Antes, os lojistas tinham opções limitadas:

• Adicionar script à página de confirmação do pedido por meio do painel de configurações (e perder todos os outros eventos no fluxo de checkout, como adicionar informações de pagamento)
• Usar um dos aplicativos nativos (sem a capacidade de controle como as análises são enviadas)
• Usar checkout.liquid para adicionar um código personalizado que lida com os relatórios analíticos.

Todas essas soluções têm suas desvantagens e, até a introdução dos Pixels não havia uma solução real para lidar com análises. Os pixels permitem que os comerciantes reajam a vários eventos ao longo da jornada do usuário (ou seja, adicionar ao carrinho, início da finalização da compra, adicionar informações de pagamento e, finalmente, evento de compra) de maneira gerenciável.

O próximo Pixel permitirá uma coleta de análises de forma mais confiável, os lojistas terão acesso a uma forma completa de coletar dados e integrá-los a serviços de terceiros.

Shopify Functions

Os apps integrados ao Shopify Functions permitem que você crie facilmente tudo, desde descontos personalizados por volume até regras exclusivas de entrega e validação. O melhor de tudo é que você pode configurá-los diretamente no seu admin sem precisar mexer em uma única linha de código.

O Shopify Functions permite que os comerciantes controlem como a Shopify se comporta muito melhor do que no checkout.liquid. Por um lado, as funções destinam-se a substituir os scripts da Shopify. A maneira mais fácil de entender o Shopify Functions é ver exemplos de como elas são usadas hoje, conforme fornecido na documentação oficial do Shopify:

• Personalização de entrega – Renomeie, reordene e classifique as opções de entrega disponíveis aos compradores durante a finalização da compra.
• Desconto no pedido – Crie um novo tipo de desconto que seja aplicado a todas as mercadorias do carrinho.
• Desconto de produto – Crie um novo tipo de desconto aplicado a um determinado produto ou variante de produto no carrinho.
• Personalização de pagamento – Renomeie, reordene e classifique os métodos de pagamento disponíveis aos compradores durante a finalização da compra.

As funções do Shopify estão se desenvolvendo rapidamente e, durante a redação deste artigo, alguns componentes ainda não foram totalmente publicados:

• Validação de carrinho e checkout – Forneça sua própria validação de carrinho e checkout.
• Restrições de atendimento – Forneça sua própria lógica de como o Shopify deve atender e alocar um pedido.
• Regra de localização de pedidos – Forneça sua própria classificação de localização, para cada item, durante o roteamento de pedidos.
• Desconto de frete – Crie um novo tipo de desconto aplicado a uma ou mais taxas de frete na finalização da compra.

Extensão pós-compra

Essa solução ainda está em fase beta. A página pós-compra aparece entre a confirmação do pedido e a página de agradecimento. Você pode utilizar uma extensão pós-compra para incorporar conteúdo personalizado, como:

• Incentivar os clientes a adicionar mais produtos ao seu pedido (ofertas de upsell) após finalizar o pagamento.
• Solicitar aos clientes que respondam a uma pesquisa após a finalização da compra.
• Solicitar feedback dos clientes após a finalização da compra.
• Solicitando aos clientes que façam uma doação após concluir a compra.
• Oferecer aos clientes descontos adicionais usando códigos específicos (ofertas de códigos de desconto).
• Convidar clientes para participar de um programa de recompensas ou pontos (inscrições de fidelidade).
• Compartilhando informações valiosas ou notificações importantes com os clientes.

A Shopify também apresenta um layout atualizado e mais simplificado para checkout:

Podemos esperar que Pixels, Extensões de Checkout, Personalizações e Funções que se integrem perfeitamente não apenas com este layout atualizado, mas também com quaisquer outras melhorias que possam ser introduzidas no futuro.

↑ Showcase of new one-page checkout