Zum Hauptinhalt springen

Übergabe mit JavaScript

Übergabe vom Fin Messenger an Ihre bestehende Live-Chat-Lösung, damit Ihre End users Hilfe von einem Ihrer Teammitglieder erhalten können.

Eine Möglichkeit zur Übergabe vom Fin Messenger ist die Übergabe mit JavaScript. Damit können Sie beliebigen JavaScript-Code auf der Seite ausführen, die den Fin Messenger hostet. Sie können dies nutzen, um das Live-Chat-Widget der Lösung zu öffnen, die Sie für Ihre Kunden verwenden, damit diese mit Ihren Teammitgliedern sprechen können.

Beispiel: LiveChat

Im JS-Code, in dem Sie die intercomSettings setzen, benötigen Sie eine handoff_with_javascript-Funktion, die wie folgt aussieht:

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

Um zu vermeiden, dass das LiveChat-Widget beim Laden der Seite geöffnet wird, sollten Sie den LiveChat-Code wie folgt anpassen:

window.__lc.asyncInit = true;

Sie sollten dies dort hinzufügen, wo Sie die anderen window.__lc-Attribute setzen.


Beispiel: Freshdesk

Im JS-Code, in dem Sie die intercomSettings setzen, benötigen Sie eine handoff_with_javascript-Funktion, die wie folgt aussieht:

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

Sie sollten außerdem FreshworksWidget('hide', 'launcher'); am Ende Ihres ursprünglichen Freshworks-Widget-Codes hinzufügen, damit der Freshdesk-Widget-Launcher beim Laden der Seite nicht angezeigt wird.

Beispiel: Freshchat

Im JS-Code, in dem Sie die intercomSettings setzen, benötigen Sie eine handoff_with_javascript-Funktion, die wie folgt aussieht:

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

Im JS-Code, in dem Sie Ihre fcWidgetMessengerConfig setzen, sollten Sie das Attribut hideChatButton auf true setzen, damit das Widget beim Laden der Seite nicht angezeigt wird. Wenn Sie noch keine fcWidgetMessengerConfig auf Ihrer Seite haben, können Sie einfach den gesamten untenstehenden Codeblock hinzufügen.

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


Beispiel: HubSpot

Im JS-Code, in dem Sie die intercomSettings setzen, benötigen Sie eine handoff_with_javascript-Funktion, die wie folgt aussieht:

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

Um zu vermeiden, dass das HubSpot-Widget beim Laden der Seite geöffnet wird, sollten Sie den hsConversationsSettings-Code so anpassen, dass das Attribut loadImmediately auf false gesetzt wird. Wenn Sie noch keinen hsConversationsSettings auf Ihrer Seite haben, können Sie einfach den gesamten untenstehenden Codeblock hinzufügen.

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

Hat dies deine Frage beantwortet?