Passar para o conteúdo principal

Transferência com JavaScript

Transferência do Fin Messenger para sua solução de chat ao vivo existente para que seus end users possam receber ajuda de um dos seus colegas.

Uma opção para transferência do Fin Messenger é a transferência com JavaScript. Isso permite que você execute código JavaScript arbitrário na página que hospeda o Fin Messenger. Você pode usar isso para abrir o widget de chat ao vivo da solução que está usando para que seus clientes conversem com seus colegas.

Exemplo: LiveChat

No código JS onde você define o intercomSettings, você vai querer uma função handoff_with_javascript que se pareça com isto:

<script>
window.intercomSettings = {
app_id: "YOUR_APP_ID_CODE_HERE",
handoff_with_javascript: () => {
LiveChatWidget.init();
LiveChatWidget.call("maximize", { messageDraft: "I need help!" });
}
}
</script>

Para evitar abrir o widget LiveChat ao carregar a página, você deve modificar o código do LiveChat para adicionar o seguinte:

window.__lc.asyncInit = true;

Você deve adicionar isso onde estiver definindo os outros atributos window.__lc.


Exemplo: Freshdesk

No código JS onde você define o intercomSettings, você vai querer uma função handoff_with_javascript que se pareça com isto:

<script>
window.intercomSettings = {
app_id: "YOUR_APP_ID_CODE_HERE",
handoff_with_javascript: () => {
FreshworksWidget('show', 'launcher');
FreshworksWidget('open');
}
}
</script>

Você também vai querer adicionar FreshworksWidget('hide', 'launcher'); ao final do seu código original do widget Freshworks para que o lançador do widget Freshdesk não apareça ao carregar a página.

Exemplo: Freshchat

No código JS onde você define o intercomSettings, você vai querer uma função handoff_with_javascript que se pareça com isto:

<script>
window.intercomSettings = {
app_id: "YOUR_APP_ID_CODE_HERE",
handoff_with_javascript: () => {
window.fcWidget.open({
replyText: "I need help!"
});
}
}
</script>

No código JS onde você define seu fcWidgetMessengerConfig, você vai querer definir o atributo hideChatButton como true para que o widget não apareça ao carregar a página. Se você ainda não tem um fcWidgetMessengerConfig na sua página, pode simplesmente adicionar todo o bloco de código abaixo.

<script>  
window.fcWidgetMessengerConfig = {
config: {
headerProperty: {
hideChatButton: true
}
}
};
</script>


Exemplo: HubSpot

No código JS onde você define o intercomSettings, você vai querer uma função handoff_with_javascript que se pareça com isto:

<script>
window.intercomSettings = {
app_id: "YOUR_APP_ID_CODE_HERE",
handoff_with_javascript: () => {
window.HubSpotConversations.widget.load({ widgetOpen: true });
}
}
</script>

Para evitar abrir o widget HubSpot ao carregar a página, você deve modificar o código hsConversationsSettings para definir o atributo loadImmediately como false. Se você ainda não tem um hsConversationsSettings na sua página, pode simplesmente adicionar todo o bloco de código abaixo.

<script>
window.hsConversationsSettings = {
loadImmediately: false
}
</script

Respondeu à sua pergunta?