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.

Actualizado em: 10/09/2026