{"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":"76295990-2ad5-5ebf-a44a-cbc793482a3d","title":"Buttons","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\": \"Buttons\",\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  }, \"Integration summary\")), 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:\"), \" messaging token, in the \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Authorization: Bearer {{wa-msg-api-token}}\"), \" header (\", mdx(\"a\", {\n    href: \"/whatsapp/authentication_token\"\n  }, \"how to generate it\"), \")\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Common fields:\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"from\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"to\"), \" (phone number or BSUID) and \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"type\"), \" (\", mdx(\"a\", {\n    href: \"/whatsapp/messaging/http#h-commonfields\"\n  }, \"details\"), \")\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"strong\"\n  }, \"type\"), \" values on this page:\"), \" \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\\"template\\\"\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Response:\"), \" the same for every message (\", mdx(\"a\", {\n    href: \"/whatsapp/messaging/http#h-response\"\n  }, \"see response\"), \")\"))), mdx(\"p\", null, \"Templates with buttons: quick reply, one-time password, call and open URL. All are sent with \", mdx(\"a\", {\n    href: \"/whatsapp/messaging/http\"\n  }, \"POST /v1/messaging\"), \"; headers, common fields and the response are in \", mdx(\"a\", {\n    href: \"/whatsapp/messaging/http\"\n  }, \"HTTP connection\"), \". The general template structure (template and components objects) is in \", mdx(\"a\", {\n    href: \"/whatsapp/messaging/with_template\"\n  }, \"Template messages\"), \".\"), mdx(\"section\", {\n    \"id\": \"quickreply\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Quick reply\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Quick reply button: a \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"button\"), \" component with \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"subtype\"), \" \\\"quick_reply\\\". In the parameter object, \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"type\"), \" must be \\\"payload\\\".\")), mdx(\"section\", {\n    \"id\": \"quickreply--body\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Body\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Button component fields:\"), 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  }, \"Name\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Description\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Type\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Requirements\"))), 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  }, \"The value is \\\"button\\\".\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"String\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Required\")), 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  }, \"The value is \\\"quick_reply\\\".\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"String\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Required\")), 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  }, \"Button index (0, 1, 2).\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Integer\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Optional\")))), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Fields for the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Quick reply\"), \" parameter:\"), 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  }, \"Name\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Description\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Type\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Requirements\"))), 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  }, \"The value is \\\"payload\\\".\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"String\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Required\")), 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  }, \"Description of the quick reply button.\"), 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, \"Optional.\"), mdx(\"li\", null, \"Used with the payload parameter type.\"), mdx(\"li\", null, \"Used in the button component.\"), mdx(\"li\", null, \"Maximum length: 128 characters.\"))))))), mdx(\"section\", {\n    \"id\": \"quickreply--example\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Example\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Complete \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Quick reply\"), \" example (HTTP request and JSON body):\")), mdx(\"section\", {\n    \"id\": \"quickreply--example--quickreplyhttprequest\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Quick reply HTTP request\"), 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--example--quickreplybody\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Quick reply body\"), 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\": \"one-timepassword\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"One-time password\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"One-time password template: the code is sent as a text parameter in the body component and in a button with \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"subtype\"), \" \\\"url\\\".\")), mdx(\"section\", {\n    \"id\": \"one-timepassword--example\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Example\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Complete \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"One-time password\"), \" example (HTTP request and JSON body):\")), mdx(\"section\", {\n    \"id\": \"one-timepassword--example--one-timepasswordhttprequest\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"One-time password HTTP request\"), 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\": \"one-timepassword--example--one-timepasswordbody\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"One-time password body\"), 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\": \"callaction\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Call action\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Template with an action button to place a call. The button is defined in the approved template, so only the body component parameters are sent.\")), mdx(\"section\", {\n    \"id\": \"callaction--example\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Example\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Complete \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Call action\"), \" example (HTTP request and JSON body):\")), mdx(\"section\", {\n    \"id\": \"callaction--example--callactionhttprequest\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Call action HTTP request\"), 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\": \"callaction--example--callactionbody\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Call action body\"), 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\": \"openurlaction\"\n  }, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Open URL action\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Template with an action button to open a URL. With a static URL no parameters are sent; with a dynamic URL you send a button with \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"subtype\"), \" \\\"url\\\" whose text parameter is appended to the URL prefix defined in the template.\")), mdx(\"section\", {\n    \"id\": \"openurlaction--example\"\n  }, mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Example\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Complete \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Open URL action\"), \" example (HTTP request and JSON body):\")), mdx(\"section\", {\n    \"id\": \"openurlaction--example--staticurlhttprequest\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Static URL HTTP request\"), 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\": \"openurlaction--example--staticurlbody\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Static URL body\"), 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\": \"openurlaction--example--dynamicurlhttprequest\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Dynamic URL HTTP request\"), 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\": \"openurlaction--example--dynamicurlbody\"\n  }, mdx(\"h4\", {\n    parentName: \"section\"\n  }, \"Dynamic URL body\"), 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":"#body","title":"Body"},{"url":"#example","title":"Example","items":[{"url":"#quick-reply-http-request","title":"Quick reply HTTP request"},{"url":"#quick-reply-body","title":"Quick reply body"}]}]},{"url":"#one-time-password","title":"One-time password","items":[{"url":"#example-1","title":"Example","items":[{"url":"#one-time-password-http-request","title":"One-time password HTTP request"},{"url":"#one-time-password-body","title":"One-time password body"}]}]},{"url":"#call-action","title":"Call action","items":[{"url":"#example-2","title":"Example","items":[{"url":"#call-action-http-request","title":"Call action HTTP request"},{"url":"#call-action-body","title":"Call action body"}]}]},{"url":"#open-url-action","title":"Open URL action","items":[{"url":"#example-3","title":"Example","items":[{"url":"#static-url-http-request","title":"Static URL HTTP request"},{"url":"#static-url-body","title":"Static URL body"},{"url":"#dynamic-url-http-request","title":"Dynamic URL HTTP request"},{"url":"#dynamic-url-body","title":"Dynamic URL body"}]}]}]},"timeToRead":1,"parent":{"__typename":"File","relativePath":"whatsapp/messaging/with_template/buttons.md","fields":{"gitLogLatestAuthorName":"Irais Aguirre","gitLogLatestAuthorEmail":"irais.aguirre@conceptomovil.com","gitLogLatestDate":"6 hours 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":"76295990-2ad5-5ebf-a44a-cbc793482a3d"}},"staticQueryHashes":["12478684","12478684","2882937274","2882937274","353167761","353167761"]}