---
description: Erstellen und verwalten Sie Widgets, die auf Ihrer Website eingebettet werden können, damit Besucher über Ihre bevorzugten Kanäle mit Ihnen in Kontakt treten können.
title: Wachstums-Widgets
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. [ Produkt >](/de/help/product)
3. [ Arbeitsbereichseinstellungen >](/de/help/workspace-settings)
4. Wachstums-Widgets

# Wachstums-Widgets

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg)

Joshua Lim

· 04 Apr 2025

3 Min. Lesezeit

Mit einem Growth Widget können Sie ein Einzelkanal- oder Mehrkanal-Widget in Ihre Website einbetten, sodass Besucher über ihre bevorzugten Messaging-Apps mit Ihnen in Kontakt treten können.

> Wenn Sie ein Website-Chat-Widget hinzufügen möchten, erfahren Sie mehr [hier](https://respond.io/de/help/website-chat-widget/website-chat-widget-overview).

## Hier kommen.

> Auf diese Einstellung können nur Eigentümer und Manager zugreifen.

Diese Einstellung kann über das Navigationsmenü **Einstellungen** unter dem Untermenüpunkt **Arbeitsbereichseinstellungen** , **Wachstums-Widgets** aufgerufen werden.

Im Abschnitt „Einstellungen des Wachstums-Widgets“ können Sie eine Liste der in Ihrem Arbeitsbereich vorhandenen Widgets sehen. Hier können Sie diese Widgets bearbeiten und verwalten oder neue erstellen.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif?fm=avif&w=1000) 

In dieser Einstellung kannst du:

* Erstellen eines Widgets
* Vorhandene Widgets verwalten
* Löschen eines Widgets

## Widget erstellen

**Schritt 1:** Klicken Sie auf die Schaltfläche**Widget hinzufügen**, um alle verfügbaren Widgets zu erkunden.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1cSEqRmlBANAYqqY5FntFL/da1d2cbc82153ef8a38e9d4dc0a1d524/workspaces-add-widget.png?fm=avif&w=1000) 

**Schritt 2:** Wählen Sie das Widget aus, das Sie erstellen möchten. > Klicken Sie auf die Schaltfläche**Widget erstellen**

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2v1rbVsIBPfSndSWriVBe5/3b5fb7c19244b4bca71d4840d757063e/workspaces-createw.png?fm=avif&w=1000) 

> Sie können Einzelkanal-Widgets nur auswählen, wenn der Kanal mit dem Arbeitsbereich verbunden ist.

### Widget konfigurieren

Konfigurieren Sie das ausgewählte Widget gemäß den erforderlichen Feldern.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4TI7vQA9U7yvcO9RtuCgse/965118031034edb7a1d1bac374f8446d/workspaces-configurew.png?fm=avif&w=1000) 

#### Website-Domains

Fügen Sie im Feld „Website-Domains“ die Website(s) hinzu, zu dem/denen das Widget hinzugefügt werden soll. So whitelistest du Websites:

* Wenn der Benutzer`https://app.respond.io`hinzufügt, wird nur`https://app.respond.io`auf die Whitelist gesetzt. Andere Subdomänen oder Roots sollten nicht funktionieren.
* Wenn der Benutzer`https://*.respond.io`hinzufügt, werden alle Subdomänen einschließlich der Stammdomäne auf die Whitelist gesetzt.
* Wenn der Benutzer`https://respond.io`hinzufügt, wird nur die Stammdomäne auf die Whitelist gesetzt.
![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MMSfFMgRphP35jCbBejTT/8e9eac0f58354013130396de3ecef3ec/websitedomain.gif?fm=avif&w=1000) 

#### Wählen Sie Ihre Kanäle

Wählen Sie aus der Dropdown-Liste der verfügbaren Kanäle den Kanal aus, für den Sie ein Widget erstellen möchten.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2BDzQ5y4lVIgvRau13PRrC/a818f134ff35c6794dc0b1b9d158f3d6/choosechannels.gif?fm=avif&w=1000) 

#### Erweiterte Einstellungen

Sie können auf die Schaltfläche**Erweiterte Einstellungen**klicken, um die optionalen Felder weiter zu konfigurieren.

* **Hover-Text:** Wird angezeigt, wenn mit der Maus über das Widget gefahren wird
* **Vorab ausgefüllter Text (Optional):** Vorab ausgefüllter Text vor dem Senden einer Nachricht
* **Aktuelle Seiten-URL einschließen:** Aktivieren Sie dieses Kontrollkästchen, um die aktuelle Seiten-URL in den vorab ausgefüllten Text einzuschließen

> Die Funktion „Aktuelle Seiten-URL einschließen“ ist nur für WhatsApp-, Viber- und E-Mail-Kanäle verfügbar.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MYLyLozRByTsjbDvrr1aM/8d0620e360d0b6f4535e4eedc610a138/workspaces-advanced-settings.png?fm=avif&w=1000) 

#### Installieren Sie das Skript

Kopieren Sie das generierte Skript, um es auf Ihrer Website zu installieren, und klicken Sie auf die Schaltfläche**Fertig**. Alternativ leiten Sie die Installationsanleitung per E-Mail weiter.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/sEm4u6WmVilu3Xjfdz0Rv/d6541119d3f441855bb6fe315c1edcaa/growth-widgets-7.png?fm=avif&w=1000) 

> Lesen Sie hier [, um zu erfahren, wie Sie das Skript auf Ihrer Website installieren](https://respond.io/de/help/website-chat-widget/website-chat-widget#installing%5Fthe%5Fchat%5Fwidget).

> Klicken Sie anschließend oben rechts auf die Schaltfläche „Widget generieren“.

## Widgets verwalten

Sobald Sie ein Widget erstellt haben, können Sie es wie unten beschrieben verwalten.

### Öffnen Sie den Installationscode

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7liJXSQ6a8K0P0AvSlsVsL/00b273a27c309b4972c7d8aec6659876/installation-code.png?fm=avif&w=1000) 

Um den Installationscode (Skript) des erstellten Widgets anzuzeigen oder zu kopieren, klicken Sie auf die Schaltfläche **Installationscode** und folgen Sie den Anweisungen auf dem Bildschirm.

> Diese Funktion ist nicht auf den QR-Code-Generator anwendbar.

### Laden Sie den QR-Code herunter

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2Omh41BIWxCUyCKB5axLfa/f38aa08096e4eef8c0a450d62f374585/qr-code.png?fm=avif&w=1000) 

Um den generierten QR-Code herunterzuladen, klicken Sie auf die Schaltfläche **Code scannen** , dann auf die Schaltfläche **Herunterladen** und wählen Sie die gewünschten Pixelmaße für Ihren scanbaren Code aus.

> Dies gilt nur für den QR-Code-Generator, nicht für die anderen Messaging-Widgets.

> Weitere Informationen zur Nutzung dieser Funktion finden Sie in unserem [Blog-Artikel zur Verwendung scanbarer Codes hier](https://respond.io/de/blog/facebook-messenger-code).

### Anpassen des Widgets

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7jpBHww29KHkVGZzWNuXJc/d671069da8e50bd7d8009e3b6ccc80f4/customize-widget.png?fm=avif&w=1000) 

Um vorhandene Widgets anzupassen, klicken Sie auf die Schaltfläche **Anpassen** , um die Anpassungsseite zu öffnen.

Es gibt 5 Abschnitte, die Sie je nach Widget-Typ anpassen können:

#### **Allgemein**

Sie können die folgenden allgemeinen Einstellungen konfigurieren:

* **Widget-Name:** Intern verwendeter Name zur Identifizierung des Widgets
* **Website-Domains:** Die Websites, auf denen das Widget installiert werden soll. Wenn Sie Ihre Website nicht zu dieser Liste hinzufügen, wird Ihr Widget nicht geladen. Sie können mehrere URLs eingeben, wenn Sie das Widget auf mehreren Websites installieren möchten.

#### **Kanäle**

Sie können Folgendes anpassen, um das Verhalten des Widgets basierend auf dem ausgewählten Kanal zu definieren:

* **Hover-Text:** Der Hover-Text wird in einem Tooltip angezeigt, wenn Sie mit der Maus über das Widget fahren.
* **Voreingestellter Text:** Der voreingestellte Text ist ein Eingabevorschlag, wenn ein Kontakt eine Unterhaltung beginnt.
* **Referenz:** Die Referenz wird beim Öffnen einer Konversation angezeigt und ermöglicht es Ihnen, die Quelle des Kontakts zu verfolgen.
* **Farben:** Wählen Sie die Hintergrundfarbe des Kanalsymbols und das Erscheinungsbild des Symbols im Widget.

#### **Anzeige & Aussehen**

Sie können Folgendes anpassen, um das Erscheinungsbild des Widgets auf Ihrer Website zu ändern:

* **Popup-Nachricht:** Die Popup-Nachricht wird Website-Besuchern einmal täglich 5 Sekunden nach dem Laden der Seite angezeigt. Wenn es nicht definiert ist, wird keine Popup-Nachricht angezeigt.
* **Widget-Größe:** Wählen Sie zwischen der Widget-Größe „Groß“, „Standard“ oder „Klein“.
* **Anzeigeoptionen:** Wählen Sie, ob dieses Widget auf dem Desktop, auf Mobilgeräten oder auf beiden angezeigt werden soll.

#### **Position**

Sie können die Position des Widgets auf Ihrer Website anhand der folgenden Einstellungen ändern:

* **Ausrichtung:** Geben Sie an, ob das Widget unten links oder rechts auf der Website angezeigt werden soll.
* **Vertikaler Abstand:** Geben Sie den vertikalen Abstand zwischen dem Widget und dem unteren Bildschirmrand an.
* **Horizontaler Abstand:** Geben Sie den horizontalen Abstand zwischen dem Widget und dem Bildschirmrand an.

#### **Zusätzliche Einstellungen**

Zusätzliche Anpassungen für Widgets:

* **Respond.io-Branding ausblenden:** Entfernen Sie das respond.io-Branding aus Ihrem Widget.

## Löschen eines Widgets

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3DMqeOcw4oNk6tMo9n1tXQ/6fc0f30860447ebccfa8c7dd80a4d21c/delete-widget.png?fm=avif&w=1000) 

Um ein vorhandenes Widget zu löschen, klicken Sie auf die Schaltfläche **Löschen** und folgen Sie den Anweisungen auf dem Bildschirm. Dadurch wird das Widget vollständig aus Ihrem Arbeitsbereich entfernt.

> Seien Sie vorsichtig, wenn Sie ein Widget aus Ihrem Arbeitsbereich löschen. Wenn ein Widget gelöscht wird, werden alle seine Konfigurationen gelöscht. Das Löschen kann nicht rückgängig gemacht werden.

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/workspace-settings/growth-widgets)[![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/workspace-settings/growth-widgets)[![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/workspace-settings/growth-widgets)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/workspace-settings/growth-widgets)

## 

Verwandte Artikel 👩‍💻

* [AnrufeErfahren Sie, wie Sie die Anrufkonfigurationen für Ihre verbundenen Anrufkanäle verwalten. ](/de/help/workspace-settings/calls)
* [KI-EingabeaufforderungenErfahren Sie, wie Sie AI Prompts einrichten und konfigurieren. ](/de/help/workspace-settings/ai-prompts)
* [KI-AssistentErfahren Sie, wie Sie AI Assist einrichten und konfigurieren. ](/de/help/workspace-settings/ai-assist)
* [LebenszyklusLernen Sie, wie Sie Ihre Kontakte im gesamten Vertriebsprozess auf unserer Plattform verfolgen und verwalten können. ](/de/help/workspace-settings/workspace-settings-lifecycle)
* [Kontakt-ImportLernen Sie, wie Sie Daten in der Plattform importieren, überprüfen und verwalten. ](/de/help/workspace-settings/data-import)

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

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

2025-12-05T03:55:40.351Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Erstellen und verwalten Sie Widgets, die auf Ihrer Website eingebettet werden können, damit Besucher über Ihre bevorzugten Kanäle mit Ihnen in Kontakt treten können.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg","name":"Joshua Lim","url":"https://respond.io/de/author"},"dateCreated":"2025-01-28T04:11:59.000Z","dateModified":"2025-04-04T10:14:25.056Z","datePublished":"2025-01-28T04:11:59.000Z","headline":"Wachstums-Widgets","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","mainEntityOfPage":"https://respond.io/de/help/workspace-settings","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","url":"https://respond.io/de/help/workspace-settings/growth-widgets"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/de/help","position":1},{"@type":"ListItem","name":"Produkt","item":"https://respond.io/de/help/product","position":2},{"@type":"ListItem","name":"Arbeitsbereichseinstellungen","item":"https://respond.io/de/help/workspace-settings","position":3},{"@type":"ListItem","name":"Wachstums-Widgets","item":"https://respond.io/de/help/workspace-settings/growth-widgets","position":4}]}]
```
