> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 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. ---