Para integrar o Mosia Chat + FAQ ao seu website, é muito simples.
O processo todo consiste em obter o código JAVASCRIPT gerado automaticamente pelo Mosia e inseri-lo na página web desejada.
Detalharemos o processo a seguir:
Acesse o painel do Mosia. Caso não saiba como fazer, siga esse link;
No menu lateral, escolha a opção "Códigos de integração".
Pressione o botão "Editar" para o código de integração que deseja integrar;
Caso não exista um código, será necessário criar um novo código de integração. Para maiores informações sobre como criar um código, siga o passo a passo no fim deste documento.
A tela exibida contém um código JAVASCRIPT no campo "Código de integração". Copie-o INTEGRALMENTE;
Acesse o código fonte do seu website, no servidor que ele está hospedado.
Nas páginas onde deseja que existam a exibição do chat online do Mosia, insira o código JAVASCRIPT;
Recomenda-se que o código seja inserido dentro da tag <body>. A posição de inserção é indiferente (pode ser no topo ou no fim, desde que seja entre <body> e </body>
O código fonte de sua página web parecerá com algo assim:
Após inserção, ao carregar seu site, uma janela de chat flutuante aparecerá no canto inferior direito, com as configurações que você realizou previamente no código de integração.
Criando um novo código de integração
Muitas vezes sua empresa pode querer mais de um código de integração, por alguns motivos:
Numa área do site que fale de setor comercial, somente chat com o time comercial deveria aparecer;
Numa página de dúvidas, várias áreas devem ser exibidas no chat
Para que você possa selecionar os perfis que aparecerão em cada janela, você pode criar mais de um código de integração.
Passo a passo:
Acesse a interface do painel do Mosia, e navegue até a opção de menu Códigos de integração;
Pressione o botão "Novo item";
Defina a cor primária. Esta será a cor do seu chat (balão de chat, cores de letras, etc);
Nome do chat: informe um nome fácil, para seu chat. Este nome NÃO SERÁ exibido para o chamador (usuário do portal);
Nome botão iniciar conversa: Escolha o texto que será exibido no botão da janela flutuante do seu website. Este conteúdo SERÁ exibido para o usuário do seu website.
Descrição: explique em poucas palavras para que serve aquele código de integração (para referências futuras). Este texto NÃO SERÁ exibido para o usuário final;
Perfis de atendimento: escolha os perfis de atendimento que serão exibidos no seu chat. É obrigatório selecionar ao menos um.
Pressione o botão "Confirmar".
Ao gravar este novo registro, uma legenda verde confirmando a edição será exibida. Um código de integração será demonstrado no topo da janela, e um botão para testes do seu chat será exibido instantaneamente. Você poderá testar seu chat ali mesmo, na configuração, sem necessitar publicar uma versão de homologação de seu website integrando com essa nova feature.
Uma vez que esteja validado o novo código de integração, siga o passo a passo do início desse documento para aprender a integrar o código JAVASCRIPT ao seu website.