Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderElementos
Como funciona o elemento Social na Rockty
Como funciona o elemento Social na Rockty

Compartilhe facilmente suas redes sociais em suas páginas com o elemento Social da Rockty.

Sylas avatar
Escrito por Sylas
Atualizado há mais de uma semana

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.

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

💡 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. Para mais detalhes, acesse nosso tutorial sobre CSS Classes.


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!

Respondeu à sua pergunta?