Die Installation des Messengers auf Ihrer Website dauert nur wenige Minuten. Nach der Installation können Sie Ihre Besucher und leads begrüßen, chatten und in Kunden umwandeln.
Besucher/leads vs. Users
Website-Besucher werden zu leads, wenn sie über den Messenger kommunizieren, während Users auf Ihrer Website oder App eingeloggt sind. Der Hauptunterschied ist die Menge der Informationen, die Sie über sie haben. Wenn Sie Intercom für eingeloggte Users installieren, verwenden Sie diese Anleitung.
Sie benötigen ein Intercom-Testabo oder Abonnement, um den Messenger zu installieren.
Erstinstallation des Messengers für Besucher und leads im Web
Bevor Sie Ihre Installationsmethode wählen, berücksichtigen Sie die Anforderungen Ihrer Website:
Standard-Websites mit Messenger, der allen Besuchern zugänglich ist – Wählen Sie dies, wenn der Messenger sowohl für eingeloggte als auch ausgeloggte Besucher verfügbar sein soll.
Standard-Websites mit Messenger, der auf eingeloggte Users beschränkt ist – Wählen Sie dies, wenn der Messenger nur authentifizierten Users zugänglich sein soll.
Installation für Single-Page-Anwendungen (SPA) – Verwenden Sie diese spezielle Methode, wenn Ihre Website als Single-Page-Anwendung aufgebaut ist.
Gehen Sie zuerst zu Einstellungen > Messenger > Installieren und wählen Sie Für Web installieren.
Wählen Sie, wie Sie den Messenger installieren möchten
Wählen Sie eine der folgenden Methoden zur Installation:
Code-Snippet
React
Angular
Vue
Ember
WordPress
Google Tag Manager
Shopify
Segment
Jede Methode bietet spezifische Schritte bei Auswahl. Viele dieser Methoden bieten eine Node Package Manager (NPM)-Installation, um es Ihnen zu erleichtern.
Bitten Sie Ihren Entwickler um Hilfe (optional)
Falls nötig, können Sie einen Kollegen (z. B. einen Entwickler) bitten, die Installation abzuschließen. Klicken Sie einfach auf Kollegen einladen.
Nachdem Sie deren E-Mail-Adresse eingegeben haben, wird eine Einladung per E-Mail gesendet, die es ihnen ermöglicht, dem Arbeitsbereich Ihres Teams beizutreten.
Der eingeladene Kollege erhält einen Lite-Sitz bei Advanced / Expert-Plänen und einen Vollsitz bei Essential-Plänen. Er hat die minimal erforderlichen Berechtigungen, um den Messenger zu installieren:
Kann allgemeine und Sicherheitseinstellungen verwalten
Kann Messenger-Einstellungen verwalten
Kann Workspace-Daten verwalten
Selbst installieren
Wenn Sie Code-Snippet, React, Angular, Vue, Ember oder Shopify als Installationsmethode wählen, können Sie Intercom für Website-Besucher ohne Login installieren.
Wir empfehlen, den Messenger für Users und Besucher zu installieren.
Installieren Sie Intercom über Ihre gewählte Methode
Folgen Sie nun den Anweisungen für die von Ihnen gewählte Methode.
Wenn Sie die Methode Code-Snippet, React, Angular, Vue, oder Ember gewählt haben, erhalten Sie ein NPM-Paket mit einem Code-Snippet, das Sie in den Code Ihrer eigenen App kopieren und einfügen können. Dieses Snippet ist mit Ihrer einzigartigen Workspace-ID vorausgefüllt und sofort einsatzbereit.
Sie finden das Paket auch direkt auf der NPM-Seite.
Es gibt mehrere weitere Vorlagen, z. B. das Einfügen des Code-Snippets in ein Basic JavaScript oder eine Single-Page-App, oder Sie können auch das Rails-Gem zur Installation des Snippets verwenden.
Klicken Sie auf Code kopieren und fügen Sie es vor dem </body>-Tag auf jeder Seite ein, auf der der Messenger in Ihrer App erscheinen soll.
Nachdem Sie den Code hinzugefügt haben, sehen Sie Ihre Website als Besucher an, und der Messenger erscheint.
Wenn Sie das zoom-CSS auf Ihrer Webseite verwenden, stellen Sie sicher, dass die Widgets von Intercom es nicht erhalten.
Optionen für Aussehen und Bedienung
Die erste Option ermöglicht es Ihnen, zu wählen, ob Sie den Messenger für Ihr Website-Publikum vor dem Start anzeigen oder verbergen möchten. Standardmäßig wird der Messenger angezeigt.
Die zweite Option verlinkt zu Ihren Messenger-Einstellungen, wo Sie Farben und Thema des Messengers ändern können.
Installation überprüfen
Sie können die erfolgreiche Installation überprüfen, indem Sie auf Installation überprüfen klicken. Diese Schaltfläche zeigt eine Erfolgsmeldung an, wenn der Messenger gefunden wurde, oder weist darauf hin, ob etwas schiefgelaufen ist.
Wenn Sie den Intercom Messenger installiert haben und er nicht korrekt angezeigt wird, finden Sie hier einige häufige Lösungen.
Erfahren Sie, wie Sie:
Intercom für einen Kunden installieren
Wenn Sie keinen Zugriff auf den Intercom-Arbeitsbereich haben, können Sie hier den JavaScript-Code abrufen 👇 Sie müssen WORKSPACE_ID manuell durch die einzigartige Workspace-ID Ihres Intercom-Kontos ersetzen.
<script>
var APP_ID = "WORKSPACE_ID"; // Replace this with your workspace ID
window.intercomSettings = {
app_id: APP_ID
};
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
Intercom für EU- und AU-gehostete Workspaces installieren
Um Intercom zu installieren, wenn Sie unser EU- oder AU-Hosting verwenden, müssen Sie einen zusätzlichen api_base-Parameter angeben. Die Werte dafür sind in der folgenden Tabelle aufgeführt.
Region der Datenhosting |
|
Vereinigte Staaten (US) | |
Europäische Union (EU) | |
Australien (AU) |
Häufige Schritte zur Fehlerbehebung
Wenn der Messenger auf Ihrer Website nicht erscheint, können Sie diese häufigen Schritte zur Fehlerbehebung verwenden, um das Problem zu diagnostizieren.
1. Überprüfen Sie Ihre Installation
Beginnen Sie damit, zu bestätigen, dass das JavaScript-Snippet des Messengers oder Ihr ausgewähltes Plugin korrekt installiert wurde. Wenn Sie das JavaScript-Snippet verwenden, stellen Sie sicher, dass es unmittelbar vor dem schließenden `</body>`-Tag auf Ihrer Website platziert ist.
2. Überprüfen Sie vertrauenswürdige Domains
Stellen Sie sicher, dass die Domain Ihrer Website unter Einstellungen > Sicherheit > Vertrauenswürdige Domains in Ihrem Workspace richtig konfiguriert ist. Wenn Ihre domain nicht aufgeführt ist, wird der Messenger nicht geladen.
3. Überprüfen Sie die Identitätsprüfung
Wenn Sie die Identitätsprüfung aktiviert haben, überprüfen Sie, ob sie korrekt eingerichtet ist. Eine Fehlkonfiguration kann einen 403-Fehler verursachen und verhindern, dass der Messenger auf Ihrer Website geladen wird.
4. Deaktivieren Sie Werbeblocker und privaten Modus
Bestimmte Browserfunktionen und Erweiterungen, wie Werbeblocker und private Browsing-Modi, können den Messenger stören. Versuchen Sie, diese vorübergehend zu deaktivieren, um zu sehen, ob der Messenger sichtbar wird.
Hinweis: Die Identitätsprüfung ist eine zusätzliche Sicherheitsmaßnahme. Wenn sie erzwungen wird, aber auf Ihrer Website nicht korrekt konfiguriert ist, kann ein 403-Fehler auftreten.