Inserindo um botão compartilhar no Facebook utilizando os botões do Webacappella (Método 2)

TEMA: Redes Sociais

ARTIGO: Revisado e Melhorado

VERSÃO: WA RC  |  WA 4


Em outra postagem eu explique como inserir no seu site Webacappella um botão Compartilhar no Facebook utilizando o método Facebook Developers.

Link da postagem:
http://webacappellashow.blogspot.in/2016/08/inserindo-um-botao-compartilhar-no.html

Portanto para ao clicar no botão tenha o efeito desejado é necessário seguir os procedimentos explicados em outra postagem:
Link:
http://webacappellashow.blogspot.in/2015/07/facebook-open-graph-imagem-compartilhar.html

Vamos então para outro método que é utilizando os botões do Webacappella:



MÉTODO 2 - UTILIZANDO BOTÃO DO WEBACAPPELLA

Existem casos que desejamos fugir da imagem padrão que o Facebook nos fornece para o botão Compartilhar como mostrado no Método 1. Então existe uma forma de você utilizar os próprios botões do Webacappella. 

Para isso faça todos os procedimentos do MÉTODO 1 insira o botão e publique o site. Após o site publicado clique no botão como fosse compartilhar no Facebook:

Ao abrir a tela de publicação copie todo o conteúdo da barra de endereço.

NO WA 4

No Webacappella na página que deseja o botão compartilhar insira um botão com a opção INSERIR >> BOTÃO. 

Personalize o botão da sua maneira, e na hora de definir um link para o botão defina para "Link para um endereço na internet" , "Nova Janela", e no campo abaixo cole o que você copiou da barra de endereços conforme mostrado na imagem acima.

Para ver o resultado on line clique aqui

NO WA RC

No  Webacappella RC,  na página que deseja o botão compartilhar insira um box onde vai receber o código, clique no ícone Button no menu 

Personalize o botão da sua maneira, e na hora de definir um URL e assinale a caixa de verificação "Open in a windows"  No campo da url cole o que copiou na barra de endereços conforme a imagem mostrada.

Uma pena que até a data de hoje, no WA RC não temos muitas opções de personalização do Botão. Como inserir um ícone por exemplo.

Para ver o resultado on line clique aqui (o botão está no rodapé do site)

Este método dispensa a inclusão do código no head de cada pagina como mostrado no MÉTODO 1

Agora você tem um botão mais personalizado para compartilhar o site no Facebook.