> ## 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 ícones de mídia social > ℹ️ **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 ícones de mídia social para melhorar a visibilidade da marca, engajamento do cliente e conectividade social em sua loja. --- ## **✅ Passo 1: Abrir configurações de ícones de mídia social** 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 você deseja que os Ícones de Mídia Social apareçam. ### **📍 Tipos de colocação disponíveis** ### **Página do produto** * Mostrar os ícones sociais diretamente nas páginas do produto * Ajuda os clientes a descobrir e se conectar com sua marca enquanto navegam em produtos ### **Rodapé** * Exibir ícones na seção de rodapé do seu site * Mantém os links sociais acessíveis em todas as páginas ### **Ícones flutuantes** * Mostrar ícones sociais flutuantes que permanecem visíveis enquanto os clientes rolam * Normalmente posicionado em cantos de tela para acessibilidade rápida ### **Gaveta de Carrinhos** * Mostrar os ícones sociais dentro do mini carrinho ou carrinho de deslizar * Incentiva o engajamento durante a viagem de compras ### **Página do Carrinho** * Exibir ícones diretamente na página do carrinho antes da saída * Útil para promover comunidades, revisões ou provas sociais ### **Página de Saída** * Mostrar ícones durante o Shopify processo de saída * Ajuda a fortalecer a confiança da marca antes da conclusão do pedido * Disponível apenas para **Shopify Mais** comerciantes ### **Posição Personalizada** * Colocar manualmente os ícones exactamente onde os deseja * Posicionamento pode ser ajustado usando o Shopify Editor de Temas --- ## **✅ Passo 3: Configurar Ícones de Mídia Social** Dentro da **Conteúdo** tab, localizar o **Tipo de Distintivo** dropdown e selecione: ### **Ícones sociais e de marca** --- ## **📝 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 é apenas para a referência de administrador de loja e não é visível para os clientes --- ## **✍️ Texto promocional (Opcional)** Você pode opcionalmente adicionar texto promocional acima dos ícones sociais. ### **Campos Disponíveis** ### **Título** Usar cabeçalhos envolventes como: * “Siga nossa jornada” * “Conectar conosco” * “Ficar Social” ### **Subdivisão** Adicionar uma mensagem de suporte como: * “Permaneça atualizado em negócios diários” * “Etiquete-nos para receber destaque” * “Junte-se à nossa comunidade” --- ## **🎨 Escolher & Gerir Ícones** Você pode personalizar os ícones mostrados dentro do bloco de mídia social. ### **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 Plataformas Suportadas** * Instagram * Facebook * TikTok * Pinterest * X (Twitter) * YouTube ### **Envios Personalizados** Você também pode carregar ícones personalizados diretamente do seu dispositivo. --- ## **➕ Adicionar mais ícones** Clique **Adicionar novo ícone** incluir ícones sociais ou de marca adicionais dentro do mesmo bloco. 💡 Isso permite que os comerciantes mostrem várias plataformas sociais juntos. --- ## **🔗 Configurar Chamada à Ação (CTA)** Cada ícone de mídia social pode incluir comportamento clicável. ### **Comportamento por Omissão** Por padrão, os ícones usam: ### **Adicionar uma Ligação a um Bloco inteiro** Isso faz com que todo o bloco de ícones seja clicável para uma experiência perfeita de visitante. --- ## **📌 Tipos de CTA disponíveis** ### **Ligação Personalizada (Mais Comum)** Colar ligações directas como: * URLs de página do Facebook * Perfis do Instagram * Links de chat do WhatsApp * Discórdia convida * Páginas externas ### **Página do produto** Redirecionar os visitantes diretamente para um específico Shopify produto. ### **Página da Colecção** Redirecionar os visitantes para uma coleção de produtos específica. ### **Sem Chamada à Ação** Ícones permanecem estáticos e sem cliques. ### **Adicionar botão com link** Cria um botão clicável separado ao lado ou abaixo dos ícones. --- ## **🛒 Ligação do produto** Se a página do produto CTA está selecionada: → Uso **Selecionar produto** para escolher o destino do produto diretamente de seu Shopify loja. --- ## **🔄 Organizar os Ícones** Você pode gerenciar o layout do ícone facilmente. ### **Opçõ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 style seus Ícones de Mídia Social. ### **Controles de projeto disponíveis** ### **Visibilidade** Escolher: * Ecrã & Móvel * Apenas na área de trabalho * Apenas Móvel ### **Cores de Ícones** Escolha entre: * Cores oficiais da marca * Cores personalizadas correspondentes ao seu tema storefront ### **Tipografia & Tamanhos** Ajustar: * Tamanhos das fontes * Espaçamento de ícones * Aparência do layout * Animações 💡 Você pode usar animações sutis para fazer ícones sociais se sentirem mais interativos 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 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 a colocação dos ícones 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 Ícones de Mídia Social estão totalmente configurados: * Clique **Gravar** * Em seguida, clique **Publicar** Após publicação: → Visite sua loja ao vivo e confirme que todos os ícones redirecionam corretamente para os destinos pretendidos. --- ## **💡 Dica de Solução Rápida de Problemas** Se os Ícones de Mídia Social 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, os Ícones de Mídia Social ajudam a fazer sua frente de loja se sentir mais conectada, confiável e orientada para a comunidade. Com configuração adequada: ✅ Os clientes podem se conectar rapidamente com sua marca ✅ A visibilidade social torna-se mais forte ✅ O empenhamento comunitário melhora ✅ A confiança da marca parece mais autêntica ✅ Navegação em frente à loja torna-se mais interativa ✅ Os visitantes podem acessar plataformas sociais importantes instantaneamente Ícones de mídia social funcionam melhor quando combinados com colocação limpa, espaçamento equilibrado e destinos sociais relevantes. ---