Exibir botões de checkout dinâmico em sua loja virtual

Os botões de checkout dinâmico são uma alternativa ao botão Adicionar ao carrinho para produtos individuais. Com os botões de checkout dinâmico, os clientes podem pular o carrinho e ir diretamente para o checkout. Os clientes podem optar por fazer o checkout na Shopify ou com outro modo familiar de checkout acelerado. Isso ajuda a acelerar o processo de pagamento e permite que os clientes façam o checkout usando um método com o qual se sintam à vontade.

Um botão de checkout dinâmico de marca com um logotipo da Apple Pay

Visão geral

O botão de checkout dinâmico aparece ao lado ou abaixo do botão Adicionar ao carrinho, dependendo do tema e do dispositivo do cliente. Existem dois tipos diferentes de botões de checkout dinâmico:

  • Botões sem marca que exibem o texto Compre já. Se o cliente clicar em um botão sem marca Compre já, ele não será levado ao carrinho e acessará o checkout diretamente.

Um botão de checkout dinâmico sem marca com o texto Compre já

  • Os botões de marca mostram o logotipo para métodos de checkout acelerados de terceiros. Se um cliente clicar em um botão de marca para um método de checkout acelerado de terceiros, como o Apple Pay, ele efetuará o checkout desse método com as informações já preenchidas. Saiba mais em checkouts acelerados. Estão disponíveis as seguintes formas de finalização de compra rápida de terceiros:

Cada forma de pagamento apresenta requisitos específicos para que possa ser exibida como um botão de marca.

O tipo de botão exibido depende dos seguintes fatores:

Se você usar cartões-presente ou códigos de desconto em sua loja, os clientes ainda poderão inserir os códigos no checkout.

Compatibilidade

Há alguns casos em que os botões de checkout dinâmico podem não ser adequados para sua loja virtual. Antes de mostrar os botões de checkout dinâmico em sua loja virtual, considere sua compatibilidade com os seguintes recursos:

  • Apps
  • Atributos do carrinho
  • Produtos, configurações de pagamento e texto do botão

Apps

Os botões de checkout dinâmico podem entrar em conflito com determinados apps.

Se você usa qualquer um dos tipos de apps a seguir, os botões de checkout dinâmico podem não ser compatíveis com sua loja virtual:

  • Conversores de moeda
  • Apps que interagem com o carrinho
  • Apps que levam os clientes a um checkout externo

Atributos do carrinho

Os botões de checkout dinâmico não são compatíveis com atributos de carrinho. Os atributos de carrinho são campos de formulário personalizados que você pode usar para coletar informações adicionais de seus clientes na página do carrinho.

Exemplos de atributos do carrinho incluem as seguintes adições à página do carrinho:

  • Caixa de seleção de Termos e condições
  • Opções de embrulho para presente
  • Seletores de data de entrega

Se você usar os atributos do carrinho, os botões de checkout dinâmico não são adequados para sua loja virtual.

Produtos, configurações de pagamento e texto do botão

Antes de mostrar os botões de checkout dinâmico em sua loja virtual, considere os seguintes detalhes:

  • Os botões de checkout dinâmico só podem ser usados para comprar uma única variante de um produto. No entanto, se você mostrar um seletor de quantidade na página do produto, os clientes poderão comprar mais de um produto desse tipo. Por exemplo, um cliente pode usar um botão de checkout dinâmico para comprar três copos de medida aqua, mas não para comprar um aqua e um roxo. A menos que sua loja virtual receba muitos pedidos para um tipo de produto, os botões dinâmicos de checkout podem não beneficiar suas vendas.

  • Se você não tiver um método de checkout acelerado de terceiros habilitado nas suas configurações de pagamento, a versão sem marca do botão de checkout dinâmico será a única versão que será exibida.

  • A versão sem marca do botão de checkout dinâmico exibe o texto Compre já. Se o seu botão Adicionar ao carrinho exibir Compre já ou outro texto personalizado, isso poderá confundir os clientes.

Atualize seu tema para usar os botões de checkout dinâmico

Os botões de checkout dinâmico estão disponíveis em todas as versões atuais dos temas na Loja de temas da Shopify. Se você estiver usando uma versão mais antiga de um tema, poderá atualizar seu tema para usar os botões de checkout dinâmico. Se você não quiser atualizar seu tema, poderá editar o código do seu tema.

Exibir botões de checkout dinâmico nas páginas de produtos

Etapas:

  1. Encontre o tema que você deseja editar e clique em Personalizar.

  2. No menu suspenso da barra superior, selecione Páginas de produto.

  3. Clique em Seções.

  4. Clique em Páginas do produto.

  5. Selecione Exibir botão de checkout dinâmico.

  6. Clique em Salvar.

Exibir botões de checkout dinâmico em uma seção de produtos em destaque

A maioria dos temas inclui uma configuração para mostrar botões de checkout dinâmico em uma seção de produtos em destaque.

Etapas:

  1. Encontre o tema que você deseja editar e clique em Personalizar.

  2. Clique em Seções.

  3. Clique em uma seção de produtos em destaque existente ou clique em Adicionar seção para adicionar uma nova seção de produtos em destaque.

  4. Clique em Produto em destaque > Adicionar.

  5. Insira as informações do seu produto e marque Exibir botão de checkout dinâmico.

  6. Clique em Salvar.

Ocultar botões de checkout dinâmico nas páginas de produtos

Etapas:

  1. Encontre o tema que você deseja editar e clique em Personalizar.

  2. No menu suspenso da barra superior, selecione Páginas de produto.

  3. Clique em Seções.

  4. Clique em Páginas do produto.

  5. Desmarque Exibir botão de checkout dinâmico.

  6. Clique em Salvar.

Mostrar botões de checkout dinâmico em uma seção de produtos em destaque

Etapas:

  1. Encontre o tema que você deseja editar e clique em Personalizar.

  2. Clique em Seções.

  3. Clique na seção do produto em destaque.

  4. Desmarque Exibir botão de checkout dinâmico.

  5. Clique em Salvar.

Teste os botões de checkout dinâmico em seu tema

Como os tipos de botões de checkout dinâmico exibidos em seu tema dependem de vários fatores, você pode executar um teste para poder ver todas as combinações. Antes de testar os botões de checkout dinâmico em seu tema, verifique se os botões estão sendo exibidos.

Etapas:

  1. Clique em Ver sua loja.

  2. Para testar o botão em uma página do produto, acesse uma página do produto. Para testar o botão em uma seção de produtos em destaque, fique na página inicial.

  3. Na barra de endereços do seu navegador, adicione uma das seguintes strings ao final da URL atual:

- Para mostrar um botão de marca da Amazon, adicione ?shopify-debug=true&show=Amazon. - Para mostrar um botão de marca do Apple Pay, adicione ?shopify-debug=true&show=ApplePay (o Apple Pay só funciona no Safari). - Para mostrar um botão de marca do Google Pay, adicione add ?shopify-debug=true&show=Google. - Para mostrar um botão de marca do PayPal, adicione ?shopify-debug=true&show=PayPal. - Para mostrar um botão de marca do Venmo, adicione ?shopify-debug=true&show=Venmo. - Para mostrar um botão sem marca, adicione ?shopify-debug=true&show=checkout.

  1. Pressione Enter para recarregar a página. Dependendo da string que você adicionou à URL, você vê um botão de checkout dinâmico com marca ou sem marca.

  2. Repita com as outras strings para ver os diferentes tipos de botões de checkout dinâmico.

Exibir botões de checkout dinâmico para alguns produtos, mas não para outros

Se você deseja mostrar botões de checkout dinâmico para alguns produtos, mas não para outros, crie um modelo alternativo. Um modelo alternativo é um modelo de código de tema duplicado que você pode editar sem afetar o original. Usando um modelo de produto alternativo, você pode mostrar botões de checkout dinâmico para produtos que usam um modelo e ocultá-los para produtos que usam o outro.

Para aprender a criar um modelo de produto alternativo, consulte Criar modelos alternativos.

Após criar um modelo alternativo e atribuí-lo a um produto, você pode exibir ou ocultar os botões de checkout dinâmico para aquele produto específico.

Etapas:

  1. Encontre o tema para o qual você criou um modelo alternativo e clique em Personalizar.

  2. No editor de temas, acesse a página do produto para um produto ao qual você atribuiu o modelo alternativo.

  3. Clique em Seções.

  4. Clique em Páginas do produto.

  5. Para mostrar um botão de checkout dinâmico para produtos que usam o modelo alternativo, marque Exibir botão de checkout dinâmico. Para ocultar um botão de checkout dinâmico para produtos que usam o modelo alternativo, desmarque o Exibir botão de checkout dinâmico.

  6. Clique em Salvar. As alterações são aplicadas a qualquer produto que use o modelo alternativo.

Pronto para começar a vender com a Shopify?

Experimente de graça