Mostrar botões de checkout acelerado na loja virtual

Os botões de checkout acelerado são uma alternativa pensada ao botão Adicionar ao carrinho e foram pensados para compras com produtos individuais. Com os botões de checkout acelerado, os clientes podem pular o carrinho e ir direto para o checkout. Além disso, os clientes podem optar por fazer o checkout na Shopify ou com outro modo já conhecido de checkout acelerado. Isso ajuda a acelerar o processo de pagamento e permite que os clientes finalizem a compra usando um método com o qual se sintam à vontade.

Observação

Os botões de checkout acelerado estão disponíveis em todas as versões atuais dos temas da Shopify Theme Store. 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.

Visão geral

O botão de checkout acelerado é 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 acelerado:

• 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.

• 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 acelerado que os clientes veem vai depender dos fatores abaixo:

• suas configurações de pagamento
• Se a Shop Promise está ativa, o que prioriza o Shop Pay em relação a outros checkouts
• o navegador do cliente
• o dispositivo do cliente
• o histórico de pagamento pessoal do cliente

Quando você adiciona os botões de checkout acelerado à loja virtual, pode escolher se vai exibi-los ou ocultá-los. No entanto, não é possível personalizar a exibição desses botões 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 um método de checkout acelerado de terceiros habilitado, será mostrado apenas o botão sem marca. Você pode personalizar a cor e as fontes dos botões de checkout acelerado 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 os botões de checkout acelerado à loja virtual, é possível testá-los para as formas de pagamento que foram ativadas.

Compatibilidade

Há alguns casos em que os botões de checkout acelerado podem não ser adequados para a loja virtual. Antes de adicionar botões de checkout acelerado à loja virtual, analise a compatibilidade deles com os seguintes recursos:

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

Apps

Os botões de checkout acelerado podem entrar em conflito com determinados apps.

Se você usa qualquer um dos tipos de apps a seguir, os botões de checkout acelerado podem não ser compatíveis com a 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 acelerado não são compatíveis com os atributos de carrinho. Esses atributos são campos de formulário personalizados que você pode usar para coletar informações adicionais dos 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ê já usa os atributos do carrinho, os botões de checkout acelerado 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 acelerado na loja virtual, considere as informações a seguir:

• Os botões de checkout acelerado só podem ser usados para comprar uma única variante de 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, o cliente pode usar um botão de checkout acelerado 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 de checkout acelerado podem acabar não beneficiando as suas vendas.
• Se você não contar com um método de checkout acelerado de terceiros ativo nas configurações de pagamento, a versão sem marca do botão de checkout acelerado será a única exibida.
• A versão sem marca do botão de checkout acelerado 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.

Atualizar o tema para usar botões de checkout acelerado

Os botões de checkout acelerado estão disponíveis em todas as versões atuais dos temas na Shopify Theme Store. 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 acelerado nas páginas do produto

É possível ajustar as configurações do seu tema no editor de temas para exibir botões de checkout acelerado.

Dependendo da versão do tema, os botões podem ser identificados como Botões de checkout dinâmico.

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 Mostrar botões de checkout acelerado.

7. Clique em Salvar.

8. Opcional: teste o botão de checkout acelerado.

iPhone

1. No app da Shopify, toque no . .
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. Marque Mostrar botão de checkout acelerado.
9. Toque em Salvar.
10. Opcional: teste o botão de checkout acelerado.

Android

1. No app da Shopify, toque no . .
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. Marque Mostrar botão de checkout acelerado.
9. Toque em Salvar.
10. Opcional: teste o botão de checkout acelerado.

Exibir botões de checkout acelerado em uma seção de produtos em destaque

A maioria dos temas conta com uma configuração para incluir botões de checkout acelerado 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 Mostrar botões de checkout acelerado.

6. Clique em Salvar.

7. Opcional: teste o botão de checkout acelerado.

iPhone

1. No app da Shopify, toque no . .
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 Mostrar botão de checkout acelerado.
8. Toque em Salvar.
9. Opcional: teste o botão de checkout acelerado.

Android

1. No app da Shopify, toque no . .
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 Mostrar botão de checkout acelerado.
8. Toque em Salvar.
9. Opcional: teste o botão de checkout acelerado.

Ocultar botões de checkout acelerado nas páginas do produto

É possível ocultar todos os botões de checkout acelerado das páginas do 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 Mostrar botões de checkout acelerado.

7. Clique em Salvar.

iPhone

1. No app da Shopify, toque no . .
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 Mostrar botão de checkout acelerado.
9. Toque em Salvar.

Android

1. No app da Shopify, toque no . .
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 Mostrar botão de checkout acelerado.
9. Toque em ✓.

Ocultar botões de checkout acelerado em uma seção de produtos em destaque

É possível ocultar todos os botões de checkout acelerado 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 Mostrar botões de checkout acelerado.

5. Clique em Salvar.

iPhone

1. No app da Shopify, toque no . .
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 Mostrar botão de checkout acelerado.
8. Toque em Salvar.

Android

1. No app da Shopify, toque no . .
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 Mostrar botão de checkout acelerado.
8. Toque em ✓.

Exibir botões de checkout acelerado para alguns produtos, mas não para outros

Se você quer exibir botões de checkout acelerado para alguns produtos, mas não para outros, crie um modelo alternativo. Ele nada mais é do que um modelo duplicado de código de tema, que pode ser editado sem afetar o original. Dessa maneira, você consegue exibir botões de checkout acelerado para produtos que usam um modelo e ocultá-los para produtos que usam 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 correspondentes de checkout acelerado.

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 acelerado nos produtos que usam o modelo alternativo, selecione Mostrar botão de checkout acelerado. Para ocultá-lo, desmarque Mostrar botão de checkout acelerado.

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

7. Opcional: teste o botão de checkout acelerado.

iPhone

1. No app da Shopify, toque no . .
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 acelerado nos produtos que usam o modelo alternativo, marque Mostrar botão de checkout acelerado. Para ocultá-lo, desmarque Mostrar botão de checkout acelerado.
8. Toque em Salvar. As alterações são aplicadas a qualquer produto que use o modelo alternativo.
9. Opcional: teste o botão de checkout acelerado.

Android

1. No app da Shopify, toque no . .
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 acelerado nos produtos que usam o modelo alternativo, marque Mostrar botão de checkout acelerado. Para ocultá-lo, desmarque Mostrar botão de checkout acelerado.
8. Toque em Salvar. As alterações são aplicadas a qualquer produto que use o modelo alternativo.
9. Opcional: teste o botão de checkout acelerado.