Adicionando ícones de pagamento às páginas de carrinho e checkout no Shopify

· Updated
5 min de leitura
Adicionando ícones de pagamento às páginas de carrinho e checkout no Shopify
Sumário

TL;DR

The best way to add payment icons in Shopify is to use built-in theme settings first, then fall back to a Custom Liquid snippet using shop.enabled_payment_types for cart, cart drawer, or product pages. Direct checkout edits are now limited, so most merchants should use Shopify-approved tools like Checkout Blocks for checkout icon placement. Keep icons accurate, place them near the conversion point, and always test on mobile before publishing.

Se a sua loja Shopify oferece uma variedade de opções de pagamento, você tem mais chances de vender ao dar aos clientes a liberdade de escolher o método de pagamento preferido.

Então, como adicionar ícones de pagamento, como American Express, MasterCard e Visa, às páginas de checkout e carrinho?

Vamos descobrir.

opção de pagamento

Benefícios de adicionar ícones de pagamento

Integrar ícones de pagamento à sua loja Shopify traz diversas vantagens que podem impactar positivamente o seu negócio:

  • Mais confiança e credibilidade: Exibir ícones de pagamento reconhecidos, como American Express, MasterCard, Visa, Apple Pay e Google Pay, tranquiliza os clientes de que sua loja é segura e confiável, o que pode aumentar a confiança na hora de comprar.
  • Melhor experiência do usuário: Opções de pagamento bem visíveis facilitam para o cliente saber se o método preferido é aceito, agilizando o checkout e reduzindo o abandono de carrinho.
  • Aumento nas taxas de conversão: Oferecer várias formas de pagamento e destacá-las pode atender a um público maior, incluindo clientes internacionais que podem preferir métodos diferentes. Pesquisas mostram que exibir métodos de pagamento confiáveis pode aumentar a confiança do cliente e levar a taxas de conversão mais altas, com a taxa média de conversão de e-commerce em 2025 variando entre 2% e 4%.
  • Aparência profissional: Incluir ícones de pagamento nas páginas de checkout e carrinho dá à sua loja um visual mais refinado e profissional, alinhado às expectativas dos clientes em sites modernos de e-commerce.
  • Vantagem competitiva: Oferecer múltiplas opções de pagamento pode te dar uma vantagem sobre concorrentes que não oferecem o mesmo nível de conveniência, ajudando a atrair e reter mais clientes. Com mais de 700 métodos de pagamento agora suportados pela Shopify, incluindo opções mais novas como Klarna, serviços de Buy Now Pay Later e carteiras digitais, mostrar sua flexibilidade de pagamento é mais importante do que nunca.

Ao implementar esses ícones de pagamento, você pode melhorar a funcionalidade e o apelo da sua loja Shopify, criando uma experiência de compra mais segura, amigável e lucrativa.

Adicionando opções de pagamento às páginas de carrinho e checkout

Se você quiser adicionar mais opções de pagamento às páginas de carrinho e checkout, será preciso ajustar o código. Vá até a parte do seu tema onde você quer exibir os ícones e cole este código:

<ul class="payment-icons list--inline site-footer__icon-list">

                {% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

                  {% for type in enabled_payment_types %}

                  <li class="payment-icon">

                    {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}

                  </li>

                {% endfor %}

              </ul>

Veja como fazer:

  • Vá até a seção Online Stores no seu admin e clique em Themes
  • Escolha o Theme e vá em Actions
  • Clique em Edit Code
  • Vá em Sections. Selecione footer.liquid
  • Procure o seguinte código:
{% for type in shop.enabled_payment_types %}
  • Substitua por este código:
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

{% for type in enabled_payment_types %}
  • Nesse código, você pode separar os provedores de pagamento por vírgula, como visa,master,american_express,paypal,apple_pay,google_pay,klarna. Você pode incluir qualquer um dos mais de 700 métodos de pagamento que a Shopify agora suporta, incluindo carteiras digitais populares e opções de Buy Now Pay Later.
  • Por fim, clique em Save

Para saber mais sobre os provedores de pagamento suportados pela Shopify, verifique suas configurações de pagamento ou visite a documentação oficial de ícones de pagamento da Shopify.

Como remover o PayPal das opções de pagamento

Se você não quiser exibir a opção PayPal (já que o PayPal não funciona em alguns países, então alguns lojistas não oferecem esse método), você pode remover o código dele do theme.liquid. Ele ficará parecido com isto:

{% if additional_checkout_buttons %}

  <div class="additional-checkout-buttons">

    {{ content_for_additional_checkout_buttons }}

  </div>

{% endif %}

Remover essa seção do código vai remover o ícone do PayPal dos métodos de pagamento.

 

Exiba recursos exclusivos do produto e da loja com Ping, incluindo métodos de pagamento

Selos de confiança Ping Shopify

Se você quer transformar visitantes em clientes, seus produtos muitas vezes precisam de uma ajudinha. Como você não tem um vendedor à disposição, fica difícil destacar os motivos pelos quais o cliente deve comprar.

Com o Ping, você pode criar destaques bonitos de recursos do produto e da loja que convertem. Publique no site inteiro ou em produtos específicos — qualquer combinação é possível onde isso mais importa.

Experimente o Ping grátis hoje na Shopify app store.

Conclusão

Oferecer uma variedade de opções de pagamento na sua loja Shopify aumenta significativamente a chance de fazer vendas, já que os clientes valorizam a flexibilidade de escolher o método de pagamento preferido. Adicionar ícones de pagamento como American Express, MasterCard, Visa, Apple Pay, Google Pay e opções mais novas como Klarna e serviços de Buy Now Pay Later às páginas de checkout e carrinho pode melhorar a experiência de compra e aumentar a credibilidade da sua loja.

Seguindo alguns passos simples, você consegue integrar facilmente esses ícones de pagamento ao código do tema da sua loja. A Shopify agora oferece suporte a mais de 700 métodos de pagamento no mundo todo, tornando mais fácil do que nunca atender clientes internacionais. Se necessário, você também pode remover opções específicas de pagamento, como PayPal, ajustando o código do tema conforme indicado. Além disso, considere usar ferramentas como o Ping para criar destaques atrativos de recursos do produto e da loja, o que pode impulsionar ainda mais as conversões.

Ao implementar essas estratégias, você cria uma experiência de compra fluida e fácil de usar, que incentiva os clientes a concluir as compras e ajuda a melhorar suas taxas de conversão no cenário competitivo do e-commerce atual.

Compartilhe este artigo

Artigos relacionados