Replyco Live Chat - für Shopify-Shops

Folge dieser Schritt-für-Schritt-Anleitung, um die Replyco Live Chat-Funktion zu deinen Shopify Shop hinzuzufügen. Das Hinzufügen einer Live-Chat-Funktion zu deiner Website ermöglicht es dir, mühelos mit deinen Besucher:innen in Kontakt zu treten und gleichzeitig ein reibungsloses Kundenservice-Erlebnis zu schaffen. Hierfür benötigst du Zugang zu deinem Shopify-Konto. Um zu starten, gehe jedoch zunächst zu deinem Replyco Startbildschirm.

Schritt 1: Erstelle ein neues Live-Chat-Widget

Um den Replyco Live-Chat einzurichten, gehe im linken Seitenmenü zunächst zu Einstellungen Direktnachrichten und wähle Live-Chat aus. Klicke danach auf +Neu erstellen:

Schritt 2: Konfiguriere das Aussehen deines Live-Chats

Im nächsten Fenster legst du den Titel, das Aussehen und die Nachrichten deines Live-Chat-Widgets fest und weist Live-Chat-Benutzer:innen zu:

Theme: Wähle eine Farbe für dein Live-Chat-Widget aus.

Hintergrundfarbe: Wähle die Farbe aus, die hinter dem Chat-Fenster angezeigt wird.

Position: Wähle, ob das Live-Chat-Widget auf der linken/rechten Seite des Bildschirms angezeigt wird.

Arbeitszeit aus den Unternehmenseinstellungen verwenden: Die Auswahl der Geschäftszeiten, Betriebstage und Feiertage, an denen dein Team nicht verfügbar ist, bestimmt, wann Webbesucher:innen die Nachricht „Während der Geschäftszeiten“ oder „Außerhalb der Geschäftszeiten“ sehen. Du kannst die Arbeitszeiten aus deinen Firmeneinstellungen übernehmen.

Titel des Chats: Trage einen Titel für den Chat ein (das, was Webbesucher:innen unmittelbar nach dem Klicken auf das Live-Chat-Widget, aber noch vor Beginn einer Konversation, sehen).

Begrüßungstext: Trage eine Begrüßungsnachricht für den Chat ein, wie z. B. „Wie können wir Ihnen helfen?“ Diese wird oben im Chat-Widget angezeigt, nachdem eine Konversation gestartet wurde.

Nachricht während der Geschäftszeiten: Trage eine Nachricht ein, die auf dem Live-Chat-Widget während Werkstagen / innerhalb der Arbeitszeiten, angezeigt wird.

Nachricht außerhalb der Geschäftszeiten: Schreibe eine Nachricht, die auf dem Live-Chat-Widget angezeigt wird, wenn du oder dein Team nicht verfügbar ist.

Widget-Sichtbarkeit außerhalb der Geschäftszeiten: Wenn dieser Schieberegler auf „On“ steht, wird das Widget auch außerhalb der Arbeitszeiten angezeigt. Wenn er auf „Off“ steht, wird das Widget außerhalb der Arbeitszeiten ausgeblendet.

Willkommensnachricht anzeigen: Wenn dieser Schieberegler auf „On“ steht, wird die „Begrüßungsnachricht“ über dem Live-Chat-Widget-Symbol jederzeit angezeigt.

Sound für neue Nachrichten abspielen: Wenn dieser Schieberegler auf „On“ steht, wird ein Sound in deinem Browser-Tab ausgelöst, wenn neue Nachrichten im Live-Chat-Widget gesendet oder empfangen werden.

Widget auf mobilen Geräten: Wenn dieser Schieberegler auf „On“ steht, wird das Live-Chat-Widget auch auf Geräten mit kleinen Bildschirmen (z. B. Mobilgeräten) angezeigt. Wenn er auf „Off“ steht, wird das Widget auf diesen Geräten ausgeblendet.

Nachverfolgung der Nachrichtenseite: Wenn dieser Schieberegler auf „On“ steht, wird die URL der Seite angezeigt, von der aus ein:e Besucher:in dir Nachrichten sendet.

Schritt 3: Kopiere den Live-Chat-HTML-Code

Wähle über Einstellungen Direktnachrichten -> Live-Chat dein neu erstelltes Live-Chat-Widget aus. Neben dem eben ausgefüllten Tab "Erscheinung" findest du hier das Tab "Installation" - Öffne es und klicke auf "Kopieren" rechts neben dem HTML-Code:

Schritt 4: Gehe zu deinem Shopify Shop

Gehe nun zum Admin-Dashboard deines Shopify Shops. Wähle auf der linken Seite (unter der Kategorie Verkaufskanäle) die Option "Online-Store" und dann "Themes" aus:

Schritt 5: Bearbeite dein Shopify-Theme

Klicke auf der rechten Seite des Bildschirms auf "Aktionen" für dein aktuelles Theme und wähle "Code bearbeiten" aus dem Dropdown-Menü:

Schritt 6: Füge den Live-Chat-HTML-Code ein

Stelle sicher, dass du die „theme.liquid“-HTML-Seite unter der Layout-Sektion bearbeitest - sie sollte standardmäßig geöffnet sein:

Füge hier deinen zuvor kopierten Live-Chat-HTML-Code direkt vor dem Schließenden </body>-Tag ein. Klicke anschließend oben rechts auf "Speichern", sobald du fertig bist.

Verwendung von Replyco Live-Chat

Die Verwendung des Replyco Live-Chat-Widgets ist sehr einfach. Navigiere im linken Seitenmenü in Replyco einfach zu "Direktnachrichten". Von hier aus kannst du alle deine Live-Chat-Nachrichten sehen und darauf antworten.