Principal Construtor de Sites/Builder Como funciona o elemento Social na Rockty

Como funciona o elemento Social na Rockty

Última atualização em Nov 28, 2024

Introdução

O elemento Social permite que você adicione ícones de redes sociais em suas páginas para facilitar o acesso ao seu conteúdo nas principais plataformas, como Facebook, YouTube, Instagram, Twitter, TikTok e LinkedIn. Este tutorial irá guiá-lo através dos passos necessários para configurar e personalizar esse elemento, garantindo que você possa aproveitar ao máximo suas funcionalidades.

1. Como Adicionar o Elemento Social

Para adicionar um elemento Social à sua página na Rockty, siga estes passos:

  1. Adicione um novo elemento em sua página.

  2. Selecione o elemento 'Social' na lista de opções disponíveis no menu lateral esquerdo.

💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.

2. Como Acessar as Configurações do Elemento

Para acessar as configurações do elemento Social, clique no ícone de engrenagem do elemento ou clique com o botão direito do mouse sobre ele para abrir o menu de opções. Isso disponibilizará todas as possibilidades de configuração que veremos a seguir.
​

3. Configurações do Elemento Social

Ajustes

  • Visibilidade: Configure a visibilidade do elemento em diferentes dispositivos clicando nos ícones “Desktop | Tablet | Mobile”. Para ocultar ou mostrar o elemento, clique no ícone correspondente.

  • Posição: Ajuste a posição do elemento (esquerda, centro, direita) clicando nos ícones de posição.

  • Margem (topo): Ajuste a margem superior inserindo um valor manualmente ou ajustando a barra.

  • Configuração das Redes Sociais: Ative a chave correspondente à rede social que deseja compartilhar e insira a URL do seu perfil. O logo da rede social será exibido na sua página e, ao clicar, será direcionado para a URL inserida. Para desativar, clique novamente na chave correspondente.
    ​

Estilo

  • Cor: Configure a cor dos logos das redes sociais utilizando a paleta de cores ou o código HEX da cor desejada. Para apagar uma cor, clique no ícone de lixeira.
    ​
    ​

Avançado

  • Efeitos de Movimento – Animação: Adicione animações ao elemento selecionando um efeito da lista. Configure o comportamento da animação (Uma vez ou Infinito), a ativação (Animação de entrada ou Ao passar o mouse), a duração (normal, devagar ou rápido) e o atraso (até 1000 segundos).

  • CSS Classes: Configure CSS para o elemento, inserindo um nome no campo “Insira ou Selecione” e utilizando o elemento de Script para aplicar o código CSS.
    ​

Conclusão

O elemento Social é uma ferramenta eficaz para integrar suas redes sociais às suas páginas, tornando o compartilhamento de conteúdo mais acessível para seus visitantes. Ao configurar e personalizar este elemento, você melhora a visibilidade e a interação com seu público.

Dicas Adicionais

  • Use cores e animações de forma moderada para garantir que os ícones de redes sociais sejam visíveis e atraentes, mas não distraiam do conteúdo principal.

  • Mantenha as URLs de suas redes sociais atualizadas para assegurar que os links direcionem corretamente os visitantes para seus perfis.

Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!