Wie erstellt man interaktive Nachrichten?

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 erstellen.

Beispiel-Payloads​

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

1. Optionen​

{
    "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​

{
  "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​

{
   "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​

{
    "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
}