{"componentChunkName":"component---src-templates-docs-js","path":"/whatsapp/messaging/with_template/buttons","result":{"data":{"site":{"siteMetadata":{"title":"broadcaster","docsLocation":"https://github.com","docsLocationType":"github","editable":false}},"mdx":{"fields":{"id":"c11674f1-0dc3-5c2b-bac4-cc6b57569561","title":"Botones","slug":"/whatsapp/messaging/with_template/buttons"},"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\": \"Botones\",\n  \"order\": 3\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 con botones: respuesta r\\xE1pida, contrase\\xF1a de un solo uso, realizar llamada y abrir URL. 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\": \"quickreply\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Quick reply\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Bot\\xF3n de respuesta r\\xE1pida: componente \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"button\"), \" con \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"subtype\"), \" \\\"quick_reply\\\". En el objeto del par\\xE1metro, \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"type\"), \" debe ser \\\"payload\\\".\")), mdx(\"section\", {\n    \"id\": \"quickreply--cuerpo\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Cuerpo\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Campos del componente button:\"), 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 \\u201Cbutton\\u201D.\"), 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  }, \"subtype\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"El valor es \\u201Cquick_reply\\u201D.\"), 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  }, \"index\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\xCDndice del bot\\xF3n (0, 1, 2).\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Integer\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Opcional\")))), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Campos del par\\xE1metro \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Quick reply\"), \":\"), 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 \\u201Cpayload\\u201D.\"), 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  }, \"payload\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Descripci\\xF3n del bot\\xF3n para respuesta r\\xE1pida.\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"String\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"ul\", null, mdx(\"li\", null, \"Opcional.\"), mdx(\"li\", null, \"Se utiliza con el tipo de par\\xE1metro payload.\"), mdx(\"li\", null, \"Se utiliza en el componente button.\"), mdx(\"li\", null, \"El tama\\xF1o m\\xE1ximo es de 128 caracteres.\"))))))), mdx(\"section\", {\n    \"id\": \"quickreply--ejemplo\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Ejemplo\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Ejemplo completo de \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Quick reply\"), \" (petici\\xF3n HTTP y cuerpo JSON):\")), mdx(\"section\", {\n    \"id\": \"quickreply--ejemplo--peticiónhttpquickreply\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Petici\\xF3n HTTP quick reply\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-bash\"\n  }, \"curl -X 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\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"calificacion_servicio\\\",\\n        \\\"components\\\": [\\n            {\\n                \\\"type\\\": \\\"body\\\", \\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"text\\\": \\\"Juan\\\",\\n                        \\\"type\\\": \\\"text\\\"\\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"button\\\", \\n                \\\"subtype\\\": \\\"quick_reply\\\", \\n                \\\"index\\\": 0,\\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"type\\\": \\\"payload\\\",\\n                        \\\"payload\\\": \\\"12345765\\\"\\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"button\\\", \\n                \\\"subtype\\\": \\\"quick_reply\\\", \\n                \\\"index\\\": 1, \\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"type\\\": \\\"payload\\\",\\n                        \\\"payload\\\": \\\"12345765\\\" \\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"button\\\", \\n                \\\"subtype\\\": \\\"quick_reply\\\", \\n                \\\"index\\\": 2, \\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"type\\\": \\\"payload\\\",\\n                        \\\"payload\\\": \\\"12345765\\\" \\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}'\\n\"))), mdx(\"section\", {\n    \"id\": \"quickreply--ejemplo--bodyquickreply\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Body quick reply\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-json\"\n  }, \"{\\n    \\\"from\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"calificacion_servicio\\\",\\n        \\\"components\\\": [\\n            {\\n                \\\"type\\\": \\\"body\\\", \\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"text\\\": \\\"Juan\\\",\\n                        \\\"type\\\": \\\"text\\\"\\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"button\\\", \\n                \\\"subtype\\\": \\\"quick_reply\\\", \\n                \\\"index\\\": 0,\\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"type\\\": \\\"payload\\\",\\n                        \\\"payload\\\": \\\"12345765\\\"\\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"button\\\", \\n                \\\"subtype\\\": \\\"quick_reply\\\", \\n                \\\"index\\\": 1, \\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"type\\\": \\\"payload\\\",\\n                        \\\"payload\\\": \\\"12345765\\\" \\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"button\\\", \\n                \\\"subtype\\\": \\\"quick_reply\\\", \\n                \\\"index\\\": 2, \\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"type\\\": \\\"payload\\\",\\n                        \\\"payload\\\": \\\"12345765\\\" \\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}\\n\")), mdx(\"br\", null), mdx(\"hr\", {\n    parentName: \"section\"\n  })), mdx(\"section\", {\n    \"id\": \"contraseñadeunsolouso\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Contrase\\xF1a de un solo uso\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Plantilla de contrase\\xF1a de un solo uso: el c\\xF3digo se env\\xEDa como par\\xE1metro de texto en el componente body y en un bot\\xF3n con \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"subtype\"), \" \\\"url\\\".\")), mdx(\"section\", {\n    \"id\": \"contraseñadeunsolouso--ejemplo\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Ejemplo\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Ejemplo completo de \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Contrase\\xF1a de un solo uso\"), \" (petici\\xF3n HTTP y cuerpo JSON):\")), mdx(\"section\", {\n    \"id\": \"contraseñadeunsolouso--ejemplo--peticiónhttpcontraseña\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Petici\\xF3n HTTP contrase\\xF1a\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-bash\"\n  }, \"curl -X 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\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"confirmacion_codigo_02\\\",\\n        \\\"components\\\": [\\n            {\\n                \\\"type\\\": \\\"body\\\", \\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"54321\\\"\\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"button\\\",\\n                \\\"subtype\\\": \\\"url\\\",\\n                \\\"index\\\": 0,\\n                \\\"parameters\\\":\\n                [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"54321\\\"\\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}'\\n\"))), mdx(\"section\", {\n    \"id\": \"contraseñadeunsolouso--ejemplo--bodycontraseña\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Body contrase\\xF1a\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-json\"\n  }, \"{\\n    \\\"from\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"confirmacion_codigo_02\\\",\\n        \\\"components\\\": [\\n            {\\n                \\\"type\\\": \\\"body\\\", \\n                \\\"parameters\\\": [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"54321\\\"\\n                    }\\n                ]\\n            },\\n            {\\n                \\\"type\\\": \\\"button\\\",\\n                \\\"subtype\\\": \\\"url\\\",\\n                \\\"index\\\": 0,\\n                \\\"parameters\\\":\\n                [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"54321\\\"\\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}\\n\")), mdx(\"br\", null), mdx(\"hr\", {\n    parentName: \"section\"\n  })), mdx(\"section\", {\n    \"id\": \"acciónderealizarllamada\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Acci\\xF3n de realizar llamada\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Plantilla con un bot\\xF3n de acci\\xF3n para realizar una llamada. El bot\\xF3n se define en la plantilla aprobada, por lo que solo se env\\xEDan los par\\xE1metros del componente body.\")), mdx(\"section\", {\n    \"id\": \"acciónderealizarllamada--ejemplo\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Ejemplo\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Ejemplo completo de \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Acci\\xF3n de realizar llamada\"), \" (petici\\xF3n HTTP y cuerpo JSON):\")), mdx(\"section\", {\n    \"id\": \"acciónderealizarllamada--ejemplo--peticiónhttprealizarllamada\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Petici\\xF3n HTTP realizar llamada\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-bash\"\n  }, \"curl -X 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\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"test_call_to_action_04\\\",\\n        \\\"components\\\": [\\n            {\\n                \\\"type\\\": \\\"body\\\",\\n                \\\"parameters\\\":\\n                [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"now\\\"\\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}'\\n\"))), mdx(\"section\", {\n    \"id\": \"acciónderealizarllamada--ejemplo--bodyrealizarllamada\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Body realizar llamada\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-json\"\n  }, \"{\\n    \\\"from\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"test_call_to_action_04\\\",\\n        \\\"components\\\": [\\n            {\\n                \\\"type\\\": \\\"body\\\",\\n                \\\"parameters\\\":\\n                [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"now\\\"\\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}\\n\")), mdx(\"br\", null), mdx(\"hr\", {\n    parentName: \"section\"\n  })), mdx(\"section\", {\n    \"id\": \"accióndeabrirurl\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Acci\\xF3n de abrir URL\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Plantilla con un bot\\xF3n de acci\\xF3n para abrir una URL. Con una URL est\\xE1tica no se env\\xEDan par\\xE1metros; con una URL din\\xE1mica se env\\xEDa un bot\\xF3n con \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"subtype\"), \" \\\"url\\\" cuyo par\\xE1metro de texto se agrega al prefijo de URL definido en la plantilla.\")), mdx(\"section\", {\n    \"id\": \"accióndeabrirurl--ejemplo\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Ejemplo\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Ejemplo completo de \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Acci\\xF3n de abrir URL\"), \" (petici\\xF3n HTTP y cuerpo JSON):\")), mdx(\"section\", {\n    \"id\": \"accióndeabrirurl--ejemplo--peticiónhttpurlestático\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Petici\\xF3n HTTP url est\\xE1tico\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-bash\"\n  }, \"curl -X 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\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"template_call_to_action\\\"\\n    }\\n}'\\n\"))), mdx(\"section\", {\n    \"id\": \"accióndeabrirurl--ejemplo--bodyurlestático\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Body url est\\xE1tico\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-json\"\n  }, \"{\\n    \\\"from\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"template_call_to_action\\\"\\n    }\\n}\\n\"))), mdx(\"section\", {\n    \"id\": \"accióndeabrirurl--ejemplo--peticiónhttpurldinámico\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Petici\\xF3n HTTP url din\\xE1mico\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-bash\"\n  }, \"curl -X 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\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"template_example_account_button_call_to_action_url\\\",\\n        \\\"components\\\": [\\n            {\\n                \\\"type\\\": \\\"button\\\",\\n                \\\"subtype\\\": \\\"url\\\",\\n                \\\"index\\\": 0,\\n                \\\"parameters\\\":\\n                [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"producto_api.html\\\"\\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}'\\n\"))), mdx(\"section\", {\n    \"id\": \"accióndeabrirurl--ejemplo--bodyurldinámico\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Body url din\\xE1mico\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-json\"\n  }, \"{\\n    \\\"from\\\": \\\"5215500000001\\\",\\n    \\\"to\\\": \\\"5215500000002\\\",\\n    \\\"type\\\": \\\"template\\\",\\n    \\\"template\\\": {\\n        \\\"language\\\": \\\"es\\\", \\n        \\\"name\\\": \\\"template_example_account_button_call_to_action_url\\\",\\n        \\\"components\\\": [\\n            {\\n                \\\"type\\\": \\\"button\\\",\\n                \\\"subtype\\\": \\\"url\\\",\\n                \\\"index\\\": 0,\\n                \\\"parameters\\\":\\n                [\\n                    {\\n                        \\\"type\\\": \\\"text\\\",\\n                        \\\"text\\\": \\\"producto_api.html\\\"\\n                    }\\n                ]\\n            }\\n        ]\\n    }\\n}\\n\")), mdx(\"br\", null), mdx(\"hr\", {\n    parentName: \"section\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#quick-reply","title":"Quick reply","items":[{"url":"#cuerpo","title":"Cuerpo"},{"url":"#ejemplo","title":"Ejemplo","items":[{"url":"#petición-http-quick-reply","title":"Petición HTTP quick reply"},{"url":"#body-quick-reply","title":"Body quick reply"}]}]},{"url":"#contraseña-de-un-solo-uso","title":"Contraseña de un solo uso","items":[{"url":"#ejemplo-1","title":"Ejemplo","items":[{"url":"#petición-http-contraseña","title":"Petición HTTP contraseña"},{"url":"#body-contraseña","title":"Body contraseña"}]}]},{"url":"#acción-de-realizar-llamada","title":"Acción de realizar llamada","items":[{"url":"#ejemplo-2","title":"Ejemplo","items":[{"url":"#petición-http-realizar-llamada","title":"Petición HTTP realizar llamada"},{"url":"#body-realizar-llamada","title":"Body realizar llamada"}]}]},{"url":"#acción-de-abrir-url","title":"Acción de abrir URL","items":[{"url":"#ejemplo-3","title":"Ejemplo","items":[{"url":"#petición-http-url-estático","title":"Petición HTTP url estático"},{"url":"#body-url-estático","title":"Body url estático"},{"url":"#petición-http-url-dinámico","title":"Petición HTTP url dinámico"},{"url":"#body-url-dinámico","title":"Body url dinámico"}]}]}]},"timeToRead":1,"parent":{"__typename":"File","relativePath":"whatsapp/messaging/with_template/buttons.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":"c11674f1-0dc3-5c2b-bac4-cc6b57569561"}},"staticQueryHashes":["12478684","12478684","2882937274","2882937274","353167761","353167761"]}