Você está aqui: Home / como por chat skype site

Como por Chat do Skype no Site



O Skype possui um recurso interessante que permite os usuários colocarem um botão de início de chat diretamente em seus websites. A ideia é facilitar a vida dos usuários que acessam teu site e querem teclar com você no skype ou mesmo fazer uma chamada pare teu skype.

Neste post vou te mostrar passo-a-passo como proceder para pegar o código (script) do botão e como colocá-no no site. Então vamos lá…

Como por Chat do Skype no Site passo-a-passo

a) O primeiro passo é acessar a página do Skype responsável por criar o botão de Chat ou Call (chamada). Isso por ser feito acessando http://www.skype.com/en/features/skype-buttons/create-skype-buttons/

b) Nesta página você precisa preencher alguns campos:

1. Enter your Skype Name: Digite o tue nome de login no Skype.
2. Choose what you’d like your button to do. Marque as ações que o botão deve possuir; sendo que as opções são Chat (conversa) e Call (chamada).
3. Choose how you want your button to look: Escolha a cor desejada do botão e o tamanho do texto do mesmo.
4. Copy and paste code below: Este é o campo que contém o código que você deverá copiar e colocar no teu site.

Como por Chat do Skype no Site

Onde colocar o código do chat no site

Após estar com o código em mãos, basta colocá-lo nas páginas do teu website exatamente na posição onde você quer que o botão do skype apareça. Quem usa o blog WordPress poderá colocar o código dentro de um Widget ou inserí-lo na página de contato. Uma outra alternativa é tornar o botão do chat do Skype flutuante, que fica fixo na lateral do site. Para isso, siga o passo-a-passo abaixo:

a) Considere o seguinte código:

  1. <style>
  2. .skype{
  3.     position:fixed;
  4.     top:200px;
  5.     margin-left:950px;
  6. }
  7. </style>
  8.  
  9. <div class="skype">
  10. Código do Botão Aqui
  11. </div>
<style>
.skype{
	position:fixed;
	top:200px;
	margin-left:950px;
}
</style>

<div class="skype">
Código do Botão Aqui
</div>

Substitua “Código do Botão Aqui” pelo código do botão do Skype que você gerou.

b) Agora basta colocar o código completo nas páginas do teu website. Quem usa o blog WordPress pode adicionar este código no arquivo footer.php (rodapé).

Note ainda que você deve ir modificando os valores de top: e margin-left: para se adequar ao teu site. Veja como ficou no site Site Script:

chat skype site script

O interessante é que, conforme o usuário rola a barra de rolagem, o botão do skype continua sempre visível para ele.

Conclusão

Por fim, para quem quer dar suporte para clientes através do Skype ou mesmo angariar novos clientes através do programa, eis aí uma ótima dica. Contudo, deve-se ter em mente que, caso o visitante não tenha o Skype instalado no computador dele, ele será convidado a baixar o cliente e instalá-lo para então poder iniciar a conversa ou ligação.


2 respostas a Como por Chat do Skype no Site

Página 1 de 11
  • Eduardo

    Interessante o artigo fabricio. Eu não conheci este recurso do skype, porém creio que seria melhor se o cliente não precisasse instalar o skype para iniciar o chat. Tipo igual o antigo Live Messenger que abria uma janela html que se comunicava com o MSN do teu desktop automaticamente, sem precisar o visitante instalar nada no computador dele.

    Agora, uma vantagem do skype é que uma vez que o cliente te adiciona no skype, ele terá teu contato para sempre, não perderá você de vista, o que não acontecia com o chat do Messenger via Site.

    02/11Responder
    • Fabricio

      Eduardo, ótimas observações ;)

      02/11Responder
Página 1 de 11

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code lang=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" extra="">

Quem sou Eu? Bem, meu nome é Anderson Makiyama, moro em Joinville SC com minha esposa e meus dois filhos amados. Já trabalho APENAS pela internet há mais de 10 anos.

Mais Detalhes sobre Mim
Inscreva-se no meu Canal
FIQUE ATUALIZADO
Cadastre seu email Aqui
para Receber Gratuitamente
as atualizações do Blog