According to the official documentation, the Generic Template should support sending multiple elements (up to 10) which are expected to be displayed as a carousel in the Instagram app.
However, when I send more than one element in the payload, only the first element is displayed in the chat, and the rest are ignored.
Here is a simplified version of the payload I’m sending:
{
"recipient": { "id": "{{to}}" },
"message": {
"attachment": {
"type": "template",
"payload": {
"template_type": "generic",
"elements": [
{
"title": "Title 1",
"image_url": "https://download.samplelib.com/gif/sample-animated-200x200.gif",
"subtitle": "Subtitle 1",
"default_action": {
"type": "web_url",
"url": "https://www.yahoo.com"
},
"buttons": [
{
"type": "web_url",
"url": "https://www.google.com",
"title": "Google"
}
]
},
{
"title": "Title 2",
"image_url": "https://download.samplelib.com/jpeg/sample-birch-400x300.jpg",
"subtitle": "Subtitle 2",
"default_action": {
"type": "web_url",
"url": "https://consol.example.com"
},
"buttons": [
{
"type": "web_url",
"url": "https://www.example.com",
"title": "example"
}
]
},
{
"title": "Title 3",
"image_url": "https://download.samplelib.com/jpeg/sample-birch-400x300.jpg",
"subtitle": "Subtitle 3",
"default_action": {
"type": "web_url",
"url": "https://consol.example.com"
},
"buttons": [
{
"type": "web_url",
"url": "https://www.example.com",
"title": "example 2"
}
]
}
]
}
}
}
}
Expected Behavior: All elements (up to 10) should appear as a carousel that users can swipe through.
Actual Behavior: Only the first element is displayed in Instagram chat, and additional elements are not rendered (Android/v396.0.0.46.242).
Question:
- Is the carousel display for multiple elements in the Generic Template currently supported on Instagram Messaging?
- Or is this a limitation/bug in the Instagram app implementation of the API?
- If it is supported, what changes are needed to get multiple elements displayed?
Update: as per comment below by @Utkarsh Rana and after testing carousel is working in Instagram iOS app.
