O bloco de Perfis Sociais permite exibir uma linha de ícones de mídia social vinculados em qualquer página do SeedProd. Cada ícone se vincula diretamente ao seu perfil em uma plataforma suportada, dando aos visitantes uma maneira rápida de segui-lo ou conectar-se com você na web. O bloco vem com 12 modelos de estilo pré-construídos e suporta 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 do ícone, tamanho, cor, espaçamento e raio da borda. Cada entrada de perfil social pode ser reordenada por arrastar e soltar, duplicada ou removida independentemente, facilitando a manutenção das plataformas exatas 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 de Perfis Sociais às Suas Páginas
Siga estas etapas para adicionar um bloco de Perfis Sociais à sua página do SeedProd:
Etapa 1: Adicionar 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
Após adicionar, clique no bloco Perfis Sociais para abrir suas configurações. Na aba 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 suportadas incluem Discord, Email, Facebook, Facebook Messenger, GitHub, IMDb, Instagram, LinkedIn, Medium, Phone, 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 seu campo de URL. Insira o link completo para sua página de perfil (inclua
https://). Para entradas de Email, 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 um gerenciamento rápido.
- Adicionar Novo Compartilhamento: Clique no botão + Adicionar Novo Compartilhamento 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 em um quadrado de fundo 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.
Passo 2a: Escolha um Estilo de Modelo
Na aba Templates, você pode aplicar um estilo de ícone pré-definido ao seu bloco de Perfis Sociais com um único clique. Existem 12 modelos de estilo disponíveis, que vão de ícones quadrados planos a variações arredondadas, em formato de pílula e com tema escuro. Selecionar um modelo atualiza instantaneamente o estilo do ícone do bloco, o tamanho, o raio da borda e as configurações de cor para corresponder ao design escolhido.
Etapa 3: Personalizar o Design
Na aba Avançado, você pode ajustar a aparência visual do seu bloco de Perfis Sociais.
Estilos:
- Estilo: Alterne entre os estilos de ícone Padrão e Empilhado (o mesmo que a configuração da aba Conteúdo).
- Cor do Ícone: Defina uma única cor aplicada a todos os ícones no bloco, substituindo a cor de marca padrão de cada plataforma.
- Tamanho do Ícone: Ajuste o tamanho do ícone em pixels usando o controle deslizante (0–100px).
- Raio da Borda: Ao usar o estilo Empilhado, ajuste o raio dos cantos dos quadrados de fundo do ícone para criar formas quadradas, arredondadas ou totalmente circulares (0–100px).
- Espaçamento do Ícone: Ao usar o estilo Empilhado, controle o espaçamento entre o ícone e a borda de seu contêiner de fundo (0–100px).
- Espaço Entre: Defina a lacuna horizontal entre cada ícone na linha (0–100px).
- Sombra: Adicione um efeito de sombra aos elementos do ícone. Escolha entre tamanhos predefinidos — Nenhum, Fina, Pequena, Média, Grande, Extra Grande e 2X Grande.
Espaçamento:
- Margem: Controle o espaçamento externo ao redor do seu bloco de Perfis Sociais (Superior, Direita, Inferior, Esquerda). Suporta valores por dispositivo para desktop, tablet e celular.
- Preenchimento: Ajuste o espaçamento interno do seu bloco de Perfis Sociais (Superior, Direita, Inferior, Esquerda). Suporta valores por dispositivo para desktop, tablet e celular.
Atributos:
- ID CSS: Exibe o identificador exclusivo gerado automaticamente para o seu bloco de Perfis Sociais. Este ID é criado automaticamente pelo SeedProd e pode ser usado para estilização personalizada ou segmentação de 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 no Desktop: Oculte o bloco de Perfis Sociais em telas de desktop.
- Ocultar no Tablet: Oculte o bloco de Perfis Sociais em dispositivos tablet.
- Ocultar no Celular: Oculte o bloco de 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 de Perfis Sociais entra na visualização. As opções incluem Bounce, Fade In, Zoom In, Rotate In e muitas outras.
Etapa 4: Salve Suas Alterações
Depois de terminar de configurar o bloco de 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 profissional de mídia social que se adapta a qualquer design. Experimente os estilos Padrão e Empilhado, explore os predefinições de modelo e use a reordenação de arrastar e soltar para organizar seus perfis exatamente como você deseja.