O bloco Perfis sociais permite exibir uma linha de ícones de redes sociais vinculados em qualquer página do SeedProd. Cada ícone leva diretamente ao seu perfil em uma plataforma compatível, oferecendo aos visitantes uma maneira rápida de seguir ou se conectar com você na web. O bloco vem com 12 modelos de estilo pré-construídos e é compatível com mais de 20 plataformas, incluindo Facebook, X (Twitter), Instagram, LinkedIn, YouTube, TikTok, Pinterest, Discord, WhatsApp e muito mais.
Além dos modelos prontos, você tem controle total sobre o estilo, tamanho, cor, espaçamento e raio da borda dos ícones. Cada entrada do perfil social pode ser reordenada por arrastar e soltar, duplicada ou removida independentemente, facilitando a manutenção exatamente das plataformas que você deseja destacar. Uma opção personalizada também permite adicionar qualquer ícone da biblioteca de ícones do SeedProd com sua própria cor e URL para plataformas que não estão na lista integrada.
Adicionando o bloco Perfis sociais às suas páginas
Siga estas etapas para adicionar um bloco de perfis sociais à sua página SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos, arraste e solte o bloco Perfis sociais na seção desejada da sua página.
Etapa 2: Configurar as definições de conteúdo
Depois de adicioná-lo, clique no bloco Perfis sociais para abrir suas configurações. Na guia Conteúdo, a seção Ícone permite gerenciar sua lista de perfis sociais e configurar as opções de exibição.
Gerenciando perfis sociais:
- Tipo de perfil: use o menu suspenso ao lado de cada entrada para selecionar a plataforma social. As plataformas compatíveis incluem Discord, E-mail, Facebook, Facebook Messenger, GitHub, IMDb, Instagram, LinkedIn, Medium, Telefone, Pinterest, RSS, Slack, Snapchat, SoundCloud, Telegram, TikTok, X (Twitter), Vimeo, Weibo, WhatsApp, WordPress, YouTube e Personalizado.
- URL: Clique no ícone de engrenagem de configurações em qualquer entrada para expandir o campo URL. Insira o link completo para a sua página de perfil (inclua
https://). Para entradas de e-mail, insira seu endereço de e-mail. Para entradas personalizadas, você também pode escolher qualquer ícone da biblioteca de ícones e definir uma cor personalizada. - Reordenar: Arraste as entradas para cima ou para baixo usando a alça de arrastar (ícone de setas) para alterar a ordem de exibição dos ícones.
- Duplicar/Excluir: Passe o mouse sobre qualquer entrada para revelar os botões Duplicar e Excluir para gerenciamento rápido.
- Adicionar nova partilha: Clique no botão + Adicionar nova partilha na parte inferior da lista para adicionar outra entrada de perfil social.
Opções de exibição:
- Estilo: Escolha entre Padrão (apenas ícone, sem fundo) e Empilhado (ícone sobre um quadrado colorido).
- Tamanho: defina o tamanho geral do ícone — Pequeno, Médio ou Grande.
- Alinhamento: defina o alinhamento horizontal da linha de ícones — Esquerda, Centro ou Direita. Suporta alinhamento por dispositivo para desktop, tablet e celular.
Etapa 2a: Escolha um estilo de modelo
Na guia Modelos, você pode aplicar um estilo de ícone pré-criado ao seu bloco Perfis sociais com um único clique. Há 12 modelos de estilo disponíveis, variando de ícones quadrados planos a variações arredondadas, em forma de comprimido e com tema escuro. Ao selecionar um modelo, o estilo do ícone, o tamanho, o raio da borda e as configurações de cor do bloco são atualizados instantaneamente para corresponder ao design escolhido.
Etapa 3: Personalizar o design
Na guia Avançado, você pode ajustar a aparência visual do seu bloco Perfis sociais.
Estilos:
- Estilo: alterne entre os estilos de ícones Padrão e Empilhado (igual à configuração da guia Conteúdo).
- Cor do ícone: defina uma única cor aplicada a todos os ícones no bloco, substituindo a cor padrão da marca de cada plataforma.
- Tamanho do ícone: ajuste o tamanho do ícone em pixels usando o controle deslizante (0–100 px).
- Raio da borda: ao usar o estilo Empilhado, ajuste o raio do canto dos quadrados de fundo do ícone para criar formas quadradas, arredondadas ou totalmente circulares (0–100 px).
- Preenchimento do ícone: ao usar o estilo Empilhado, controle o espaçamento entre o ícone e a borda do seu contêiner de fundo (0–100 px).
- Espaço entre: defina o espaço horizontal entre cada ícone na linha (0–100 px).
- Sombra: Adicione um efeito de sombra aos elementos do ícone. Escolha entre os tamanhos predefinidos — Nenhum, Fino, Pequeno, Médio, Grande, Extragrande e 2X Grande.
Espaçamento:
- Margem: controle o espaçamento externo ao redor do seu bloco Perfis sociais (superior, direito, inferior, esquerdo). Suporta valores por dispositivo para desktop, tablet e celular.
- Preenchimento: ajuste o espaçamento interno no bloco Perfis sociais (superior, direito, inferior, esquerdo). Suporta valores por dispositivo para desktop, tablet e celular.
Atributos:
- CSS ID: Exibe o identificador exclusivo gerado automaticamente para o seu bloco Perfis sociais. Esse ID é criado automaticamente pelo SeedProd e pode ser usado para personalização de estilo ou segmentação JavaScript.
- Classe personalizada: adicione classes CSS personalizadas para aplicar estilos específicos do seu tema ou CSS personalizado.
- Atributos personalizados: adicione quaisquer atributos HTML ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor (por exemplo, data-section|social).
Visibilidade do dispositivo:
- Ocultar na área de trabalho: oculte o bloco Perfis sociais nas telas da área de trabalho.
- Ocultar no tablet: oculte o bloco Perfis sociais em dispositivos tablet.
- Ocultar no celular: oculte o bloco Perfis sociais em dispositivos móveis.
Efeitos de animação:
- Animação de entrada: escolha entre vários efeitos de animação que são reproduzidos quando o bloco Perfis sociais é exibido. As opções incluem Saltar, Aparecer gradualmente, Ampliar, Girar e muito mais.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco Perfis sociais e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de perfis sociais à sua página! Com suporte para mais de 20 plataformas, 12 modelos de estilo prontos e controle total sobre o tamanho do ícone, cor, espaçamento e raio da borda, este bloco facilita a criação de uma faixa de mídia social profissional que se adapta a qualquer design. Experimente os estilos Padrão e Empilhado, explore as predefinições de modelos e use a reordenação por arrastar e soltar para organizar seus perfis exatamente da maneira que você deseja.