Comment créer des messages interactifs ?

Chatwoot vous permet de créer des types de messages interactifs comme des cartes et des formulaires dans votre widget Web Chatwoot à l’aide des APIs.

Vous pouvez créer ces messages en utilisant l’API New Message.

Exemples de Payloads​

Utilisez les exemples de payload suivants comme valeurs pour créer différents messages interactifs.

1. Options​

{
    "content": "Sélectionnez un des éléments ci-dessous",
    "content_type": "input_select",
    "content_attributes": {
        "items": [
            { "title": "Option1", "value": "Option 1" },
            { "title": "Option2", "value": "Option 2" }
        ]
    },
    "private":false
}

2. Formulaire​

{
  "content": "formulaire",
  "content_type": "form",
  "content_attributes": {
    "items": [
      {
        "name": "email",
        "placeholder": "Veuillez entrer votre email",
        "type": "email",
        "label": "Email",
        "default": "xyc@xyc.com"
      },
      {
        "name": "text_aread",
        "placeholder": "Veuillez entrer du texte",
        "type": "text_area",
        "label": "Texte long",
        "default": "Exemple de texte"
      },
      {
        "name": "text",
        "placeholder": "Veuillez entrer du texte",
        "type": "text",
        "label": "texte",
        "default": "exemple de saisie"
      },
      {
        "name": "select",
        "label": "Sélectionner une option",
        "type": "select",
        "options": [
          {
            "label": "🌯 Burito",
            "value": "Burito"
          },
          {
            "label": "🍝 Pasta",
            "value": "Pasta"
          }
        ]
      }
    ]
  },
  "private": false
}

3. Cartes​

{
   "content": "message de carte",
   "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":"Chaussures Nike 2.0",
            "description":"Course avec Nike Shoe 2.0",
            "actions":[
               {
                  "type":"link",
                  "text":"Voir plus",
                  "uri":"google.com"
               },
               {
                  "type":"postback",
                  "text":"Ajouter au panier",
                  "payload":"ITEM_SELECTED"
               }
            ]
         }
      ]
   },
   "private":false
}

4. Articles​

{
    "content": "articles",
    "content_type": "article",
    "content_attributes": {
        "items": [
            { "title": "Guide de démarrage API", "description": "Un guide aléatoire de démarrage API", "link": "http://google.com" },
            { "title": "Docs de développement", "description": "Documentation et directives de développement", "link": "http://google.com" }
        ]
    },
    "private":false
}