Como faço para adicionar Links sociais ao meu site do Website Builder?

Este guia explica como você adiciona Links sociais ao seu site no Website Builder usando o componente Links sociais.

• Passo 1 - Adicione um componente de Links sociais ao seu site
• Passo 2 - Adicione os seus Links sociais
• Passo 3 - Ajuste o estilo dos seus ícones
• Passo 4 - Adicione animações aos seus ícones
• Passo 5 - Publique as alterações

Etapa 1 - Adicionar um componente de links sociais ao seu site

1. Abra o Website Builder a partir do painel de controlo da one.com.
2. No menu à esquerda, clique em Social e arraste uma das opções de componente para o seu espaço de trabalho.

Passo 2 - Adicione os seus links de redes sociais

1.  
   • Clique no ícone com os três pontos para Editar, Ocultar ou Excluir um ícone social. Ocultar um link afeta apenas esse componente social específico, enquanto excluí-lo afeta todos os outros componentes sociais que você possa ter no seu site.
   • Altere a ordem dos ícones clicando em um link e arrastando-o para cima e para baixo enquanto mantém pressionado o botão do mouse.
   • Digite um e-mail ou URL para uma de suas páginas de mídia social para adicionar um novo ícone. Você pode adicionar links para Facebook, Instagram, Twitter, Pinterest, LinkedIn, YouTube, Email, Yelp, Vimeo, Snapchat, Reddit, Tumblr, Tripadvisor e Foursquare.

Passo 3 - Ajuste o estilo dos seus ícones

Ajuste a aparência dos ícones em Editar ícones > Estilo.

• Altere a forma dos ícones; você pode escolher regular (padrão), círculo, quadrado ou arredondado.
• Você pode escolher entre um ícone com uma cor sólida (fill) ou uma área transparente (knockout) mostrando o seu plano de fundo.
• Em Cor, escolha Multicor para mostrar as cores padrão das redes sociais, ou em preto (escuro) ou branco (claro).

Ajuste o Tamanho e o Espaçamento dos ícones como preferir e escolha onde quer colocá-los no seu site. Coloque o componente no cabeçalho ou rodapé se quiser que os ícones fiquem visíveis em todas as páginas.

Passo 4 - Adicione animações aos seus ícones

Você pode adicionar efeitos de animação aos seus ícones para que eles se destaquem mais. Por exemplo, você pode usar um efeito de deslizar ou um efeito de pular, que vai fazer os ícones aparecerem na tela quando alguém rolar a página para baixo.

Você pode adicionar animações selecionando o componente e clicando em Editar ícones > Animações.

• Selecione um efeito de animação: Você pode escolher entre fade in, slide in ou bounce.
• Se você selecionar fade in ou slide in, pode escolher a direção de onde o componente deve entrar na tela. As opções são centro, topo, inferior, esquerda ou direita.
• Selecione a velocidade de animação: Pode ser lenta, média ou longa.
• Escolha se deseja atrasar o início do efeito e, em caso afirmativo, quanto tempo deve ser o atraso.

Passo 5 - Publique as suas alterações

Clique em Salvar e Publicar para tornar as suas alterações visíveis no seu site.

Dica: Se quiser mostrar ícones sociais verticalmente, você pode fazer isso adicionando um componente Links sociais separado para cada ícone e ocultando todos, exceto um. Em seguida, coloque-os uns sobre os outros.

Não tem acesso ao Website Builder? Você pode experimentá-lo gratuitamente por 14 dias e criar um site rapidamente. Comece seu teste gratuito agora

Artigos Relacionados:

• Como faço para adicionar um favicon ao meu site do Website Builder?
• Como faço para transformar uma imagem em um link?