💳 Como Configurar Ícones de Pagamentos
ℹ️ Note: Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte.
Saiba como adicionar e personalizar Ícones de pagamento para melhorar a confiança no checkout e tranquilizar os clientes sobre métodos de pagamento seguros disponíveis em sua loja.
Ícones de pagamento ajudam a fazer o storefront se sentir mais confiável ao exibir claramente provedores de pagamento suportados.
✅ Passo 1: Abrir configurações de ícones de pagamento
Ir para Shopify Administrador → Aplicativos → Hoppy Trust Badges app.
Clique em Criar um novo crachá.
✅ Passo 2: Escolha sua posição
Nas opções de colocação disponíveis, selecione onde deseja que os Ícones de Pagamento apareçam.
📍 Tipos de colocação disponíveis
Página do produto
- Mostrar os Ícones de Pagamento diretamente nas páginas do produto
- Ajuda os clientes a se sentirem mais confiantes antes de comprar
Rodapé
- Exibir ícones de pagamento na seção de rodapé
- Mantém as mensagens de confiança de pagamento visíveis em todo o storefront
Ícones flutuantes
- Exibir ícones de pagamento flutuantes enquanto os clientes rolam
- Normalmente posicionado em cantos de tela para melhor visibilidade
Gaveta de Carrinhos
- Mostrar os Ícones de Pagamento dentro do mini carrinho ou carrinho de deslize
- Reforça a confiança durante a viagem de compras
Página do Carrinho
- Mostrar os Ícones de Pagamento diretamente na página do carrinho antes da saída
- Ajuda a reduzir a hesitação antes de comprar
Página de Saída
- Mostrar os Ícones de Pagamento durante o Shopify processo de saída
- Ajuda a reforçar a confiança do pagamento antes da conclusão da ordem
- Disponível apenas para Shopify Mais comerciantes
Posição Personalizada
- Coloque manualmente os Ícones de Pagamento exatamente onde for necessário
- Posicionamento pode ser personalizado usando o Shopify Editor de Temas
✅ Passo 3: Configurar os Ícones de Pagamento
Dentro da Conteúdo tab, localizar o Tipo de Distintivo dropdown e selecione:
Ícones de pagamento
📝 Configurar o Conteúdo do Bloco
Dentro da Bloquear conteúdo secção:
- Adicione um nome de bloco interno para gerenciamento mais fácil dentro do seu painel de administração
- Este nome só é visível dentro da área de administração e não é mostrado para armazenar visitantes
✍️ Configurar Texto Promocional (Opcional)
Você pode personalizar opcionalmente as mensagens exibidas acima dos Ícones de Pagamento.
Título
Adicione um cabeçalho que tranquilize os clientes sobre segurança de pagamento.
Títulos de Exemplo
- Saída Segura
- Pagamentos Fidedignos
- Métodos de pagamento seguros
Subdivisão
Adicione informações de suporte abaixo do título.
Subtítulos de Exemplo
- Transações 100% seguras
- Sem taxas de pagamento ocultas
- Confiado por milhares de clientes
🎨 Escolher & Gerir Ícones
Você pode personalizar os métodos de pagamento exibidos dentro do bloco de Ícones de Pagamento.
Acções Disponíveis
- Selecione ícones da Biblioteca de Ícones incorporada
- Substituir os ícones existentes
- Remover ícones indesejados
- Enviar ícones personalizados do seu dispositivo
Incluir Exemplos Suportados
- Visto
- Mastercard
- PayPal
- Listra
- Apple Pay
- Google Pay
💡 Ícones embutidos ajudam a manter uma consistência visual mais limpa entre os temas da loja.
📤 Enviar Ícones Personalizados
Além da Biblioteca de Ícones integrada, você também pode carregar gráficos personalizados relacionados ao pagamento diretamente do seu dispositivo.
Isto é útil para:
- Prestadores de pagamento específicos da região
- Activos de marca personalizados
- Soluções de pagamento alternativas
⚠️ Imagens personalizadas enviadas podem reter suas cores originais dependendo do formato da imagem.
➕ Adicionar mais ícones
Clique Adicionar novo ícone incluir métodos de pagamento adicionais dentro do mesmo bloco.
💡 Vários ícones ajudam os clientes a reconhecer rapidamente provedores de pagamento suportados.
🔗 Configurar Chamada à Ação (CTA)
Ícones de pagamento podem opcionalmente incluir comportamento clicável.
Tipos de CTA disponíveis
Sem Chamada à Ação
Os Ícones de Pagamento permanecem estáticos e não clicáveis.
Isto é ideal quando os ícones são destinados apenas para a construção de confiança visual.
Adicionar botão com link
Cria um botão clicável separado ao lado ou abaixo dos Ícones de Pagamento.
Isto é útil ao direcionar os clientes para:
- Perguntas frequentes de pagamento
- Páginas de informação de segurança
- Políticas de transporte marítimo
- Políticas de restituição
Adicionar uma Ligação a um Bloco inteiro
Torna clicável todo o bloco de Ícones de Pagamento.
Isso cria uma experiência de visitante mais perfeita, permitindo que os clientes cliquem em qualquer lugar dentro do bloco.
💡 Isso funciona especialmente bem para vincular os visitantes à segurança de pagamento ou páginas relacionadas à confiança.
📌 Destinos de ligação disponíveis
Uma vez selecionado um tipo de CTA, você pode escolher onde os clientes devem ser redirecionados.
Página do produto
Redirecionar visitantes diretamente para um Shopify produto.
Página da Colecção
Redirecionar visitantes para um Shopify coleção.
URL personalizado
Redirecionar visitantes para:
- Termos de serviço
- Sobre nós página
- Políticas de pagamento
- Páginas externas
🛒 Ligação do produto
Se o link da página do produto estiver selecionado:
→ Uso Selecionar produto para escolher o produto de destino diretamente de seu Shopify loja.
✅ Passo 4: Personalizar configurações de design
Abrir o Desenho tab para usar os seus Ícones de Pagamento.
Controles de projeto disponíveis
Visibilidade
Escolher:
- Ecrã & Móvel
- Apenas na área de trabalho
- Apenas Móvel
Tipografia & Cores
Personalizar:
- Fontes
- Tamanhos de texto
- Cores de fundo
- Fronteiras
- Espaço
⚠️ Importante:
A edição personalizada de cores só está disponível para ícones embutidos suportados.
Imagens personalizadas enviadas e certos logotipos de pagamento padrão podem reter suas cores originais.
Animações
Escolha estilos de animação para fazer os Ícones de Pagamento se sentirem mais dinâmicos e perceptíveis.
💡 Animações sutis muitas vezes funcionam melhor sem se distrair.
✅ Passo 5: Configurar Colocação e Visibilidade
Navegar até o Colocação e Visibilidade tab.
Controlos Disponíveis
Páginas
Escolha onde os Ícones de Pagamento devem aparecer:
- Todas as páginas
- Apenas na Página Web
- Páginas de produtos
- Páginas da coleção
Dispositivos
Visibilidade de controlo para:
- Área de trabalho
- Telemóvel
- Ambos
Posição
Definir o posicionamento, como:
- Inferior- esquerda
- Inferior- direita
- Posições em linha
Agendar
Opcionalmente configurar:
- Datas de início
- Datas de término
- Visibilidade temporária da campanha
✅ Passo 6: Salvar e publicar
Assim que seus Ícones de Pagamento estiverem totalmente configurados:
- Clique Gravar
- Em seguida, clique Publicar
Após publicação:
→ Visite sua storefront e verifique se os Ícones de Pagamento aparecem corretamente no local selecionado.
💡 Dica de Solução Rápida de Problemas
Se os Ícones de Pagamento não aparecerem na sua loja após a publicação:
Sua Shopify o tema pode estar bloqueando a incorporação do aplicativo.
Para corrigir isto
- Ir para Shopify Administrador → Loja Online → Temas
- Clique Editar tema no seu tema ao vivo
- Abrir Incorporar aplicativos da barra lateral
- Alternar Hoppy Trust Badges (Máquinas & Ícones) → ON
- Clique Gravar
✅ Resultado Final
Uma vez configurado com sucesso, os Ícones de Pagamento ajudam a tornar sua frente de armazenamento mais segura, confiável e focada em conversão.
Com configuração adequada:
✅ Os clientes se sentem mais confiantes durante o checkout
✅ Métodos de pagamento suportados tornam-se mais visíveis
✅ Pagamento de mensagens de confiança parece mais profissional
✅ A hesitação no checkout pode ser reduzida
✅ Guardar credibilidade torna-se mais forte
✅ A confiança global na loja melhora
Os ícones de pagamento funcionam melhor quando combinados com layouts limpos, espaçamento equilibrado e marca de provedor de pagamento reconhecível.
Actualizado em: 10/09/2026
Obrigado!