Como configurar blocos de ícone

ℹ️ 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 configurar Blocos de Ícones para destacar as principais proposições de valor da sua loja, como frete grátis, checkout seguro, retornos fáceis, entrega rápida e muito mais.

Blocos de Ícones ajudam a melhorar a confiança do cliente, ao mesmo tempo que tornam as informações importantes da frente de loja mais visualmente atraentes.

✅ Passo 1: Abrir configurações de blocos de ícone

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 Blocos de Ícones apareçam.

📍 Tipos de colocação disponíveis

Página do produto

• Mostrar Blocos de Ícones diretamente nas páginas do produto
• Ajuda os clientes a se sentirem mais confiantes antes de comprar

Rodapé

• Mostrar os Blocos de Ícones na secção do rodapé
• Mantém as mensagens de confiança visíveis na frente do armazenamento

Ícones flutuantes

• Mostrar blocos de ícones flutuantes enquanto os clientes rolam
• Normalmente posicionado em cantos de tela para melhor visibilidade

Gaveta de Carrinhos

• Mostrar os Blocos de Ícone dentro do mini carrinho ou carrinho de deslizar
• Reforça a confiança durante a experiência do carrinho

Página do Carrinho

• Mostrar Ícone Blocos diretamente na página do carrinho antes do checkout
• Ajuda a reduzir a hesitação antes de comprar

Página de Saída

• Mostrar os Blocos de Ícones 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

• Lugar manual Icon Blocos exatamente onde necessário
• Posicionamento pode ser personalizado usando o Shopify Editor de Temas

✅ Passo 3: Configurar blocos de ícone

Dentro da Conteúdo tab, localizar o Tipo de Distintivo dropdown e selecione:

Blocos de Ícones

📝 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 a mensagem exibida ao lado dos ícones.

Campos Disponíveis

Título

Adicionar a mensagem primária para o Bloco de Ícones.

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 os ícones exibidos dentro do Bloco de Ícones.

Acções Disponíveis

• Selecione ícones da Biblioteca de Ícones incorporada
• Substituir os ícones existentes
• Remover ícones indesejados
• Adicionar vários ícones lado a lado

Incluir Exemplos Suportados

• Visto
• Mastercard
• PayPal
• Listra
• Icones de envio
• Ícones de segurança

📤 Enviar Ícones Personalizados

Além da Biblioteca de Ícones integrada, você também pode carregar ícones personalizados diretamente do seu dispositivo.

Isso permite mais flexibilidade para lojas usando marca personalizada ou ativos visuais únicos.

➕ Adicionar mais ícones

Clique Adicionar novo ícone para incluir ícones adicionais dentro do mesmo Bloco de Ícones.

💡 Vários ícones podem ser exibidos juntos para reforçar a confiança.

🔗 Configurar Chamada à Ação (CTA)

Cada bloco de ícone pode opcionalmente incluir o comportamento clicável.

Tipos de CTA disponíveis

Sem Chamada à Ação

Ícones permanecem estáticos e sem cliques.

Isso é útil quando os ícones são feitos apenas para construção de confiança visual.

Adicionar botão com link

Cria um botão clicável separado ao lado ou abaixo dos ícones.

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 o bloco de ícone inteiro clicável.

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 clientes a páginas de confiança, transporte ou política.

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

🔄 Organizar os Ícones

Você pode facilmente gerenciar layout e arranjo de ícones.

Acções Disponíveis

• Adicionar vários ícones
• Remover ícones individuais
• Rearranjar combinações de ícones para layouts mais limpos

⚠️ Muitos ícones juntos podem afetar o espaçamento em telas móveis menores.

✅ Passo 4: Personalizar configurações de design

Abrir o Desenho tab para usar os blocos de ícones.

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 Icon Blocks 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 devem aparecer os Blocos de Ícone:

• 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 seus blocos de ícone estão totalmente configurados:

• Clique Gravar
• Em seguida, clique Publicar

Após publicação:

→ Visite sua storefront e verifique se os Blocos de Ícone aparecem corretamente no local selecionado.

💡 Dica de Solução Rápida de Problemas

Se os Blocos de Ícone 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

1. Ir para Shopify Administrador → Loja Online → Temas
2. Clique Editar tema no seu tema ao vivo
3. Abrir Incorporar aplicativos da barra lateral
4. Alternar Hoppy Trust Badges (Máquinas & Ícones) → ON
5. Clique Gravar

✅ Resultado Final

Uma vez configurado com sucesso, Icon Blocks ajuda a fazer sua frente de loja se sentir mais confiável, informativa e focada na conversão.

Com configuração adequada:

✅ Os clientes ganham mais confiança antes de comprar
✅ Políticas importantes de armazenamento se tornam mais visíveis
✅ Mensagens confiáveis parecem mais limpas e profissionais
✅ O engajamento na frente da loja melhora
✅ A hesitação no checkout pode ser reduzida
✅ A credibilidade da marca se torna mais forte

Blocos de Ícone funcionam melhor quando combinados com layouts limpos, espaçamento equilibrado e mensagens significativas focadas na confiança.

Actualizado em: 10/09/2026