{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-products/whatsapp/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"WhatsApp Gateway","description":"Integration and usage documentation.","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"whatsapp-gateway","__idx":0},"children":["WhatsApp Gateway"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["This guide helps you integrate the WhatsApp Gateway into your application to send template-based messages and OTPs to your users via WhatsApp."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"what-is-whatsapp-gateway","__idx":1},"children":["What is WhatsApp Gateway?"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["WhatsApp Gateway is a service that allows businesses to send WhatsApp messages to their users through the WhatsApp Business Platform. All messages are based on ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["pre-approved templates"]}," — either utility templates for transactional messages or authentication templates for OTP delivery."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["It supports:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Utility templates"]}," — transactional messages such as confirmations, alerts, and notifications"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Authentication templates"]}," — OTP delivery with optional autofill and copy-code buttons"]}]},{"$$mdtype":"Tag","name":"Mermaid","attributes":{"data-language":"mermaid","diagramSource":"flowchart LR\n    A[Your Application] --> B[WhatsApp Gateway]\n    B --> C[Meta / WhatsApp Business Platform]\n    C --> D[End User]\n","diagramHtml":"<div class=\"mermaid\" data-processed=\"true\"><svg id=\"mermaid-1771859336698\" width=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"flowchart\" style=\"max-width: 941.234375px;\" viewBox=\"0 0 941.234375 94\" role=\"graphics-document document\" aria-roledescription=\"flowchart-v2\"><style>#mermaid-1771859336698{font-family:\"trebuchet ms\",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-1771859336698 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-1771859336698 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-1771859336698 .error-icon{fill:#552222;}#mermaid-1771859336698 .error-text{fill:#552222;stroke:#552222;}#mermaid-1771859336698 .edge-thickness-normal{stroke-width:1px;}#mermaid-1771859336698 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1771859336698 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1771859336698 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-1771859336698 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1771859336698 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1771859336698 .marker{fill:#333333;stroke:#333333;}#mermaid-1771859336698 .marker.cross{stroke:#333333;}#mermaid-1771859336698 svg{font-family:\"trebuchet ms\",verdana,arial,sans-serif;font-size:16px;}#mermaid-1771859336698 p{margin:0;}#mermaid-1771859336698 .label{font-family:\"trebuchet ms\",verdana,arial,sans-serif;color:#333;}#mermaid-1771859336698 .cluster-label text{fill:#333;}#mermaid-1771859336698 .cluster-label span{color:#333;}#mermaid-1771859336698 .cluster-label span p{background-color:transparent;}#mermaid-1771859336698 .label text,#mermaid-1771859336698 span{fill:#333;color:#333;}#mermaid-1771859336698 .node rect,#mermaid-1771859336698 .node circle,#mermaid-1771859336698 .node ellipse,#mermaid-1771859336698 .node polygon,#mermaid-1771859336698 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-1771859336698 .rough-node .label text,#mermaid-1771859336698 .node .label text,#mermaid-1771859336698 .image-shape .label,#mermaid-1771859336698 .icon-shape .label{text-anchor:middle;}#mermaid-1771859336698 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-1771859336698 .rough-node .label,#mermaid-1771859336698 .node .label,#mermaid-1771859336698 .image-shape .label,#mermaid-1771859336698 .icon-shape .label{text-align:center;}#mermaid-1771859336698 .node.clickable{cursor:pointer;}#mermaid-1771859336698 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-1771859336698 .arrowheadPath{fill:#333333;}#mermaid-1771859336698 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-1771859336698 .flowchart-link{stroke:#333333;fill:none;}#mermaid-1771859336698 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-1771859336698 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-1771859336698 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-1771859336698 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-1771859336698 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-1771859336698 .cluster text{fill:#333;}#mermaid-1771859336698 .cluster span{color:#333;}#mermaid-1771859336698 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\"trebuchet ms\",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-1771859336698 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-1771859336698 rect.text{fill:none;stroke-width:0;}#mermaid-1771859336698 .icon-shape,#mermaid-1771859336698 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-1771859336698 .icon-shape p,#mermaid-1771859336698 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-1771859336698 .icon-shape rect,#mermaid-1771859336698 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-1771859336698 .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-1771859336698 .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-1771859336698 :root{--mermaid-font-family:\"trebuchet ms\",verdana,arial,sans-serif;}</style><g><marker id=\"mermaid-1771859336698_flowchart-v2-pointEnd\" class=\"marker flowchart-v2\" viewBox=\"0 0 10 10\" refX=\"5\" refY=\"5\" markerUnits=\"userSpaceOnUse\" markerWidth=\"8\" markerHeight=\"8\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowMarkerPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker><marker id=\"mermaid-1771859336698_flowchart-v2-pointStart\" class=\"marker flowchart-v2\" viewBox=\"0 0 10 10\" refX=\"4.5\" refY=\"5\" markerUnits=\"userSpaceOnUse\" markerWidth=\"8\" markerHeight=\"8\" orient=\"auto\"><path d=\"M 0 5 L 10 10 L 10 0 z\" class=\"arrowMarkerPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker><marker id=\"mermaid-1771859336698_flowchart-v2-circleEnd\" class=\"marker flowchart-v2\" viewBox=\"0 0 10 10\" refX=\"11\" refY=\"5\" markerUnits=\"userSpaceOnUse\" markerWidth=\"11\" markerHeight=\"11\" orient=\"auto\"><circle cx=\"5\" cy=\"5\" r=\"5\" class=\"arrowMarkerPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></circle></marker><marker id=\"mermaid-1771859336698_flowchart-v2-circleStart\" class=\"marker flowchart-v2\" viewBox=\"0 0 10 10\" refX=\"-1\" refY=\"5\" markerUnits=\"userSpaceOnUse\" markerWidth=\"11\" markerHeight=\"11\" orient=\"auto\"><circle cx=\"5\" cy=\"5\" r=\"5\" class=\"arrowMarkerPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></circle></marker><marker id=\"mermaid-1771859336698_flowchart-v2-crossEnd\" class=\"marker cross flowchart-v2\" viewBox=\"0 0 11 11\" refX=\"12\" refY=\"5.2\" markerUnits=\"userSpaceOnUse\" markerWidth=\"11\" markerHeight=\"11\" orient=\"auto\"><path d=\"M 1,1 l 9,9 M 10,1 l -9,9\" class=\"arrowMarkerPath\" style=\"stroke-width: 2; stroke-dasharray: 1, 0;\"></path></marker><marker id=\"mermaid-1771859336698_flowchart-v2-crossStart\" class=\"marker cross flowchart-v2\" viewBox=\"0 0 11 11\" refX=\"-1\" refY=\"5.2\" markerUnits=\"userSpaceOnUse\" markerWidth=\"11\" markerHeight=\"11\" orient=\"auto\"><path d=\"M 1,1 l 9,9 M 10,1 l -9,9\" class=\"arrowMarkerPath\" style=\"stroke-width: 2; stroke-dasharray: 1, 0;\"></path></marker><g class=\"root\"><g class=\"clusters\"></g><g class=\"edgePaths\"><path d=\"M190.594,47L194.76,47C198.927,47,207.26,47,214.927,47C222.594,47,229.594,47,233.094,47L236.594,47\" id=\"L_A_B_0\" class=\"edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link\" style=\";\" data-edge=\"true\" data-et=\"edge\" data-id=\"L_A_B_0\" data-points=\"W3sieCI6MTkwLjU5Mzc1LCJ5Ijo0N30seyJ4IjoyMTUuNTkzNzUsInkiOjQ3fSx7IngiOjI0MC41OTM3NSwieSI6NDd9XQ==\" marker-end=\"url(#mermaid-1771859336698_flowchart-v2-pointEnd)\"></path><path d=\"M445.766,47L449.932,47C454.099,47,462.432,47,470.099,47C477.766,47,484.766,47,488.266,47L491.766,47\" id=\"L_B_C_0\" class=\"edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link\" style=\";\" data-edge=\"true\" data-et=\"edge\" data-id=\"L_B_C_0\" data-points=\"W3sieCI6NDQ1Ljc2NTYyNSwieSI6NDd9LHsieCI6NDcwLjc2NTYyNSwieSI6NDd9LHsieCI6NDk1Ljc2NTYyNSwieSI6NDd9XQ==\" marker-end=\"url(#mermaid-1771859336698_flowchart-v2-pointEnd)\"></path><path d=\"M755.766,47L759.932,47C764.099,47,772.432,47,780.099,47C787.766,47,794.766,47,798.266,47L801.766,47\" id=\"L_C_D_0\" class=\"edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link\" style=\";\" data-edge=\"true\" data-et=\"edge\" data-id=\"L_C_D_0\" data-points=\"W3sieCI6NzU1Ljc2NTYyNSwieSI6NDd9LHsieCI6NzgwLjc2NTYyNSwieSI6NDd9LHsieCI6ODA1Ljc2NTYyNSwieSI6NDd9XQ==\" marker-end=\"url(#mermaid-1771859336698_flowchart-v2-pointEnd)\"></path></g><g class=\"edgeLabels\"><g class=\"edgeLabel\"><g class=\"label\" data-id=\"L_A_B_0\" transform=\"translate(0, 0)\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" class=\"labelBkg\" style=\"display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g><g class=\"edgeLabel\"><g class=\"label\" data-id=\"L_B_C_0\" transform=\"translate(0, 0)\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" class=\"labelBkg\" style=\"display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g><g class=\"edgeLabel\"><g class=\"label\" data-id=\"L_C_D_0\" transform=\"translate(0, 0)\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" class=\"labelBkg\" style=\"display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g></g><g class=\"nodes\"><g class=\"node default\" id=\"flowchart-A-0\" transform=\"translate(99.296875, 47)\"><rect class=\"basic label-container\" style=\"\" x=\"-91.296875\" y=\"-27\" width=\"182.59375\" height=\"54\"></rect><g class=\"label\" style=\"\" transform=\"translate(-61.296875, -12)\"><rect></rect><foreignObject width=\"122.59375\" height=\"24\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;\"><span class=\"nodeLabel\"><p>Your Application</p></span></div></foreignObject></g></g><g class=\"node default\" id=\"flowchart-B-1\" transform=\"translate(343.1796875, 47)\"><rect class=\"basic label-container\" style=\"\" x=\"-102.5859375\" y=\"-27\" width=\"205.171875\" height=\"54\"></rect><g class=\"label\" style=\"\" transform=\"translate(-72.5859375, -12)\"><rect></rect><foreignObject width=\"145.171875\" height=\"24\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;\"><span class=\"nodeLabel\"><p>WhatsApp Gateway</p></span></div></foreignObject></g></g><g class=\"node default\" id=\"flowchart-C-3\" transform=\"translate(625.765625, 47)\"><rect class=\"basic label-container\" style=\"\" x=\"-130\" y=\"-39\" width=\"260\" height=\"78\"></rect><g class=\"label\" style=\"\" transform=\"translate(-100, -24)\"><rect></rect><foreignObject width=\"200\" height=\"48\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;\"><span class=\"nodeLabel\"><p>Meta / WhatsApp Business Platform</p></span></div></foreignObject></g></g><g class=\"node default\" id=\"flowchart-D-5\" transform=\"translate(869.5, 47)\"><rect class=\"basic label-container\" style=\"\" x=\"-63.734375\" y=\"-27\" width=\"127.46875\" height=\"54\"></rect><g class=\"label\" style=\"\" transform=\"translate(-33.734375, -12)\"><rect></rect><foreignObject width=\"67.46875\" height=\"24\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;\"><span class=\"nodeLabel\"><p>End User</p></span></div></foreignObject></g></g></g></g></g></svg></div>"},"children":["flowchart LR\n    A[Your Application] --> B[WhatsApp Gateway]\n    B --> C[Meta / WhatsApp Business Platform]\n    C --> D[End User]\n"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"documentation-structure","__idx":2},"children":["Documentation structure"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"get-started","__idx":3},"children":["Get started"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/get-started/get-started"},"children":["Quick start"]}," — prerequisites, environments, and authentication"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"developer-documentation","__idx":4},"children":["Developer documentation"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Integration Guide"]},": how to send messages and manage templates:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/developer-documentation/integration-guide/templates"},"children":["Templates"]}," — template categories, approval, language fallback"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/developer-documentation/integration-guide/authentication-templates"},"children":["Authentication templates"]}," — components and button behavior for OTP delivery"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/developer-documentation/integration-guide/utility-templates"},"children":["Utility templates"]}," — components, button types, and practical examples"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/developer-documentation/integration-guide/how-to-format-messages"},"children":["How to format messages"]}," — text formatting options for utility template bodies"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/developer-documentation/integration-guide/sender"},"children":["Sender"]}," — default and custom senders"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["API References"]},": complete technical documentation of the REST APIs:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/developer-documentation/api-references/send-message-apis"},"children":["Send message APIs"]}," — send utility and OTP messages"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/developer-documentation/api-references/template-management-apis"},"children":["Template management APIs"]}," — create and manage templates"]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"release-notes","__idx":5},"children":["Release Notes"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/products/whatsapp/enterprise-documentation/developer-documentation/release-notes"},"children":["Release Notes"]}," — version history and changelog of WhatsApp Gateway updates."]}]}]},"headings":[{"value":"WhatsApp Gateway","id":"whatsapp-gateway","depth":1},{"value":"What is WhatsApp Gateway?","id":"what-is-whatsapp-gateway","depth":2},{"value":"Documentation structure","id":"documentation-structure","depth":2},{"value":"Get started","id":"get-started","depth":3},{"value":"Developer documentation","id":"developer-documentation","depth":3},{"value":"Release Notes","id":"release-notes","depth":3}],"frontmatter":{"layout":"doc","outline":"deep","title":"WhatsApp Gateway","description":"Send WhatsApp messages to your users using template-based messaging","keywords":["whatsapp","whatsapp gateway","messaging","template","otp"],"scope":"Messaging","product":"WhatsApp Gateway","category":"messaging","seo":{"title":"WhatsApp Gateway"}},"lastModified":"2026-03-07T14:43:01.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/products/whatsapp/homepage","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}