Como adicionar webchat ao seu site?

O plugin webchat é muito flexível e permite muitas personalizações

Nome da opçãoValores Possíveis / DescriçãoPadrão
tipofloating/window/containercontainer : inclua o chatbot dentro de qualquer elemento HTMLwindow : o chatbot será aberto em uma nova janelafloating
elementoUsado somente se “tipo” for “container”. Exemplo “#div1”
cabeçalhoTítuloO título que é mostrado no cabeçalho do webchatAccount Name
corqualquer nome de cor ou código de cor#007BFF
ocultarCabeçalhoOcultar a sessão que contém o nome comercialverdadeiro/falsofalse
referênciaqualquer ID de ref/fluxo/etapa a ser enviado automaticamentequando o usuário clicar no ÍCONE do chat.Defina ref como “get_started_button” paraenviar automaticamente o fluxo de Boas-vindas.
mostrarPersonaverdadeiro/falsofalse
ocultarCompositorverdadeiro/falsofalse
modelomodelo1/modelo2
íconeo ícone de bate-papo que aparece na parte inferior | direita
certoDistância do ícone da borda esquerda da tela20px
fundoDistância do ícone da borda inferior da tela20px
carregarMensagensCarregar conversas anteriores com o contato quando o webchat for aberto. true/falsetrue
definir campos personalizadosPermitir definir vários campos personalizados.id: ID do campo personalizadoVocê pode usar um nome de campo do sistema como ID: e-mail, telefone, nome_completo, nome_primeiro, sobrenome[{id:”email”, value:”…@gmail.com”}, {id:348574, value:”Value here”}]

Alterar o ícone de bate-papo

<script src="https://app.mundodosbots.com/webchat/plugin.js?v=2"></script>

<script>

ktt10.setup({id: WEBCHAT_HASH, accountId: YOUR_ACCOUNT_ID, showPersona: true, icon: "YOUR_IMAGE_URL"});

</script>

Transfira a conversa de qualquer canal para o webchat.

Nem todos os canais suportam todos os recursos que o Webchat suporta. Por exemplo, se um cliente estiver enviando mensagens para sua empresa por SMS e você quiser mostrar uma galeria com uma lista de seus serviços, você pode transferir a conversa para o webchat. Basta enviar uma mensagem ao usuário com o campo personalizado do sistema abaixo.

{{webchat}}

Se você quiser iniciar automaticamente um fluxo ou etapa quando o usuário acessar este link, você precisará anexar &ref=FLOW_OR_STEP_ID . Por exemplo, se o FLOW_ID for 111111 o link será

{{webchat}} &ref=111111

O link acima carregará mensagens anteriores da conversa entre o bot e o usuário. Se você não quiser carregar mensagens antigas, anexe &lc=0 no final do link

{{webchat}}&ref=111111& lc=0

Este artigo foi útil?