Pular para o conteúdo

Extensões de checkout da Shopify: upsells, selos e mais

O checkout é a página mais valiosa da sua loja e, por anos, a mais difícil de mudar. As extensões de interface do checkout são a resposta da Shopify: blocos criados por apps que se encaixam no checkout e nas páginas seguintes. Veja o que elas fazem e como conseguir uma.

BlogSuperfícies da Shopify3 min de leitura
Abstract illustration of a shopping cart with puzzle-piece blocks slotting into it, representing Shopify checkout UI extensions

O que é uma extensão de interface do checkout

Uma extensão de interface do checkout é um bloco, entregue por um app, que a Shopify exibe dentro do checkout. Ela é feita com os próprios componentes de interface da Shopify, então herda a identidade visual do seu checkout e continua rápida e segura, e você a posiciona no editor de checkout como um bloco de tema.

As extensões substituem o jeito antigo de editar os modelos do checkout diretamente. A Shopify vem migrando todas as lojas para esse modelo, chamado checkout extensibility, junto com as Shopify Functions para lógica como descontos.

Onde elas podem aparecer

Há dois grupos de posições, e a diferença importa por causa dos planos:

  • Dentro do checkout — as etapas de informações, frete e pagamento. Aqui as extensões estão disponíveis para lojas no Shopify Plus.
  • Depois do checkout — a página de agradecimento e a página de status do pedido. Aqui as extensões estão disponíveis em todos os planos.

Então, se você não está no Plus, as páginas de agradecimento e de status do pedido são onde uma extensão de checkout pode trabalhar para você. As regras de planos da Shopify mudam de tempos em tempos, então confira a documentação atual de checkout extensibility para o seu plano antes de construir.

Os blocos de checkout mais criados

  • Upsells pós-compra na página de agradecimento — um produto complementar oferecido quando a intenção está no auge.
  • Confiança e segurança — política de trocas, prazo de entrega, selos de pagamento seguro.
  • Observações de entrega e mensagens de presente salvas no pedido.
  • Ajudas no status do pedido — instruções de cuidado, guias de uso ou um link de suporte conforme o que foi comprado.
  • Pesquisas — um “como você nos conheceu?” de uma pergunta na página de agradecimento.
  • Fidelidade — pontos ganhos neste pedido ou um convite para criar conta.

Como criar uma sem desenvolvedor

No AppFly, escolha Um bloco no checkout no menu abaixo da caixa de prompt — ou simplesmente diga “na página de agradecimento” — e descreva:

“Um bloco na página de agradecimento que mostra um guia de cuidados para a categoria do produto que o cliente acabou de comprar, com um link para nossa página de suporte.”

O agente escreve a extensão com os componentes de checkout da Shopify, registra e instala na sua loja. Depois você posiciona no editor de checkout, testa com um pedido de teste e ajusta pelo chat. A versão passo a passo está em como criar um app Shopify sem programar.

Regras para conhecer antes de começar

  • Extensões rodam num ambiente isolado. Elas não podem injetar scripts arbitrários nem mudar o visual do checkout livremente; usam os componentes da Shopify. É isso que mantém o checkout rápido e seguro.
  • Mantenha leve. Uma mensagem clara funciona melhor que três disputando atenção na hora do pagamento.
  • Lógica fica nas Functions. Se o que você quer é mudar um preço — um desconto, uma regra de frete —, isso é uma função de desconto ou outra Shopify Function, não um bloco de interface. O AppFly também cria regras de desconto.

Perguntas frequentes

Dá para personalizar o checkout da Shopify sem o Shopify Plus?

Sim, nas páginas de agradecimento e de status do pedido, onde as extensões de interface do checkout estão disponíveis em todos os planos. Extensões nas etapas de informações, frete e pagamento são um recurso do Shopify Plus.

Qual a diferença entre uma extensão de checkout e uma Shopify Function?

Uma extensão de interface adiciona algo que o cliente vê, como um bloco de conteúdo ou um campo de formulário. Uma Shopify Function muda a lógica que a Shopify executa, como o cálculo de um desconto.

Como adicionar um upsell na página de agradecimento da Shopify?

Use um app que ofereça uma extensão de checkout para a página de agradecimento e posicione o bloco no editor de checkout. Com o AppFly você descreve o upsell e recebe a extensão construída para a sua loja.