> ## 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 colocar e enviar crachás de confiança em uma posição personalizada > ℹ️ **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. Este guia explica como: * Envie seus próprios ícones de Distintivo de Confiança * Colocar os Distintivos de Confiança manualmente usando a posição personalizada * Procurar e usar o ID do Distintivo corretamente * Ligar os crachás com Shopify Blocos de Aplicações Custom Position dá aos comerciantes completa flexibilidade sobre onde Trust Badges aparecer na frente da loja. Além disso, os comerciantes também podem carregar seus próprios ícones personalizados sempre que a Biblioteca de Ícones incorporada não contém o design que eles precisam. --- # **📤 Parte 1 — Envio de Ícones de Distintivos de Confiança Personalizados** ## **🎨 Enviar os seus próprios ícones personalizados** Todos os tipos de Trust Badge e Icon Blocks suportam uploads personalizados de ícones. Embora o aplicativo inclua uma Biblioteca de Ícones integrada, os comerciantes podem às vezes querer usar: * Ícones específicos da marca * Emblemas de confiança personalizados * Ícones de pagamento únicos * Gráficos específicos da loja Os envios personalizados tornam isto possível. --- # **📂 Onde Enviar Ícones Personalizados** Dentro da configuração: → Abra o **Conteúdo** Página Aqui é onde seus ícones existentes ou ícones padrão são exibidos. --- # **🛠️ Como enviar um ícone personalizado** Você pode: * Substituir um ícone existente * Enviar um ícone personalizado completamente novo --- # **🔄 Substituindo um Ícone existente** 1. Localizar o bloco de ícones existente 2. Clique em: **Remover** Ícone 3. Isto irá revelar as opções de selecção de ícones 4. Abaixo da **Selecionar/Remover** Seção de ícones, clique na **EnviarIcon** botão 5. Envie seu arquivo de imagem/ícone personalizado Uma vez carregado, o novo ícone personalizado substituirá o ícone anterior. --- # **💡 Diretrizes de tamanho de imagem recomendadas** Para a melhor aparência visual: * Enviar imagens que correspondem ao tamanho do ecrã * Evite carregar imagens extremamente grandes para pequenas áreas de crachás * Usar ícones correctamente cortados sempre que possível ⚠️ Tamanhos de imagem grandes ou desiguais podem parecer: * Distorcido * Esticado * Borrão --- # **⚡ Recomendado para melhor velocidade do site** Para melhor desempenho na frente da loja: * Enviar arquivos de imagem leves * Usar tamanhos de ícones otimizados * Evite dimensões desnecessariamente grandes da imagem Ícones otimizados menores ajudam a melhorar: * Armazenar velocidade de carregamento * Resultados * Responsividade móvel --- # **📍 Parte 2 — Colocar distintivos de confiança usando posição personalizada** # **⚠️ Antes de começar** O ID do Distintivo só fica disponível quando: * A colocação é alterada para **Posição Personalizada** * A configuração é devidamente salva depois Se a configuração não for salva, o ID do Distintivo não aparecerá. --- # **🛠️ Passo 1 — Distinções e ícones de confiança aberta** Abrir o **Confiar nos & Ícones** app/setup da sua Shopify Admin. --- # **📂 Passo 2 — Abrir ou Criar uma Configuração de Distintivo** Você pode: → Abra uma configuração de crachá existente OU → Criar uma nova configuração emblemática/icon Uma vez aberta, você pode configurar as configurações de colocação. --- # **⚙️ Passo 3 — Navegar até o posicionamento e visibilidade** Dentro da configuração: → Abra o **Colocação e Visibilidade** tab. Esta seção controla onde e como seus crachás aparecem na frente da loja. --- # **🎯 Passo 4 — Mudar de posição para posição personalizada** Dentro: Selecione as páginas para exibir o ícone / bloco de defeito → Alterar a opção de colocação para: Posição Personalizada Depois: → Clique **Gravar** ⚠️ Importante: O ID do Distintivo não aparecerá até que a configuração seja salva após selecionar a Posição Personalizada. --- # **🆔 Passo 5 — Localize o ID do distintivo** Uma vez que a configuração é salva com sucesso: → O **ID do Distintivo** aparecerá automaticamente dentro da configuração. Você pode: * Ver o ID do Distintivo * Copiar o ID do distintivo usando o ícone da área de transferência ⚠️ A posição personalizada deve permanecer selecionada para que o ID do Distintivo funcione corretamente. --- # **📋 Como Copiar o ID do Distintivo** Para copiar o ID do Distintivo: 1. Localize o campo ID do Distintivo 2. Clique no ícone da área de transferência ao lado dele 3. O ID do Distintivo será copiado instantaneamente Este ID copiado agora pode ser usado dentro Shopify Blocos de aplicação. --- # **🧩 Usando o ID do Distintivo** Uma vez copiado o ID do Distintivo: → Adicione-o dentro do seu Shopify Configurações do bloco de aplicativos Isto permite Shopify para carregar a configuração correta do Trust Badge no local personalizado selecionado. --- # **⚠️ Notas Importantes** Antes de usar o ID do Distintivo: * A colocação já deve ser definida como **Posição Personalizada** * A configuração já deve ser **Gravado** Caso contrário: * O ID do Distintivo pode não aparecer * Distintivos podem não aparecer corretamente na frente da loja --- # **🎉 Resultado Final** Uma vez configurado com sucesso: * ✅ Ícones de Distintivo de Confiança Personalizada podem ser enviados facilmente * ✅ Os comerciantes podem usar seus próprios ícones de marca * ✅ IDs de Distintivo ficam disponíveis corretamente * ✅ Distintivos de confiança podem ser colocados manualmente em qualquer lugar na frente da loja * ✅ Shopify Blocos de aplicativos podem se conectar corretamente com a configuração de crachá selecionada * ✅ Custom storefront colocação torna-se muito mais flexível * ✅ Os comerciantes ganham controle preciso sobre o posicionamento do distintivo Usando a posição personalizada juntamente com uploads de ícones personalizados torna a personalização storefront muito mais poderosa e personalizada.