{"componentChunkName":"component---src-templates-docs-js","path":"/whatsapp/messaging/with_template/carousel","result":{"data":{"site":{"siteMetadata":{"title":"broadcaster","docsLocation":"https://github.com","docsLocationType":"github","editable":false}},"mdx":{"fields":{"id":"b7e0899b-c7f0-5a71-aaae-5abf68a40c88","title":"Secuencia","slug":"/whatsapp/messaging/with_template/carousel"},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Secuencia\",\n  \"order\": 5\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Resumen para integraci\\xF3n\")), mdx(\"ul\", {\n    parentName: \"blockquote\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Endpoint:\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"POST https://{{url}}/whatsapp-bsp-api-endpoint-ws/services/v1/messaging\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Token:\"), \" de mensajer\\xEDa, en el encabezado \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Authorization: Bearer {{wa-msg-api-token}}\"), \" (\", mdx(\"a\", {\n    href: \"/whatsapp/authentication_token\"\n  }, \"c\\xF3mo generarlo\"), \")\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Campos comunes:\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"from\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"to\"), \" (tel\\xE9fono o BSUID) y \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"type\"), \" (\", mdx(\"a\", {\n    href: \"/whatsapp/messaging/http#h-camposcomunes\"\n  }, \"detalle\"), \")\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Valores de \", mdx(\"inlineCode\", {\n    parentName: \"strong\"\n  }, \"type\"), \" en esta p\\xE1gina:\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\\"template\\\"\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Respuesta:\"), \" la misma para todos los mensajes (\", mdx(\"a\", {\n    href: \"/whatsapp/messaging/http#h-respuesta\"\n  }, \"ver respuesta\"), \")\"))), mdx(\"p\", null, \"Plantillas de secuencia (carrusel) con tarjetas desplazables. Todos se env\\xEDan con \", mdx(\"a\", {\n    href: \"/whatsapp/messaging/http\"\n  }, \"POST /v1/messaging\"), \"; los encabezados, los campos comunes y la respuesta est\\xE1n en \", mdx(\"a\", {\n    href: \"/whatsapp/messaging/http\"\n  }, \"Conexi\\xF3n HTTP\"), \". La estructura general de la plantilla (objetos template y components) est\\xE1 en \", mdx(\"a\", {\n    href: \"/whatsapp/messaging/with_template\"\n  }, \"Mensajes con plantilla\"), \".\"), mdx(\"section\", {\n    \"id\": \"secuencia\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Secuencia\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Mensaje de texto \\xFAnico acompa\\xF1ado de un conjunto de hasta 10 tarjetas de carrusel en una vista desplazable horizontalmente. Se env\\xEDa como un componente \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"carousel\"), \" con sus tarjetas en \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"cards\"), \".\")), mdx(\"section\", {\n    \"id\": \"secuencia--cuerpo\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Cuerpo\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Campos de \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Secuencia\"), \":\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Nombre\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Descripci\\xF3n\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Tipo\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Requerimientos\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"type\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"El valor es \\\"carousel\\\".\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"String\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Obligatorio\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"a\", {\n    href: \"/whatsapp/messaging/with_template/carousel#h-objetocard\"\n  }, \"cards\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Una lista de hasta 10 objetos de tipo cards. Las tarjetas en el carrusel deben: \", mdx(\"ul\", null, mdx(\"li\", null, \"Tener un encabezado multimedia (imagen o video)\"), mdx(\"li\", null, \"Texto del cuerpo\"), mdx(\"li\", null, \"Al menos un bot\\xF3n. Soporta 2 botones. Los botones pueden ser los mismos o una combinaci\\xF3n de botones de respuesta r\\xE1pida, botones de n\\xFAmeros de tel\\xE9fono o botones de URL.\"))), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Lista objetos\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"ul\", null, mdx(\"li\", null, \"Obligatorio\"), mdx(\"li\", null, \"El formato del encabezado multimedia y los tipos de botones deben ser los mismos en todas las tarjetas que componen una plantilla de carrusel.\"))))))), mdx(\"section\", {\n    \"id\": \"secuencia--cuerpo--objetocard\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Objeto card\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Nombre\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Descripci\\xF3n\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Tipo\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Requerimientos\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"card_index\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Orden en que la tarjeta aparece dentro de la secuencia de la tarjeta. Se expresa como un \\xEDndice que comienza en 0, es decir que 0 indica la primera tarjeta; 1, la segunda, etc.\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Integer\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Obligatorio\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"components\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Arreglo de componentes que agregar\\xEDa a su card. Estos componentes podr\\xEDan ser de tipo \\\"header\\\", \\\"body\\\" y \\\"button\\\".\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Lista objetos\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Obligatorio\"))))), mdx(\"section\", {\n    \"id\": \"secuencia--ejemplo\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Ejemplo\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Ejemplo completo de \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Secuencia\"), \" (petici\\xF3n HTTP y cuerpo JSON):\")), mdx(\"section\", {\n    \"id\": \"secuencia--ejemplo--peticiónhttpsecuencia\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Petici\\xF3n HTTP secuencia\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-bash\"\n  }, \"curl --location --request POST 'https://{{url}}/whatsapp-bsp-api-endpoint-ws/services/v1/messaging' \\\\\\n-H 'Authorization: Bearer {{wa-msg-api-token}}' \\\\\\n-H 'Content-Type: application/json' \\\\\\n-d '{\\n    \\\"from\\\": \\\"{{wa-phone-number}}\\\",\\n    \\\"to\\\": \\\"{{recipient-wa-id}}\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\":\\n    {\\n        \\\"language\\\": \\\"es_MX\\\",\\n        \\\"name\\\": \\\"concepto_movil_carrusel_products\\\",\\n        \\\"components\\\":\\n        [\\n            {\\n                \\\"type\\\": \\\"body\\\",\\n                \\\"parameters\\\":\\n                [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"25OFF\\\"\\n                    },\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"25%\\\"\\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"carousel\\\",\\n                \\\"cards\\\":\\n                [\\n                    {\\n                        \\\"card_index\\\": 0,\\n                        \\\"components\\\":\\n                        [\\n                            {\\n                                \\\"type\\\": \\\"header\\\",\\n                                \\\"parameters\\\":\\n                                [\\n                                    {\\n                                        \\\"type\\\": \\\"image\\\",\\n                                        \\\"media_id\\\": \\\"966046148378667\\\"\\n                                    }\\n                                ]\\n                            }\\n                        ]\\n                    },\\n                    {\\n                        \\\"card_index\\\": 1,\\n                        \\\"components\\\":\\n                        [\\n                            {\\n                                \\\"type\\\": \\\"header\\\",\\n                                \\\"parameters\\\":\\n                                [\\n                                    {\\n                                        \\\"type\\\": \\\"image\\\",\\n                                        \\\"media_id\\\": \\\"448282164313965\\\"\\n                                    }\\n                                ]\\n                            }\\n                        ]\\n                    },\\n                    {\\n                        \\\"card_index\\\": 2,\\n                        \\\"components\\\":\\n                        [\\n                            {\\n                                \\\"type\\\": \\\"header\\\",\\n                                \\\"parameters\\\":\\n                                [\\n                                    {\\n                                        \\\"type\\\": \\\"image\\\",\\n                                        \\\"media_id\\\": \\\"1583971738812030\\\"\\n                                    }\\n                                ]\\n                            }\\n                        ]\\n                    },\\n                    {\\n                        \\\"card_index\\\": 3,\\n                        \\\"components\\\":\\n                        [\\n                            {\\n                                \\\"type\\\": \\\"header\\\",\\n                                \\\"parameters\\\":\\n                                [\\n                                    {\\n                                        \\\"type\\\": \\\"image\\\",\\n                                        \\\"media_id\\\": \\\"1104222870702261\\\"\\n                                    }\\n                                ]\\n                            }\\n                        ]\\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}'\\n\"))), mdx(\"section\", {\n    \"id\": \"secuencia--ejemplo--bodysecuencia\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Body secuencia\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-json\"\n  }, \"{\\n \\\"from\\\": \\\"{{wa-phone-number}}\\\",\\n \\\"to\\\": \\\"{{recipient-wa-id}}\\\",\\n \\\"type\\\": \\\"template\\\",\\n \\\"template\\\": {\\n   \\\"language\\\": \\\"es_MX\\\",\\n   \\\"name\\\": \\\"concepto_movil_carrusel_products\\\",\\n   \\\"components\\\": [\\n     {\\n       \\\"type\\\": \\\"body\\\",\\n       \\\"parameters\\\": [\\n         {\\n           \\\"type\\\": \\\"text\\\",\\n           \\\"text\\\": \\\"25OFF\\\"\\n         },\\n         {\\n           \\\"type\\\": \\\"text\\\",\\n           \\\"text\\\": \\\"25%\\\"\\n         }\\n       ]\\n     },\\n     {\\n       \\\"type\\\": \\\"carousel\\\",\\n       \\\"cards\\\": [\\n         {\\n           \\\"card_index\\\": 0,\\n           \\\"components\\\": [\\n             {\\n               \\\"type\\\": \\\"header\\\",\\n               \\\"parameters\\\": [\\n                 {\\n                   \\\"type\\\": \\\"image\\\",\\n                   \\\"media_id\\\": \\\"966046148378667\\\"\\n                 }\\n               ]\\n             }\\n           ]\\n         },\\n         {\\n           \\\"card_index\\\": 1,\\n           \\\"components\\\": [\\n             {\\n               \\\"type\\\": \\\"header\\\",\\n               \\\"parameters\\\": [\\n                 {\\n                   \\\"type\\\": \\\"image\\\",\\n                   \\\"media_id\\\": \\\"448282164313965\\\"\\n                 }\\n               ]\\n             }\\n           ]\\n         },\\n         {\\n           \\\"card_index\\\": 2,\\n           \\\"components\\\": [\\n             {\\n               \\\"type\\\": \\\"header\\\",\\n               \\\"parameters\\\": [\\n                 {\\n                   \\\"type\\\": \\\"image\\\",\\n                   \\\"media_id\\\": \\\"1583971738812030\\\"\\n                 }\\n               ]\\n             }\\n           ]\\n         },\\n         {\\n           \\\"card_index\\\": 3,\\n           \\\"components\\\": [\\n             {\\n               \\\"type\\\": \\\"header\\\",\\n               \\\"parameters\\\": [\\n                 {\\n                   \\\"type\\\": \\\"image\\\",\\n                   \\\"media_id\\\": \\\"1104222870702261\\\"\\n                 }\\n               ]\\n             }\\n           ]\\n         }\\n       ]\\n     }\\n   ]\\n }\\n}\\n\")), mdx(\"br\", null), mdx(\"hr\", {\n    parentName: \"section\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#secuencia","title":"Secuencia","items":[{"url":"#cuerpo","title":"Cuerpo","items":[{"url":"#objeto-card","title":"Objeto card"}]},{"url":"#ejemplo","title":"Ejemplo","items":[{"url":"#petición-http-secuencia","title":"Petición HTTP secuencia"},{"url":"#body-secuencia","title":"Body secuencia"}]}]}]},"timeToRead":1,"parent":{"__typename":"File","relativePath":"whatsapp/messaging/with_template/carousel.md","fields":{"gitLogLatestAuthorName":"Irais Aguirre","gitLogLatestAuthorEmail":"irais.aguirre@conceptomovil.com","gitLogLatestDate":"4 days ago"}},"frontmatter":{"metaTitle":null,"showMetadata":null,"editable":null,"showPreviousNext":null,"showToc":null}},"gitBranch":{"name":"20211019-2FACTOR_AUTH"},"gitCommit":{"hash":"9713e1925aeb8cad930f91b6bf05d0b5937b2bb5","date":"2026-11-13 06:39"}},"pageContext":{"id":"b7e0899b-c7f0-5a71-aaae-5abf68a40c88"}},"staticQueryHashes":["12478684","12478684","2882937274","2882937274","353167761","353167761"]}