Para que possa inserir um código do xat em seu site realize os seguintes procedimentos:
Logo apos abrir o construtor do site, acesse a aba “Layouts”
Clique no ícone HTML e arraste para área desejada para que possa ser inserido.
Basta clicar no próprio bloco HTML para que possa inserir nele.
Apos abrir a aba HTML basta inserir na caixa branca o seu código HTML e clicar em salvar.
Para gerar o código do xat acesse xat.com
Logo apos acessar o site, clique na Aba >> Widget
Logo apos abrira uma nova pagina, clique no botão abaixo Get a free chat box now!
Logo apos você pode configurar inserindo imagem e logo apos marque Atualizar e obter o código
Mais abaixo existe o código gerado, basta copiar ele e inserir no bloco HTML.
OBS: Lembre-se sempre de clicar em Publicar apos inserir ou alterar algo.