Chatwoot ermöglicht es Ihnen, interaktive Nachrichtentypen wie Karten und Formulare innerhalb Ihres Chatwoot Web Widgets mithilfe der APIs zu erstellen.

Sie können diese Nachrichten mit der [New Message API](https://www.chatwoot.com/developers/api/#operation/create-a-new-message-in-a-conversation) erstellen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFo0VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--96b01ab748cd2f96f0f3644c3a64d3a9325fb5d7/interactive%20messages.png)

## Beispiel-Payloads[**​**](https://www.chatwoot.com/hc/user-guide/articles/1784681453-wie-erstellt-man-interaktive-nachrichten "Direkter Link zur Überschrift")

Verwenden Sie die folgenden Beispiel-Payloads als Werte, um verschiedene interaktive Nachrichten zu erstellen.

### 1. Optionen[**​**](https://www.chatwoot.com/hc/user-guide/articles/1784681453-wie-erstellt-man-interaktive-nachrichten "Direkter Link zur Überschrift")

```
{
    "content": "Wählen Sie eines der untenstehenden Elemente aus",
    "content_type": "input_select",
    "content_attributes": {
        "items": [
            { "title": "Option1", "value": "Option 1" },
            { "title": "Option2", "value": "Option 2" }
        ]
    },
    "private":false
}
```

### 2. Formular[​](https://www.chatwoot.com/hc/user-guide/articles/1784681453-wie-erstellt-man-interaktive-nachrichten "Direkter Link zur Überschrift")

```
{
  "content": "form",
  "content_type": "form",
  "content_attributes": {
    "items": [
      {
        "name": "email",
        "placeholder": "Bitte geben Sie Ihre E-Mail-Adresse ein",
        "type": "email",
        "label": "E-Mail",
        "default": "xyc@xyc.com"
      },
      {
        "name": "text_aread",
        "placeholder": "Bitte geben Sie Text ein",
        "type": "text_area",
        "label": "Großer Text",
        "default": "Beispieltext"
      },
      {
        "name": "text",
        "placeholder": "Bitte geben Sie Text ein",
        "type": "text",
        "label": "Text",
        "default": "Beispiel-Eingabe"
      },
      {
        "name": "select",
        "label": "Option auswählen",
        "type": "select",
        "options": [
          {
            "label": "🌯 Burito",
            "value": "Burito"
          },
          {
            "label": "🍝 Pasta",
            "value": "Pasta"
          }
        ]
      }
    ]
  },
  "private": false
}
```

### 3. Karten[​](https://www.chatwoot.com/hc/user-guide/articles/1784681453-wie-erstellt-man-interaktive-nachrichten "Direkter Link zur Überschrift")

```
{
   "content": "Karten-Nachricht",
   "content_type":"cards",
   "content_attributes":{
      "items":[
         {
            "media_url":"https://assets.ajio.com/medias/sys_master/root/hdb/h9a/13582024212510/-1117Wx1400H-460345219-white-MODEL.jpg",
            "title":"Nike Schuhe 2.0",
            "description":"Laufen mit Nike Schuh 2.0",
            "actions":[
               {
                  "type":"link",
                  "text":"Mehr ansehen",
                  "uri":"google.com"
               },
               {
                  "type":"postback",
                  "text":"In den Warenkorb",
                  "payload":"ITEM_SELECTED"
               }
            ]
         }
      ]
   },
   "private":false
}
```

### 4. Artikel[​](https://www.chatwoot.com/hc/user-guide/articles/1784681453-wie-erstellt-man-interaktive-nachrichten "Direkter Link zur Überschrift")

```
{
    "content": "Artikel",
    "content_type": "article",
    "content_attributes": {
        "items": [
            { "title": "API-Startleitfaden", "description": "Ein zufälliger Einstieg in die API", "link": "http://google.com" },
            { "title": "Entwicklungsdokumente", "description": "Entwicklungsdokumente und Richtlinien", "link": "http://google.com" }
        ]
    },
    "private":false
}
```