top of page

Dicas de HTML5: Como Integrar as Redes Sociais ao Seu Site





Fãs, amigos e seguidores são o núcleo de qualquer negócio (e de todos os sites). Portanto, ao criar um site em HTML5, lembre-se das vantagens em deixá-lo mais social:


  • É um grande (e barato) canal de comunicação entre você e os visitantes do seu site.

  • Tranforma os seus visitantes em “embaixadores” da sua marca, convidando-os a promover o seu site em seus perfis sociais pessoais.

  • Você se mantém atualizado nas últimas tendências do mundo eletrônico.

  • É uma forma simples e eficiente de adicionar conteúdo interativo em seu site.


Este último item é muito interessante, pois muitos donos de sites ainda não perceberam como é fácil deixar o site deles mais social, especialmente usando as ferramentas prontas do Editor Wix! Vejamos como usar tais recursos:



Ferramentas Sociais


Dentro do Editor HTML5, clique em “Add” e depois em “Social”, onde você encontrará várias ferramentas disponíveis para conectar o seu site ao Facebook, Twitter, Google+.





Dentre as ferramentas disponíveis você encontrará:


  • Botão “Curtir” no Facebook

  • Botão “Recomendar” no Facebook (editando o botão “curtir”)

  • Caixa de Comentários do Facebook

  • Botão “Seguir” no Twitter

  • Botão “Tweet” do Twitter

  • “Feed” do Twitter (“tweets”)

  • Botão +1 do Google+

  • Barra Social, com botões para as 3 Redes Sociais (Facebook, Twitter e Google+)



Dicas de HTML5 - Como Integrar as Redes Sociais ao Seu Site


Todos estes botões são customizáveis, então você pode escolher entre diferentes tipos de botões, cores, tamanhos, etc.





Inserir um Código HTML


Se mesmo assim você achar que estes botões não são o suficiente, você pode inserir diretamente em seu website um código HTML externo.


Basta clicar em “Add”, escolher “AddOn” e clicar em “HTML”. Agora é só copiar o seu código HTML externo e colar ele na caixa HTML correspondente.







MAS ATENÇÃO: Ao usar um código HTML criado por terceiros, não temos como dar suporte aos recursos externos inseridos através do widget HTML, pois apenas disponibilizamos este recurso para os usuários avançados).


E se você já está se sentindo mais social, que tal dar uma olhada na barra aqui no lado direito do Wix Blog e compartilhar este artigo com os seus amigos? ;-)



#dicasdehtml5

pt03.png
bottom of page