Ir al contenido principal

Transferencia con JavaScript

Transferencia desde el Fin Messenger a tu solución de chat en vivo existente para que tus end users puedan recibir ayuda de uno de tus compañeros.

Una opción para la transferencia desde el Fin Messenger es hacerlo con JavaScript. Esto te permite ejecutar código JavaScript arbitrario en la página que aloja el Fin Messenger. Puedes usar esto para abrir el widget de chat en vivo de la solución que usas para que tus clientes hablen con tus compañeros.

Ejemplo: LiveChat

En el código JS donde configuras intercomSettings, querrás una función handoff_with_javascript que se vea así:

<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 el widget de LiveChat al cargar la página, debes modificar el código de LiveChat para agregar lo siguiente:

window.__lc.asyncInit = true;

Debes agregar esto donde configuras los otros atributos window.__lc.


Ejemplo: Freshdesk

En el código JS donde configuras intercomSettings, querrás una función handoff_with_javascript que se vea así:

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

También querrás agregar FreshworksWidget('hide', 'launcher'); al final de tu código original del widget Freshworks para que el lanzador del widget Freshdesk no se muestre al cargar la página.

Ejemplo: Freshchat

En el código JS donde configuras intercomSettings, querrás una función handoff_with_javascript que se vea así:

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

En el código JS donde configuras tu fcWidgetMessengerConfig, querrás establecer el atributo hideChatButton en true para que el widget no se muestre al cargar la página. Si no tienes un fcWidgetMessengerConfig en tu página ya, puedes simplemente agregar todo el bloque de código a continuación.

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


Ejemplo: HubSpot

En el código JS donde configuras intercomSettings, querrás una función handoff_with_javascript que se vea así:

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

Para evitar abrir el widget de HubSpot al cargar la página, debes modificar el código hsConversationsSettings para establecer el atributo loadImmediately en false. Si no tienes un hsConversationsSettings en tu página ya, puedes simplemente agregar todo el bloque de código a continuación.

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

¿Ha quedado contestada tu pregunta?