> ## Documentation Index
> Fetch the complete documentation index at: https://help.chatarmin.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Wie und wo man das Chatstart-Widget einbindet

> Chatarmin guide: Wie und wo man das Chatstart-Widget einbindet

## 📲**QR-Code zum Start des Chats**

***

Mit einem Chatstart-QR-Code können Sie sofort einen bestimmten Ablauf auslösen – platzieren Sie ihn einfach dort, wo Ihre Zielgruppe ihn scannen kann, sei es auf Verpackungen, Bildschirmen oder in Printmedien.

## 🟔**So erstellen Sie einen Chatstart-QR-Code:**

1. Öffnen Sie Ihr[**Hauptübersicht**](https://chatarmin.com/dashboard).
2. Gehen Sie zu der**Link zum Chat-Start**Menüpunkt.
3. Klicken Sie auf**Probier es aus**um den Vorgang zu starten.
4. Geben Sie ein**Schlagwort**je nachdem, welchen Ablauf Sie auslösen möchten (z. B. „Willkommen“, „Newsletter“, ...)
5. Das System erstellt sofort eine**QR-Code**für dieses Schlagwort.
6. Klicken\*\*„QR-Code herunterladen“\*\*um es zu speichern.\
   Sie können es jetzt überall verwenden – drucken Sie es aus oder legen Sie es dort hin, wo es gescannt werden kann.

<img src="https://mintcdn.com/chatarmin-help-center/NyfZxeNHFMDFfmtq/images/fbf9ed8b-68a6-4583-8f5f-8bdd1eceb5da/019b9c80-85b8-733f-ad25-a3374e0e7c1c.png?fit=max&auto=format&n=NyfZxeNHFMDFfmtq&q=85&s=65a51c8c125d315adcc1fc1a56e1525a" alt="Chatarmin help center image" width="614" height="596" data-path="images/fbf9ed8b-68a6-4583-8f5f-8bdd1eceb5da/019b9c80-85b8-733f-ad25-a3374e0e7c1c.png" />

👉**Alternative: Direkt aus einem Flow erstellen**

Sie können auch einen beliebigen bestehenden Ablauf aufrufen und dort die**Auslöser**Schritt: Wählen Sie eine**Schlagwort**und direkt von dort aus einen Link und einen QR-Code erstellen. Ideal für schnelle Durchflussprüfungen!

<img src="https://mintcdn.com/chatarmin-help-center/NyfZxeNHFMDFfmtq/images/fbf9ed8b-68a6-4583-8f5f-8bdd1eceb5da/019b9c80-8581-718c-8768-277889d02b8c.png?fit=max&auto=format&n=NyfZxeNHFMDFfmtq&q=85&s=52624d88d3082a3c0040f10e06794944" alt="Chatarmin help center image" width="843" height="625" data-path="images/fbf9ed8b-68a6-4583-8f5f-8bdd1eceb5da/019b9c80-8581-718c-8768-277889d02b8c.png" />

***

## 💬 Binden Sie das Chatstart-Widget in Ihre Website ein

**🚨 Schau dir die folgende YouTube-Anleitung zur Implementierung des Chatstart-Widgets (auf Deutsch) an oder befolge einfach die folgenden Schritte:**

<iframe src="https://www.youtube.com/embed/_BNGItIrAz0?rel=0" title="YouTube video" width="100%" height="420" allowFullScreen />

***

1. Gehe zu deinem[**Hauptübersicht**.](https://chatarmin.com/dashboard)
2. Gehen Sie zu der**Chatstart-Widget**Abschnitt.
3. Klicken**Anpassen**um Ihr Widget einzurichten.
4. Sie erhalten eine**HTML-Einbettungscode**- Füge diesen Code in deiner Website in Shopify unter „theme.liquid“ ein (direkt vor dem schließenden`</body>`tag).

Oben rechts kannst du mehrere Widgets erstellen – zum Beispiel für die Verwendung auf verschiedenen Websites.

<img src="https://mintcdn.com/chatarmin-help-center/NyfZxeNHFMDFfmtq/images/fbf9ed8b-68a6-4583-8f5f-8bdd1eceb5da/019b9c80-85a4-733b-82b5-6895d567512e.png?fit=max&auto=format&n=NyfZxeNHFMDFfmtq&q=85&s=df031378965461b9ab13fb28394a838e" alt="Chatarmin help center image" width="1627" height="828" data-path="images/fbf9ed8b-68a6-4583-8f5f-8bdd1eceb5da/019b9c80-85a4-733b-82b5-6895d567512e.png" />

Ihr Widget wird automatisch im**untere rechte Ecke**Ihrer Website. Sie können vollständig**anpassen**das Widget, das zu Ihrer Marke passt:

* Ändern Sie die**Schlagwort**es löst aus
* Stellen Sie die**Farbe**,**Ihnen**,**Symbol/Bild**und**Sprache**
* Füge ein**Teaser-Botschaft**um mehr Klicks zu generieren

Dies ist eine wirkungsvolle Methode, um Besucher in bestimmte Abläufe zu leiten, ohne die Benutzererfahrung zu beeinträchtigen.\
Unten rechts auf dem Einstellungsbildschirm des Widgets kannst du außerdem**Das Widget testen**um genau zu sehen, wie es aussehen und funktionieren wird.

***

## 📍 Anwendungsfälle für QR-Codes und Chatstart-Widgets

***

Sie können Chatstart-QR-Codes und Widgets verwenden**überall, wo man scannen oder klicken kann**—online, offline oder in hybriden Umgebungen.

1. \*\*Auf Websites:\*\*Binden Sie das Widget ein oder zeigen Sie QR-Codes an, um Besucher mühelos durch die Abläufe zu führen.
2. \*\*In E-Mails:\*\*Fügen Sie QR-Codes in Newsletter oder Kampagnen ein, um die Interaktion zu steigern.
3. \*\*Auf Drucksachen:\*\*Drucken Sie QR-Codes auf Rechnungen, Flyer, Verpackungen oder Visitenkarten, damit sie einfach gescannt werden können.
4. \*\*Bei Veranstaltungen und an physischen Standorten:\*\*Verwenden Sie QR-Codes auf Namensschildern, Plakaten oder Ständen, um interaktive Erlebnisse auszulösen.
5. \*\*In den sozialen Medien:\*\*Teile QR-Codes in deinen Beiträgen oder Stories, um sofort Besucher auf deine Flows zu lenken.
6. und**mehr**...