كيف يمكن إنشاء رسائل تفاعلية؟

يتيح لك Chatwoot إنشاء أنواع رسائل تفاعلية مثل البطاقات والنماذج داخل عنصر واجهة مستخدم الويب Chatwoot باستخدام واجهات برمجة التطبيقات.

يمكنك إنشاء هذه الرسائل باستخدام واجهة برمجة تطبيقات الرسالة الجديدة.

عينات الحمولة​

استخدم عينات الحمولة التالية كقيم لإنشاء رسائل تفاعلية متنوعة.

1. خيارات​

{
    "content": "حدد أحد العناصر أدناه",
    "content_type": "input_select",
    "content_attributes": {
        "items": [
            { "title": "Option1", "value": "Option 1" },
            { "title": "Option2", "value": "Option 2" }
        ]
    },
    "private":false
}

2. نموذج​

{
  "content": "form",
  "content_type": "form",
  "content_attributes": {
    "items": [
      {
        "name": "email",
        "placeholder": "يرجى إدخال بريدك الإلكتروني",
        "type": "email",
        "label": "البريد الإلكتروني",
        "default": "xyc@xyc.com"
      },
      {
        "name": "text_aread",
        "placeholder": "يرجى إدخال نص",
        "type": "text_area",
        "label": "نص كبير",
        "default": "نص نموذجي"
      },
      {
        "name": "text",
        "placeholder": "يرجى إدخال نص",
        "type": "text",
        "label": "نص",
        "default": "إدخال نموذجي"
      },
      {
        "name": "select",
        "label": "اختر خيارًا",
        "type": "select",
        "options": [
          {
            "label": "🌯 بوريتو",
            "value": "Burito"
          },
          {
            "label": "🍝 باستا",
            "value": "Pasta"
          }
        ]
      }
    ]
  },
  "private": false
}

3. بطاقات​

{
   "content": "رسالة بطاقة",
   "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":"حذاء نايك 2.0",
            "description":"الجري مع حذاء نايك 2.0",
            "actions":[
               {
                  "type":"link",
                  "text":"عرض المزيد",
                  "uri":"google.com"
               },
               {
                  "type":"postback",
                  "text":"إضافة إلى السلة",
                  "payload":"ITEM_SELECTED"
               }
            ]
         }
      ]
   },
   "private":false
}

4. مقالات​

{
    "content": "مقالات",
    "content_type": "article",
    "content_attributes": {
        "items": [
            { "title": "دليل البدء لواجهة برمجة التطبيقات", "description": "دليل عشوائي لبدء واجهة برمجة التطبيقات", "link": "http://google.com" },
            { "title": "وثائق التطوير", "description": "وثائق وإرشادات التطوير", "link": "http://google.com" }
        ]
    },
    "private":false
}