Fazer login
Começar avaliação gratuita

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 logo do App Store

Nesta página

Visão geral

O botão de checkout dinâmico é exibido ao lado ou abaixo do botão Adicionar ao carrinho, conforme o tema e o 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 incluem o logo para métodos de checkout acelerado 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. Vale lembrar que estão disponíveis estas formas de checkout acelerado de terceiros: - Amazon Pay - Apple Pay - Google Pay - PayPal - Shop Pay - Venmo

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

O tipo de botão de checkout dinâmico que os clientes veem depende destes fatores:

Quando você adiciona os botões de checkout dinâmico à sua loja virtual, você pode escolher exibi-los ou ocultá-los. No entanto, não é possível personalizar a exibição de botões de checkout dinâmicos com ou sem marca. Os botões com marca são exibidos de acordo com as formas de pagamento ativadas nas configurações de pagamento. Se você não tiver uma forma de checkout acelerado de terceiros habilitada, será mostrado apenas o botão sem marca. Você pode personalizar a cor e as fontes de seus botões de checkout dinâmico sem marca para adequá-los à sua loja virtual.

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.

Depois de adicionar o botão de checkout dinâmico à sua loja virtual, é possível testá-lo para a forma de pagamento que foi ativada.

Compatibilidade

Há alguns casos em que os botões de checkout dinâmico podem não ser adequados para a loja virtual, por isso considere a compatibilidade da loja com os recursos abaixo antes de incluir os botões:

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 incluir os botões de checkout dinâmico na loja virtual, considere estas informações:

  • 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 azul claro, mas não para comprar um azul claro e um roxo. A menos que a 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 ativado nas configurações de pagamento, a versão sem marca do botão de checkout dinâmico será a única exibida.
  • A versão sem marca do botão de checkout dinâmico exibe o texto Compre já. Se o botão Adicionar ao carrinho também 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 a versão que você tem é mais antiga, atualize o tema para usar esses botões. Vale lembrar que, caso você não queira fazer a atualização, é possível editar o código do tema.

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

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Ao lado do tema que você quer editar, clique em Personalizar.

  3. Clique no menu suspenso Página inicial.

  4. Clique em Produtos e selecione o modelo que você quer editar.

  5. Na seção Informações do produto, clique em Botões Comprar.

  6. Selecione Exibir botões de checkout dinâmico.

  7. Clique em Salvar.

  8. Opcional: Teste seu botão de checkout dinâmico.

iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Modelos.
  6. Selecione Páginas de produtos.
  7. Toque na seção Páginas de produto ou Produto.
  8. Selecione Exibir botão de checkout dinâmico.
  9. Toque em Salvar.
  10. Opcional: Teste seu botão de checkout dinâmico.
Android
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Modelos.
  6. Selecione Páginas de produtos.
  7. Toque na seção Páginas de produto ou Produto.
  8. Selecione Exibir botão de checkout dinâmico.
  9. Toque em Salvar.
  10. Opcional: Teste seu botão de checkout dinâmico.

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

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

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Ao lado do tema que você quer editar, clique em Personalizar.

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

  4. Na seção Produto em destaque, clique em Botões Comprar.

  5. Selecione Exibir botões de checkout dinâmico.

  6. Clique em Salvar.

  7. Opcional: Teste seu botão de checkout dinâmico.

iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Toque em uma seção de produtos em destaque existente ou toque em Adicionar seção para acrescentar uma nova seção desse tipo.
  7. Insira as informações do seu produto e marque Exibir botão de checkout dinâmico.
  8. Toque em Salvar.
  9. Opcional: Teste seu botão de checkout dinâmico.
Android
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Toque em uma seção de produtos em destaque existente ou clique em Adicionar seção para acrescentar uma nova seção desse tipo.
  7. Insira as informações do seu produto e marque Exibir botão de checkout dinâmico.
  8. Toque em Salvar.
  9. Opcional: Teste seu botão de checkout dinâmico.

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

É possível ocultar todos os botões de checkout dinâmico das páginas de produto, porém não aqueles que são específicos.

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Ao lado do tema que você quer editar, clique em Personalizar.

  3. Clique no menu suspenso Página inicial.

  4. Clique em Produtos e selecione o modelo que você quer editar.

  5. Na seção Informações do produto, clique em Botões Comprar.

  6. Desmarque Exibir botões de checkout dinâmico.

  7. Clique em Salvar.

iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Modelos.
  6. Selecione Páginas de produtos.
  7. Toque na seção Páginas de produto ou Produto.
  8. Desmarque Exibir botão de checkout dinâmico.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Modelos.
  6. Selecione Páginas de produtos.
  7. Toque na seção Páginas de produto ou Produto.
  8. Desmarque Exibir botão de checkout dinâmico.
  9. Toque em Salvar.

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

É possível ocultar todos os botões de checkout dinâmico das seções de produtos em destaque, porém não aqueles que são específicos.

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Ao lado do tema que você quer editar, clique em Personalizar.

  3. Clique na seção de produtos em destaque.

  4. Desmarque Exibir botões de checkout dinâmico.

  5. Clique em Salvar.

iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Toque na seção de produtos em destaque.
  7. Desmarque Exibir botão de checkout dinâmico.
  8. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Toque na seção de produtos em destaque.
  7. Desmarque Exibir botão de checkout dinâmico.
  8. Toque em Salvar.

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

Se você quer exibir botões de checkout dinâmico para alguns produtos, mas não para outros, crie um modelo alternativo. Ele é um modelo de código de tema duplicado que pode ser editado sem afetar o original. Dessa maneira, você consegue exibir botões de checkout dinâmico para produtos que usam um modelo e ocultá-los para produtos que usam o outro.

Para criar um modelo de produto alternativo, consulte Criar novo modelo.

Após criar um modelo alternativo e atribuí-lo a um produto, é possível exibir ou ocultar os botões de checkout dinâmico correspondentes.

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Clique em Personalizar ao lado do tema para o qual você criou um modelo alternativo.

  3. Acesse a página de um produto ao qual você atribuiu o modelo alternativo.

  4. Na seção Informações do produto, clique em Botões Comprar.

  5. Para exibir um botão de checkout dinâmico nos produtos que usam o modelo alternativo, selecione Exibir botão de checkout dinâmico. Para ocultá-lo, desmarque Exibir botão de checkout dinâmico.

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

  7. Opcional: Teste seu botão de checkout dinâmico.

iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar temas.
  4. Encontre o tema para o qual você criou um modelo alternativo e toque em Personalizar.
  5. No editor de temas, acesse a página do produto para um produto ao qual você atribuiu o modelo alternativo.
  6. Toque na seção Páginas de produto ou Produto.
  7. Para exibir um botão de checkout dinâmico nos produtos que usam o modelo alternativo, marque Exibir botão de checkout dinâmico. Para ocultá-lo, desmarque Exibir botão de checkout dinâmico.
  8. Toque em Salvar. As alterações são aplicadas a qualquer produto que use o modelo alternativo.
  9. Opcional: Teste seu botão de checkout dinâmico.
Android
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar temas.
  4. Encontre o tema para o qual você criou um modelo alternativo e toque em Personalizar.
  5. No editor de temas, acesse a página do produto para um produto ao qual você atribuiu o modelo alternativo.
  6. Toque na seção Páginas de produto ou Produto.
  7. Para exibir um botão de checkout dinâmico nos produtos que usam o modelo alternativo, marque Exibir botão de checkout dinâmico. Para ocultá-lo, desmarque Exibir botão de checkout dinâmico.
  8. Toque em Salvar. As alterações são aplicadas a qualquer produto que use o modelo alternativo.
  9. Opcional: Teste seu botão de checkout dinâmico.
Não encontrou as respostas que está procurando? Estamos sempre à disposição para ajudar você.