Como Inserir o Like Box do Facebook em seu Site

Uma das maneiras de promover a sua Fan Page é fazer uma integração entre o site da sua empresa e sua Fan Page no Facebook. Para isso existem os Plugins Sociais do Facebook que trabalham como uma extensão da sua página no seu website. O Like Box faz parte dos plugins sociais e este post mostrará Como Inserir o Like Box em seu Site.

O Like Box permite que as pessoas curtam a sua Fan Page quando estiverem visitando seu sitem vejam quantas pessoas curtiram a sua Fan Page e quais dos seus amigos já curtiram a página. Além disso, podem ver os posts recentes publicados em sua Fan Page. Tudo pode ser personalizado como veremos mais adiante.

Etapas para Inserir o Like Box em seu Site

Primeiro de todos os passos é logar na sua conta do facebook, depois acesse esse link:

https://developers.facebook.com/docs/plugins/like-box-for-pages/

1. Na Página para criar o Like Box e aparecerá um quadro para você personalizar com as informações de sua Fan Page. Na medida em que você insere as informações no quadro, aparecerá no lado direito um Preview de sua Like Box.

Resumindo antecipadamente, deixe igual na imagem abaixo

like-box

2. Insira o endereço de sua Fan Page.

3. Escolha a largura (Widht) e altura (Height) do Box.

4. Defina qual esquema de cores usará: claro (Light) ou escuro (Dark).

5. Clique em Show Faces, caso queira que as fotos de quem já curtiu a sua Fan Page apareçam no Box.

6. Em Border Color você pode personalizar a borda do seu Box com as cores de sua marca. Para isso é necessário inserir um código. Acesse a Tabela de Cores Web para veririfcar o código correspondente a sua cor.

7. Ao clicar a caixa Stream você optará por mostrar as ultimas postagens de sua Fan Page dentro do Box.

8. Ao selecionar Header o seu box mostrará um cabeça-lho indicando onde encontrar a sua Fan page no Facebook.

9. Feitas todas as personalizações é hora de gerar o código. Clique em Get Code.

10. Uma caixa se abrirá com varias opções de códigos, Selecione a opção IFRAME e copie o código gerado

like-box-1

11- Inserindo na Loja Virtual WebCampo

Entre no seu painel administrativo

12 – Selecione em CMS ->Blocos Estáticos

like-box-bloco

13 – Selecione a opção na lista de blocos:

Inserir Facebook – Para Facebook utilize o tamanho 960 pixels de largura X 190 pixels de altura

14 – Conforme na imagem abaixo, selecione o icone  Insert/Edit Embedded Media no seu editor, conforme na imagem abaixo:

like-bloco-3

15 –  Conforme na imagem abaixo, primeiro selecione a aba SOURCE, depois você deverá colar o código do seu LikeBox dentro da caixa de codigo Source, e por depois clique no botão INSERIR localizado no canto esquerdo conforme os passos na imagem abaixo:

like-box4

16 – E por fim você deve Habilitar o bloco estático para que ele apareça em sua loja virtual: na opção Estatus altere para Habilitado

like-box5

17 – Clique no botão Salvar localizado no canto superior direito e pronto, vá para seu site e veja no rodapé se consegue ver seu Like Box

like-box-final

Obs: caso não apareça, certifique que realizou todos os processos adequadamente, as vezes é preciso limpar o cache da loja virtual, em Configurações -> Gerenciar Cache.

Faça sua loja virtual com a WebCampo, clique e confira!
Att, Ronaldo Gomes
Programador PHP Magento/ Gerencia de Projetos
Tecnólogo em Análise e Desenvolvimento de Sistemas – Faculdade Integrado
Especialista M.B.A em Gerência de Projetos e Governança de TI – Universidade Paranaense
Graduando em Ciências Contábeis -Universidade Estadual do Paraná
Skype: lojawebcampo
E-mail: admin@webcampo.com.br

Site: http://www.webcampo.com.br

 


Ronaldo de Barros Gomes - Empreendedor e analista de todos os aspectos relacionados a e-commerce, gosto de fazer parte, criar soluções, procurar novos modelos de sucesso, vendas online e tudo que seja relacionado a esse mundo, também sou / Programador PHP Magento / Gerencia de Projetos / Tecnólogo em Análise e Desenvolvimento de Sistemas – Faculdade Integrado / Especialista M.B.A em Gerência de Projetos e Governança de TI - Universidade Paranaense / Graduando em Ciências Contábeis -Universidade Estadual do Paraná / Skype: lojawebcampo / E-mail: admin@webcampo.com.br / Site: www.webcampo.com.br /

Advertisement

Nenhum comentario.

Deixe um comentario

Você deve ser logged in para postar um comentário.