Como integrar o WebChat a uma página do Facebook

De Wiki Locaweb
Ir para: navegação, pesquisa

É simples integrar o WebChat a sua página (fanpage) do Facebook.

Tabela de conteúdo

Copie o código de integração no WebChat

00 codigointegracao.jpg


1 - Acesse sua conta no WebChat. Entre na área Administração.

2 - No menu da esquerda, clique na opção Código de integração.

3 - Copie o código do banner.

4 - Se preferir mostrar um texto com link em vez de uma imagem, copie o código do segundo box.

Crie uma página do Facebook

Para mostrar o banner (ou o texto com link) do WebChat no Facebook, é necessário adicionar uma nova aba que permita códigos HTML. Existem diversos aplicativos com essa funcionalidade, mas neste tutorial utilizamos o Static HTML, que não apresentou nenhum problema nos testes.

Criarpaginafacebook.png

1 - Acesse o link http://www.facebook.com/pages/create.php para criar uma página. Escolha a opção mais adequada para você.


Criarpaginafacebook2.png

1 - Depois de clicar, preencha os campos solicitados e clique no botão Começar.


Procure pelo aplicativo Static HTML

02 buscarstatichtmlwebchat.jpg


1 - Faça login no Facebook e acesse sua página. Procure por Static HTML no campo de busca da área superior.

2 - Clique no primeiro resultado da pesquisa: Static HTML: iframe tabs.


Adicione o aplicativo em sua página

04 addstatichtml.jpg


1 - Na descrição do aplicativo, clique no botão Adicionar Static HTML: iframe tabs


Cole o código do WebChat no aplicativo

07 colarcodgo.jpg


1 - Acesse a aba criada pelo aplicativo e cole o código no primeiro box.

2 - Clique no botão Save and view tab.


Veja como ficou

07 saved.jpg


1 - Na mensagem de confirmação, clique no segundo link, View your tab as a non-fan.


Pronto! Veja o banner do WebChat em sua página.

09 final.jpg


1 - O banner cadastrado no WebChat agora aparece também no seu Facebook.


Faça atendimentos pelo Facebook

10 webchatnofacebook.jpg


O banner inserido em sua página do Facebook é um link para a janela de atendimento do WebChat. Você realiza atendimentos normalmente, pela página de administração do WebChat, mas seus clientes podem clicar na imagem e falar com você sem sair do Facebook.


Veja também

Ferramentas pessoais
Espaços nominais
Variantes
Ações
Navegação
Ferramentas
Criar um livro