---
description: Erfahren Sie, wie Sie ein Webchat Widget in Ihrem Shopify Shop installieren.
title: Website-Chat-Widget bei Shopify installieren
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Neu🤖 AI-Agenten sind jetzt live auf respond.io! Lerne deinen neuen KI-Rezeptionisten, Vertriebs- oder Support-Agenten kennen. Mehr erfahren.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/de/whatsapp-business-calling-api)

Hilf mir mit... ⌘ 

1. [All Collections >](/de/help)
2. [ Kanäle >](/de/help/channels)
3. [ Webseiten-Chat-Widget >](/de/help/website-chat-widget)
4. Website-Chat-Widget bei Shopify installieren

# Website-Chat-Widget bei Shopify installieren

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 09 May 2025

weniger als eine Minute Lesezeit

Das Hinzufügen eines Web-Chat-Widgets zu Ihrem Shopify Shop ist ein schneller und einfacher Prozess. Es erfordert keine Programmierkenntnisse oder technisches Wissen. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png?fm=avif&w=1000) 

## Installation für die Einrichtung

Um ein Webchat Widget bei Shopify zu installieren, benötigst du Folgendes:

* Zugriff auf Ihr [Shopify Konto](https://accounts.shopify.com/store-login).
* Ein Code-Snippet für Ihr Web-Chat-Widget.

Wenn du noch keinen Code-Snippet hast, wirst du einen generieren, wenn du ein respond.io [Website Chat Widget](https://respond.io/de/help/website-chat-widget/website-chat-widget-overview) oder das [Facebook Chat Plugin](https://respond.io/de/help/facebook-messenger/facebook-chat-plugin) für [Facebook Messenger](https://respond.io/de/help/facebook-messenger/facebook-messenger-overview) verwendest.

> Wenn Sie die Kanäle bereits auf der respond.io Plattform verbunden haben und das generierte Code-Snippet abrufen müssen, folgen Sie bitte den [Anweisungen hier](https://respond.io/de/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

## Bei Shopify installieren

**Schritt 1: Bei Shopify anmelden**

Melden Sie sich bei Ihrem [Shopify Account](https://accounts.shopify.com/store-login) an und klicken Sie auf "Online Store" in der Navigationsleiste.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tRcn0OXfRGQUMZjFjphGO/501489927f139ed86837a55efd2c8faf/Screenshot_2025-05-09_at_9.45.09_AM.png?fm=avif&w=1000) 

**Schritt 2: Auf Code bearbeiten klicken**

Navigieren Sie zum Themes-Bereich. Klicken Sie hier auf das Dropdown-Menü Aktionen und wählen Sie die Option Code bearbeiten.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3cn3wZrdJVpQjhuXsIe706/ec513e34543161d111e48851eb599f06/Screenshot_2025-05-09_at_9.39.10_AM.png?fm=avif&w=1000) 

**Schritt 3: Füge das Skript ein**

Kopieren Sie Ihr Plugin Skript von der respond.io Plattform. Klicken Sie im linken Bereich der Seite „Code bearbeiten“ auf den Ordner „ **Abschnitte** “, um ihn zu erweitern. Drücken Sie den Abschnitt **footer.liquid** und fügen Sie das Chat-Plugin-Skript ein.

Nachdem Sie das Skript in den entsprechenden Abschnitt eingefügt haben, drücken Sie oben links die violette Schaltfläche **Speichern** .

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/70gjY4BLtHDpF6SjG0APKT/8863b7fd0ec2ad0599ea4327059debae/Screenshot_2025-05-09_at_9.38.15_AM.png?fm=avif&w=1000) 

**Fertig!**

Öffnen Sie die Webseite und schauen Sie sich das Chat-Plugin an. Sie finden es in der unteren rechten Ecke. Jetzt können Ihre Website-Besucher mühelos mit Ihnen chatten. Wenn du die Code-Snippets von der respond.io-Plattform verwendet hast, kannst du die Gespräche verwalten und das Erscheinungsbild des Widgets von der Plattform aus aktualisieren.

> Das Chat-Widget ist jetzt auf Ihrer Website aktiv.

> **Hinweis**: Wenn du ein externes Theme verwendest und das Widget nicht funktioniert, versuche, den Website-Code unter dem **theme.liquid**\-Abschnitt vor **</body>** einzufügen.

Diesen Artikel teilen

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-shopify)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-shopify)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-shopify)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-shopify)

## 

Verwandte Artikel 👩‍💻

* [Website-Chat-Widget auf Squarespace installierenErfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer Squarespace Website installieren. ](/de/help/website-chat-widget/install-on-squarespace)
* [Installieren Sie das Website-Chat-Widget auf JoomlaErfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer Joomla-Website installieren. ](/de/help/website-chat-widget/install-on-joomla)
* [Website-Chat-Widget auf Wix installierenErfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer Wix-Website installieren. ](/de/help/website-chat-widget/install-on-wix)
* [Website-Chat-Widget auf WordPress installierenErfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer WordPress-Website installieren. ](/de/help/website-chat-widget/install-on-wordpress)
* [Schnellstart für das Website-Chat-WidgetFügen Sie Ihrer Site das Website-Chat-Widget von respond.io hinzu. ](/de/help/website-chat-widget/website-chat-widget)

Sie können nicht finden, was Sie suchen? 🔎

[Support kontaktieren](/de/contact-us)

2025-12-05T03:55:50.853Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Erfahren Sie, wie Sie ein Webchat Widget in Ihrem Shopify Shop installieren.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/de/author"},"dateCreated":"2023-02-27T08:55:38.000Z","dateModified":"2025-05-09T08:17:09.018Z","datePublished":"2023-02-27T08:55:38.000Z","headline":"Website-Chat-Widget bei Shopify installieren","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","mainEntityOfPage":"https://respond.io/de/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","url":"https://respond.io/de/help/website-chat-widget/install-on-shopify"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/de/help","position":1},{"@type":"ListItem","name":"Kanäle","item":"https://respond.io/de/help/channels","position":2},{"@type":"ListItem","name":"Webseiten-Chat-Widget","item":"https://respond.io/de/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Website-Chat-Widget bei Shopify installieren","item":"https://respond.io/de/help/website-chat-widget/install-on-shopify","position":4}]}]
```
