Shopify Checkout Extensibility: O que Você Precisa Saber sobre a Atualização de Checkout no Shopify Plus (2024)

A partir de Agosto de 2024, a Shopify vai atualizar o checkout.liquid para o Checkout Extensibility. Leia mais para entender mais detalhes!

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.

Importante: Confira os impactos de não realizar essa migração dentro dos prazos estabelecidos aqui.

Os lojistas Shopify Plus  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. Confira o Roadmap atualizado de funcionalidades dos Gateways da Shopify. 

Se você é lojista dos planos Starter, Basic, Shopify e Advanced, vale a pena conferir nosso guia de atualização para saber mais  sobre as atualizações e novos recursos disponíveis com Checkout de uma página.

 

Guia Completo sobre a atualização do Checkout da Shopify

Sabemos que toda mudança pode gerar dúvidas. Por isso, não deixe de conferir o nosso guia detalhado sobre a atualização do Checkout da Shopify para aproveitarem ao máximo essas novidades e fazer a migração sem complicações. Por lá, é possível consultar diretamente pelo tópico de seu interesse.

Estamos tentando organizar ao máximo as informações, com base nos artigos, anúncios e documentações da Shopify. Na dúvida, consulte sempre seu meio de pagamento e a documentação oficial da Shopify. 

Nossa intenção é manter esta trilha o mais atualizada possível. Se você tem observações, feedback, ou gostaria de contribuir, fala com a gente.

 

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.

Agora, lojistas do Shopify Plus podem usar o Checkout Extensibility para personalizar as páginas de checkout, agradecimento, status de pedidos e contas de clientes.

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.

Checkout Extensibilty: O Novo checkout da Shopify

 

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.

"Pixels personalizados ajudam você a coletar eventos de clientes em ainda mais páginas de sua loja online, como as páginas de checkout e pós-compra. Se não houver um pixel de aplicativo disponível que atenda aos seus requisitos, você poderá usar pixels personalizados em sua loja para rastrear eventos de clientes sem precisar modificar o código do tema."

Documentação oficial do Shopify

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

Extensão pós-compra
Extensões de checkout pós-compra – versão 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

 Checkout Extensibility: Benefícios para Lojistas

O checkout extensibility transforma a experiência de compra no seu site, permitindo aos lojistas personalizar com as necessidades específicas de seus negócios e de seus clientes. Esse nível de personalização não apenas melhora a satisfação do cliente ao simplificar o processo de compra, mas também contribui para o aumento da taxa de conversão e a redução do abandono de carrinho, ao tornar a finalização da compra mais rápida, segura e conveniente.

Além disso, ao integrar serviços de terceiros, como gateways de pagamento e calculadoras de frete, o checkout extensibility enriquece a experiência do usuário e oferece aos lojistas controle detalhado sobre cada aspecto do processo de checkout. Essas integrações e personalizações fornecem uma base sólida não apenas para melhorar a usabilidade e a eficiência da página de checkout, mas também para experimentar e otimizar continuamente o layout em busca de melhores resultados, alinhando a operação de checkout às estratégias de venda e fidelização de clientes.

Meios de Pagamento

Se você é um uma instituição financeira ou meio de pagamento e está considerando se integrar ao ecossistema Shopify, ou se já faz parte e busca uma consultoria para otimizar seu Payment App, estamos aqui para ajudar. Entre em contato para entender como o Checkout Extensibility pode transformar sua solução de pagamento, adaptando-a para melhor atender aos lojistas e aumentar a satisfação dos clientes. 

 

Nós podemos te ajudar

A Alce Rocks não é apenas uma agência. somos referência em projetos Shopify Plus na América Latina e parceiros oficiais da Shopify desde antes de sua chegada ao Brasil.

Seu projeto pode contar com nossa consultoria em todas as etapas: migração, planejamento, design, arquitetura de soluções customizadas, desenvolvimento e acompanhamento contínuo. Além disso, oferecemos conteúdos exclusivos, auditorias, apps e pacotes de migração para garantir que você aproveite ao máximo tudo o que a Shopify tem a oferecer.

 

Precisa de Apoio Especializado?

Consultoria para Lojistas de Alta Escala: Contrate nossa consultoria especializada para Shopify Plus e conte com suporte completo para otimizar seu checkout e maximizar suas vendas.

Suporte para Provedores de Meio de Pagamento: Se você é um provedor de pagamentos, fale conosco para evoluir ou integrar seu meio de pagamento à Shopify.

 

 

 

Voltar para o blog

Envie um comentário ou sugestão

Os comentários serão revisados e eventualmente refletidos no artigo.

contato

Redes Sociais
Projetos

Envie o máximo possível de detalhes, assim podemos entender o tipo de projeto e avaliarmos se podemos ajudar.