Wenn Sie eine Shopify-Website haben, können Sie das Conversations Chat Widget installieren, indem Sie den Installationscode kopieren und in den Code Ihrer Website einfügen. 

Erste Schritte

Verbinden Sie sich mit Ihrem Shopify-Administratorkonto.

🔐 Teil 1: Abrufen des Codes des Chat Widgets

Um das Conversations Chat Widget auf Ihrer Shopify-Website zu installieren, müssen Sie den Widget-Code von Conversations abrufen: 

1. Rufen Sie von Ihrem Brevo-Konto aus Conversations > Settings > Chat widget (Conversations > Einstellungen > Chat Widget) auf.
2. Klicken Sie auf Install the chat widget (Chat-Widget installieren).
   
3. Passen Sie das Aussehen Ihres Chat Widgets an und richten Sie Ihr Mitarbeiterprofil ein:
   
   Um mehr über die Anpassung Ihres Chat Widgets und Ihres Profils zu erfahren, lesen Sie unsere Artikel Anpassen des Aussehens Ihres Chat Widgets und Anpassen Ihres Chat Operator Profils.
4. Wählen Sie im Schritt Installation die Option Manually (Manuell), um Ihr Chat Widget zu installieren und klicken Sie auf Continue (Fortfahren). 
   
   
5. Kopieren Sie den Conversations Chat Widget Code.
   

Sobald Sie den Installationscode für das Conversations Chat Widget erfolgreich kopiert haben, können Sie auf Ihr Shopify-Konto zugreifen, um es zu installieren. 

⚙️ Teil 2: Installieren des Chat Widget auf Ihrer Shopify Website

1. Greifen Sie auf Ihr Shopify-Administratorkonto zu. 
2. Klicken Sie auf Online Shop > Themes, um auf die Einstellungen Ihrer Website-Themen zuzugreifen. 
3. Klicken Sie auf Customize (Anpassen). 
   
4. Klicken Sie in Ihrem Website-Thema auf das Drei-Punkte-Symbol > Edit code (Code bearbeiten) oben links auf Ihrem Bildschirm. Sie werden zum Code Ihres Website-Themas weitergeleitet.
   
5. Wählen Sie in der linken Leiste die Datei </> theme.liquid und scrollen Sie auf der Seite nach unten, um das Ende Ihres Codes zu erreichen. 
6. Fügen Sie direkt vor dem </head> -Tag den Code des Conversations Chat Widget ein, den Sie in Teil 1 kopiert haben. 
7. Wenn Sie den Inhalt des Warenkorbs Ihres/Ihrer Besucher:in sehen möchten, wenn Sie mit ihm/ihr chatten, kopieren Sie den folgenden Code und fügen Sie ihn unter dem Code des Chat Widget Conversations ein, vor dem </head>-Tag:
   <script src="https://conversations-widget.brevo.com/static/js/shopify.js“async>
   
8. Klicken Sie auf Save (Speichern).
9. Öffnen Sie Ihre Shopify-Website, um Ihr Chat Widget zu starten und zu sehen, wie es aussieht.

Herzlichen Glückwunsch! 🎉 Sie können jetzt die Funktionen nutzen, die Conversations für das Chat Widget bietet, und mit den Besucher:innen Ihrer Website in Echtzeit ins Gespräch kommen! 

⏩ Nächste Schritte

• Erweiterte Personalisierungselemente für Ihr Chat Widget konfigurieren
• Für jede:n Mitarbeiter:in unterschiedliche Verfügbarkeitseinstellungen konfigurieren
• Die Seite „Visitors online (Besucher:innen online)“ verstehen
• Den Unterschied zwischen den Status „Online“, „Offline“ und „Invisible (Unsichtbar)“ verstehen
• Den Unterschied zwischen den Optionen „Live chat (Live-Chat)“ und „Messenger mode (Messenger-Modus)“ verstehen
• Meine Benachrichtigungseinstellungen in Conversations ändern
• Chatbot-Szenarien einrichten
• Artikelreihe über das Kontaktformular-Bot
• Das Chat Widget bei Bedarf deaktivieren

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit dem richtigen zertifizierten Brevo-Expertenpartner zusammenbringen.