Como configurar o Distintivo de Confiança ou o Icon Banner
ℹ️ 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 criar e configurar um Distintivo de Confiança ou Icon Banner para destacar benefícios importantes da loja, como frete grátis, checkout seguro, entrega rápida, retornos fáceis e muito mais.
A Trust Badge Banners ajuda a melhorar a confiança do cliente, tornando as informações essenciais mais perceptíveis e atraentes visualmente.
✅ Passo 1: Abrir configurações de distintivo de confiança
Ir para Shopify Administrador → Aplicativos → Hoppy Trust Badges app.
Clique em Criar um novo crachá.
✅ Passo 2: Escolha sua posição
A partir das opções de colocação disponíveis, selecione onde você deseja que a Banner de Distintivo de Confiança apareça.
📍 Tipos de colocação disponíveis
Página do produto
- Mostrar Distintivo de Confiança Banners diretamente em páginas de produto
- Ajuda os clientes a se sentirem mais confiantes antes de comprar
Rodapé
- Mostrar Banners de Distintivo de Confiança na seção de rodapé
- Mantém as mensagens de confiança visíveis na frente do armazenamento
Ícones flutuantes
- Mostrar banners de confiança flutuantes enquanto os clientes rolam
- Normalmente posicionado em cantos de tela para melhor visibilidade
Gaveta de Carrinhos
- Mostrar Marcas de Confiança Banners dentro do carrinho mini ou carrinho de deslize
- Reforça a confiança durante a viagem de compras
Página do Carrinho
- Display Trust Distintivo Banners diretamente na página do carrinho antes do checkout
- Ajuda a reduzir a hesitação antes de comprar
Página de Saída
- Mostrar Banners de Distintivo de Confiança durante o Shopify processo de saída
- Ajuda a reforçar a confiança antes da conclusão da ordem
- Disponível apenas para Shopify Mais comerciantes
Posição Personalizada
- Coloque manualmente o distintivo de confiança Banners exatamente onde for necessário
- Posicionamento pode ser personalizado usando o Shopify Editor de Temas
✅ Passo 3: Configure o distintivo Banner
Dentro da Conteúdo tab, localizar o Tipo de Distintivo dropdown e selecione:
Banner Único
📝 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
Você pode personalizar as mensagens exibidas dentro da Banner de Distintivo de Confiança.
Campos Disponíveis
Título
Adicione a mensagem de confiança primária para o banner.
Títulos de Exemplo
- Frete grátis
- Saída Segura
- Retornos Fácil
- Entrega Rápida
Subdivisão
Adicione uma mensagem de suporte abaixo do título.
Subtítulos de Exemplo
- Nenhum custo extra
- Pagamentos 100% seguros
- Retornos Livres de Hassle
- Navios dentro de 24 horas
🎨 Escolher & Gerir Ícones
Você pode personalizar o ícone exibido dentro da Banner de Distintivo de Confiança.
Acções Disponíveis
- Selecione ícones da Biblioteca de Ícones incorporada
- Substituir os ícones existentes
- Remover ícones
- Enviar ícones personalizados do seu dispositivo
Incluir Exemplos Suportados
- Visto
- Mastercard
- PayPal
- Listra
- Icones de envio
- Ícones de segurança
💡 Í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 ícones personalizados diretamente do seu dispositivo.
Isto é útil para lojas usando:
- Marcação personalizada
- Activos visuais únicos
- Gráficos específicos da marca
⚠️ Ícones enviados podem reter suas cores originais dependendo do formato de imagem usado.
🔗 Configurar Chamada à Ação (CTA)
O Banner de Distintivo de Confiança pode opcionalmente incluir comportamento clicável.
Tipos de CTA disponíveis
Sem Chamada à Ação
O banner permanece estático e não clicável.
Isto funciona bem quando o banner se destina apenas a construção de confiança visual.
Adicionar botão com link
Cria um botão clicável separado ao lado ou abaixo do banner.
Isto é útil ao direcionar os clientes para:
- Páginas de FAQ
- Políticas de transporte marítimo
- Políticas de devolução
- Páginas de informação de segurança
Adicionar uma Ligação a um Bloco inteiro
Torna clicável todo o Distintivo de Confiança Banner.
Isso cria uma experiência de visitante mais perfeita, permitindo que os clientes cliquem em qualquer lugar dentro do banner.
💡 Isso funciona especialmente bem para vincular os visitantes a páginas de confiança, transporte ou políticas.
📌 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ítica de navegação
- 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 o seu distintivo de confiança Banner.
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 o Distintivo de Confiança Banner se sentir mais dinâmico e perceptível.
💡 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 deve aparecer o Distintivo de Confiança:
- 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
Uma vez que seu Distintivo de Confiança Banner está totalmente configurado:
- Clique Gravar
- Em seguida, clique Publicar
Após publicação:
→ Visite sua storefront e verifique se a Banner de Distintivo de Confiança aparece corretamente no local selecionado.
💡 Dica de Solução Rápida de Problemas
Se o Distintivo de Confiança Banner não aparecer em sua loja depois de publicar:
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, a Trust Badge Banners ajuda a fazer sua loja se sentir mais confiável, informativa e focada em conversão.
Com configuração adequada:
✅ Os clientes ganham mais confiança antes de comprar
✅ Mensagens importantes de confiança ficam mais visíveis
✅ Políticas de armazenamento parecem mais fáceis de acessar
✅ O engajamento na frente da loja melhora
✅ A hesitação no checkout pode ser reduzida
✅ A credibilidade da marca se torna mais forte
Trust Badge Banners funcionam melhor quando combinados com layouts limpos, espaçamento equilibrado e mensagens significativas focadas na confiança.
Actualizado em: 10/09/2026
Obrigado!