{"id":1759,"date":"2025-11-27T22:29:28","date_gmt":"2025-11-27T22:29:28","guid":{"rendered":"https:\/\/devad.io\/guides\/?p=1759"},"modified":"2026-01-28T18:21:54","modified_gmt":"2026-01-28T18:21:54","slug":"how-to-use-whatsapp-templates-in-chat-devad-io","status":"publish","type":"post","link":"https:\/\/devad.io\/guides\/chat-devad-io-docs\/how-to-use-whatsapp-templates-in-chat-devad-io\/","title":{"rendered":"WhatsApp Templates &amp; Flows"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"whatsapp-templates-overview\">Understanding WhatsApp Templates<\/h2>\n\n\n\n<p>According to the official <a href=\"https:\/\/www.whatsapp.com\/legal\/business-policy\/\" target=\"_blank\" rel=\"noreferrer noopener\">WhatsApp Business Policy<\/a>, businesses are prohibited from sending unsolicited marketing or solicitation messages directly to end users. The conversation must be initiated by the end user. Once a user messages you, you have a 24-hour window to respond. If you need to communicate with a user who has not contacted you previously, or if the 24-hour window has expired, you are required to use either the text message fallback feature or a WhatsApp message template.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Payment Method Required:<\/strong> To utilize message templates, a valid payment method must be attached to your WhatsApp Business Account. This can be configured at <a href=\"https:\/\/business.facebook.com\/billing_hub\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/business.facebook.com\/billing_hub\/<\/a>.<\/li>\n\n\n\n<li><strong>Bulk Sending:<\/strong> To dispatch a specific message template to a group of users simultaneously, please utilize the <a href=\"https:\/\/chat.devad.io\/docs\/#direct-messages\" target=\"_blank\" rel=\"noreferrer noopener\">direct messages<\/a> functionality.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-156a446\" id=\"gspb_infoBox-id-gsbp-156a446\"><div class=\"gs-box info_type icon_type\"><div class=\"gs-box-icon\"><svg x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\"> <g><g> <path d=\"M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z\"><\/path> <\/g> <\/g> <g> <g> <path d=\"M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z\"><\/path> <\/g> <\/g> <g> <g> <circle cx=\"256\" cy=\"162.84\" r=\"27\"><\/circle> <\/g> <\/g> <\/svg><\/div><div class=\"gs-box-text\">\n<p>Meta&#8217;s free tier covers up to 1,000 user-initiated conversations per WhatsApp Business Account (WABA) monthly.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"text-message-fallback\">Text Message Fallback<\/h2>\n\n\n\n<p>To activate the text message fallback option, you must configure your SMS settings by navigating to <strong>Settings &gt; Notifications &gt; Text message notifications<\/strong>. You can find comprehensive details regarding this setup <a href=\"https:\/\/chat.devad.io\/docs\/#sms\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"whatsapp-message-templates-format\">WhatsApp Message Templates Format<\/h2>\n\n\n\n<p>A WhatsApp message template is a pre-approved message format designed for repeated use to contact users once they have opted in and granted your application permission to message them. You are not permitted to input the actual content of your conversation directly into the template. Instead, the template should be used to notify the user of a new incoming message and provide instructions on how to access it, such as supplying a link to your website where the chat interface is hosted.<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-tabs gspb-tabs gspb_tabs-id-gsbp-89f6f76 gstabs-pills\" data-autoplay=\"false\" data-autoplaytime=\"4\"><div class=\"t-btn-container\" role=\"tablist\"><button class=\"t-btn active\" aria-selected=\"true\" role=\"tab\" tabindex=\"0\" id=\"gspb-tab-item-btn-gsbp-89f6f76-0\" aria-controls=\"gspb-tab-item-content-gsbp-89f6f76-0\"><div class=\"tabtitlelabel\">WhatsApp Cloud API<\/div><\/button><button class=\"t-btn\" aria-selected=\"false\" role=\"tab\" tabindex=\"-1\" id=\"gspb-tab-item-btn-gsbp-89f6f76-1\" aria-controls=\"gspb-tab-item-content-gsbp-89f6f76-1\"><div class=\"tabtitlelabel\">Twilio<\/div><\/button><button class=\"t-btn\" aria-selected=\"false\" role=\"tab\" tabindex=\"-1\" id=\"gspb-tab-item-btn-gsbp-89f6f76-2\" aria-controls=\"gspb-tab-item-content-gsbp-89f6f76-2\"><div class=\"tabtitlelabel\">360dialog<\/div><\/button><\/div><div class=\"t-panel-container\"><div class=\"gswipertabs\"><div class=\"swiper-wrapper\">\n<div aria-labelledby=\"gspb-tab-item-btn-gsbp-89f6f76-0\" id=\"gspb-tab-item-content-gsbp-89f6f76-0\" role=\"tabpanel\" tabindex=\"0\" class=\"t-panel swiper-slide active\"><div class=\"wp-block-greenshift-blocks-tab\">\n<ul class=\"wp-block-list\">\n<li><strong>Management:<\/strong> To retrieve the Template name and organize your templates, visit <a href=\"https:\/\/business.facebook.com\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/business.facebook.com<\/a>. Navigate to the Left menu &gt; Settings &gt; More system settings. From there, proceed to Accounts &gt; WhatsApp accounts &gt; Settings and select WhatsApp Manager.<\/li>\n\n\n\n<li><strong>Languages:<\/strong> In the Template languages field, input all language codes that your template supports, separated by commas. You can find the list of valid language codes <a href=\"https:\/\/chat.devad.io\/docs\/files\/language-codes.txt\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a> (copy only the code, e.g., it, es, en_US). If a template supports multiple languages, the system will automatically select the one matching the user&#8217;s language. If no match is found, the default template language will be utilized.<\/li>\n\n\n\n<li><strong>Header &amp; Body Variables:<\/strong> In the sections for Header variables and Body variables, input the values separated by commas. You are free to use merge fields such as <code>{recipient_name}<\/code> and <code>{recipient_email}<\/code>. Ensure that the count of parameters entered here exactly matches the number of parameters defined in your template. Utilize this feature if your template relies on dynamic values. regarding image headers, the image URL should be passed as the first parameter. The sequence is crucial; the first merge field corresponds to the first template parameter.<\/li>\n\n\n\n<li><strong>Button Variables:<\/strong> In the Button variables section, enter the links for your custom buttons or the text for quick replies prefixed with <code>quick_reply_<\/code> (e.g., <code>quick_reply_abcde<\/code>). Separate each value with a comma. The number of parameters here must align with the template&#8217;s parameters. If your buttons or call-to-actions use static values (like a fixed URL), enter <code>skip_parameter<\/code>. The order is vital, as the first merge field applies to the first template parameter.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div aria-labelledby=\"gspb-tab-item-btn-gsbp-89f6f76-1\" id=\"gspb-tab-item-content-gsbp-89f6f76-1\" role=\"tabpanel\" tabindex=\"0\" class=\"t-panel swiper-slide\"><div class=\"wp-block-greenshift-blocks-tab\">\n<p><strong>Twilio Configuration:<\/strong><br>Locate the Template SID and the template attributes. Enter these values, separated by commas, into <strong>  Settings &gt; Twilio template<\/strong>.<\/p>\n\n\n\n<p>Enter the <b>Template SID<\/b> and the template attributes separated by commas into\n                                <b>CHAT.devad.io &gt; Settings &gt; Twilio template<\/b>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> Get the <b>Namespace<\/b> value from <b>Left menu &gt; WhatsApp accounts &gt; Details<\/b>. <\/li>\n\n\n\n<li> Get <b>Template name<\/b> and <b>Template default language<\/b> from your 360dialog templates area. <\/li>\n\n\n\n<li> In <b>Custom parameters<\/b> Enter the values separated by commas, you can use the following merge fields: <b>{recipient_name}<\/b>, <b>{recipient_email}<\/b>. Use this feature if your template uses dynamic values. Order is important, the first merge field will be used as the first template dynamic value. <\/li>\n\n\n\n<li> CHAT.devad.io will try to use the template with the same language as the user, if it is not available, it will use the template with the default language. The following template languages are not compatible: en_GB(use en_US), pt_PT(use pt_BR), zh_HK and zh_TW(use zh_CN), es_AR and es_MX(use es_ES). <\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div aria-labelledby=\"gspb-tab-item-btn-gsbp-89f6f76-2\" id=\"gspb-tab-item-content-gsbp-89f6f76-2\" role=\"tabpanel\" tabindex=\"0\" class=\"t-panel swiper-slide\"><div class=\"wp-block-greenshift-blocks-tab\">\n<ul class=\"wp-block-list\">\n<li><strong>Namespace:<\/strong> Retrieve the Namespace value by navigating to Left menu &gt; WhatsApp accounts &gt; Details.<\/li>\n\n\n\n<li><strong>Template Details:<\/strong> Obtain the Template name and the Template default language directly from your 360dialog templates dashboard.<\/li>\n\n\n\n<li><strong>Custom Parameters:<\/strong> In the Custom parameters field, enter the values separated by commas. You may use merge fields like <code>{recipient_name}<\/code> and <code>{recipient_email}<\/code>. Use this capability if your template requires dynamic values. The sequence is important; the first merge field is assigned to the first template dynamic value.<\/li>\n\n\n\n<li><strong>Language Matching:<\/strong> CHAT.devadio will attempt to utilize the template matching the user&#8217;s language. If that is unavailable, it defaults to the template&#8217;s standard language. Note that the following languages are incompatible: en_GB (use en_US), pt_PT (use pt_BR), zh_HK and zh_TW (use zh_CN), es_AR and es_MX (use es_ES).<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-1b0678f\" id=\"gspb_infoBox-id-gsbp-1b0678f\"><div class=\"gs-box info_type icon_type\"><div class=\"gs-box-icon\"><svg class=\"\" style=\"display:inline-block;vertical-align:middle\" width=\"32\" height=\"32\" viewBox=\"0 0 704 1024\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path style=\"fill:#565D66\" d=\"M352 160c-105.88 0-192 86.12-192 192 0 17.68 14.32 32 32 32s32-14.32 32-32c0-70.6 57.44-128 128-128 17.68 0 32-14.32 32-32s-14.32-32-32-32zM192.12 918.34c0 6.3 1.86 12.44 5.36 17.68l49.020 73.68c5.94 8.92 15.94 14.28 26.64 14.28h157.7c10.72 0 20.72-5.36 26.64-14.28l49.020-73.68c3.48-5.24 5.34-11.4 5.36-17.68l0.1-86.36h-319.92l0.080 86.36zM352 0c-204.56 0-352 165.94-352 352 0 88.74 32.9 169.7 87.12 231.56 33.28 37.98 85.48 117.6 104.84 184.32v0.12h96v-0.24c-0.020-9.54-1.44-19.020-4.3-28.14-11.18-35.62-45.64-129.54-124.34-219.34-41.080-46.86-63.040-106.3-63.22-168.28-0.4-147.28 119.34-256 255.9-256 141.16 0 256 114.84 256 256 0 61.94-22.48 121.7-63.3 168.28-78.22 89.22-112.84 182.94-124.2 218.92-2.805 8.545-4.428 18.381-4.44 28.594l-0 0.006v0.2h96v-0.1c19.36-66.74 71.56-146.36 104.84-184.32 54.2-61.88 87.1-142.84 87.1-231.58 0-194.4-157.6-352-352-352z\"><\/path><\/svg><\/div><div class=\"gs-box-text\">\n<p><strong>Template Fallback!<br><\/strong>Configure the WhatsApp template to be used as a fallback by navigating to Settings &gt; WhatsApp &gt; Cloud API template fallback. If you operate multiple numbers associated with different WhatsApp Business Accounts, a specific template must be generated for each account. You may assign a different template to each number, provided the template name and language code remain consistent. The test template button initiates a test message from the primary number.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sending-to-new-contacts\">Sending Templates to New Contacts<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Account ID Setup:<\/strong> In <strong>Settings &gt; WhatsApp &gt; Cloud API settings &gt; Business Account ID<\/strong>, input your Business Account ID. You can locate this ID at <a href=\"https:\/\/developers.facebook.com\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.facebook.com\/<\/a>. Select your application and navigate to Left menu &gt; WhatsApp &gt; API Setup.<\/li>\n\n\n\n<li><strong>Select Recipients:<\/strong> To dispatch the template to specific individuals, access the Dashboard Users section and select the intended recipients. Afterward, click the WhatsApp icon found in the top right corner.<\/li>\n\n\n\n<li><strong>Automatic Language:<\/strong> If you utilize the WhatsApp Cloud API with a template that supports multiple languages, the system will automatically choose the language matching the user. If no match exists, the default template language is applied.<\/li>\n\n\n\n<li><strong>Twilio Parameters:<\/strong> If you are using Twilio and your template includes parameters, input the parameter values separated by commas into the Body section.<\/li>\n\n\n\n<li><strong>Further Details:<\/strong> For comprehensive information, click <a href=\"https:\/\/chat.devad.io\/docs\/#direct-messages\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"whatsapp-flows-feature\">WhatsApp Flows<\/h2>\n\n\n\n<p>For additional details regarding WhatsApp Flows, please visit <a href=\"https:\/\/business.whatsapp.com\/products\/whatsapp-flows\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"built-in-flows\">Built-in Flows<\/h2>\n\n\n\n<p>Our App automatically creates and dispatches the following flows. To regenerate a flow, utilize the <strong>Settings &gt; WhatsApp &gt; Clear flows<\/strong> button.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Registration:<\/strong> This flow is triggered when a new user sends their initial message to the WhatsApp number, provided the <strong>Settings &gt; Users &gt; Require registration<\/strong> option is active.<\/li>\n\n\n\n<li><strong>Follow-up:<\/strong> This flow triggers if the <strong>Settings &gt; Messages &amp; Forms &gt; Follow-up message<\/strong> option is enabled and the user has not provided an email address.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"send-custom-flows\">Send Custom Flows<\/h2>\n\n\n\n<p>To send custom flows, use the specific merge field format. Replace &#8220;123&#8221; with your unique flow ID and populate the header, body, and button attributes with your text.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{wa_flow id=\"123\" header=\"Your Header\" body=\"Your Body Text\" button=\"Button Text\"}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"essential-information-and-limitations\">Essential Information &amp; Limitations<\/h2>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordion gs-accordion gspb_accordion-id-gsbp-250dac8\" id=\"gspb_accordion-id-gsbp-250dac8\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-d96f08e gsopen\" id=\"gspb_accordionitem-gsbp-d96f08e\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div id=\"gs-trigger-gsbp-250dac8-0\" class=\"gs-accordion-item__title\" aria-expanded=\"true\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-d96f08e\"><div class=\"gs-accordion-item__heading\">Contact Rules<\/div><meta itemprop=\"name\" content=\"Contact Rules\"\/><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-250dac8-0\" class=\"gs-accordion-item__content\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" id=\"gspb-accordion-item-content-gsbp-d96f08e\" aria-hidden=\"false\"><div class=\"gs-accordion-item__text\" itemprop=\"text\">\n<p>You cannot send a WhatsApp message to a user who contacted you more than 24 hours ago or has never messaged you. WhatsApp strictly prohibits this. Instead, use a <a href=\"https:\/\/chat.devad.io\/docs\/whatsapp-templates\">WhatsApp template<\/a> or send a <a href=\"https:\/\/chat.devad.io\/docs\/#text-message-fallback\">text message<\/a> fallback. An &#8220;Error message: Re-engagement&#8221; indicates this specific issue.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-3db2288 gsclose\" id=\"gspb_accordionitem-gsbp-3db2288\" itemscope><div id=\"gs-trigger-gsbp-250dac8-1\" class=\"gs-accordion-item__title\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-3db2288\"><div class=\"gs-accordion-item__heading\">Troubleshooting Sending Issues<\/div><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-250dac8-1\" class=\"gs-accordion-item__content\" itemscope id=\"gspb-accordion-item-content-gsbp-3db2288\" aria-hidden=\"true\"><div class=\"gs-accordion-item__text\">\n<p>If you aren&#8217;t receiving WhatsApp messages, ensure conversations aren&#8217;t being assigned to a <a href=\"https:\/\/chat.devad.io\/docs\/#departments\">department<\/a> and that the test number isn&#8217;t an admin or agent number. For non-cloud versions, verify the WhatsApp webhook URL setup. If messages fail to send, check the admin area for specific error messages.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-d29d0e9 gsclose\" id=\"gspb_accordionitem-gsbp-d29d0e9\" itemscope><div id=\"gs-trigger-gsbp-250dac8-2\" class=\"gs-accordion-item__title\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-d29d0e9\"><div class=\"gs-accordion-item__heading\">Support Scope for Providers<\/div><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-250dac8-2\" class=\"gs-accordion-item__content\" itemscope id=\"gspb-accordion-item-content-gsbp-d29d0e9\" aria-hidden=\"true\"><div class=\"gs-accordion-item__text\">\n<p>We do not provide support for Twilio or 360dialog configurations or related issues. Additionally, we cannot assist in getting your WhatsApp account or message templates approved by Meta.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-f8e1a5b gsclose\" id=\"gspb_accordionitem-gsbp-f8e1a5b\" itemscope><div id=\"gs-trigger-gsbp-250dac8-3\" class=\"gs-accordion-item__title\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-f8e1a5b\"><div class=\"gs-accordion-item__heading\">AI &#038; Rich Features<\/div><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-250dac8-3\" class=\"gs-accordion-item__content\" itemscope id=\"gspb-accordion-item-content-gsbp-f8e1a5b\" aria-hidden=\"true\"><div class=\"gs-accordion-item__text\">\n<p>Supported features include language detection, spelling correction, multilingual translation, and Google search. You can also send <a href=\"https:\/\/chat.devad.io\/docs\/#rich-messages\">rich messages<\/a>. For menus with more than 3 options, use the <code>whatsapp=\"Your menu text\"<\/code> shortcode attribute.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-c4b2d1a gsclose\" id=\"gspb_accordionitem-gsbp-c4b2d1a\" itemscope><div id=\"gs-trigger-gsbp-250dac8-4\" class=\"gs-accordion-item__title\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-c4b2d1a\"><div class=\"gs-accordion-item__heading\">Sandbox &#038; Limitations<\/div><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-250dac8-4\" class=\"gs-accordion-item__content\" itemscope id=\"gspb-accordion-item-content-gsbp-c4b2d1a\" aria-hidden=\"true\"><div class=\"gs-accordion-item__text\">\n<p>If testing with the sandbox, re-link your phone number after 72 hours if sending fails. Be aware that Twilio and 360dialog have limitations, such as Twilio&#8217;s 1600-character limit. We strongly recommend using the Official WhatsApp API.<\/p>\n<\/div><\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Understanding WhatsApp Templates According to the official WhatsApp Business Policy, businesses are prohibited from sending unsolicited marketing or solicitation messages directly to end users. The&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":".gspb-tabs *{box-sizing: border-box !important}.t-btn-container{display:flex;flex-direction:row;width:100%;align-items:center;margin-bottom:-1px;flex-wrap:wrap}.t-btn-container .t-btn{background-origin: border-box;list-style:none;display:inline-flex;align-items:center;margin:0;padding:11px 24px;cursor:pointer;position:relative;transition:all .4s ease-in-out; font-size:20px}.t-btn-container .t-btn .tabsubtitle{font-size:70%;opacity:.7}.gstabs-tabs .t-btn{border:1px solid transparent;border-top-width:2px}.gstabs-tabs .t-btn:focus{outline:none;}.gstabs-tabs .t-btn.active{border-color:rgba(206,206,206,.4);border-bottom-color:#fff;background-color:#fff;color:#333}.t-panel-container .t-panel{opacity:0;overflow:hidden;display:none}.t-panel-container .t-panel.active{opacity:1;display:block!important}.t-panel-container{margin-bottom:25px;overflow:hidden; padding:30px}.gstabs-tabs .t-panel-container{border:1px solid rgba(206,206,206,.4);background-color:#fff}.t-btn-container ul{margin:0!important;padding:0!important}.gstabs-underline .t-btn-container .t-btn:after{position:absolute;bottom:0;left:0;content:'';height:3px;width:0;transition:width .5s,left .5s,right .5s;}.gstabs-underline .t-btn-container .t-btn.active:after{width:100%;left:0;right:0}.gstabs-pills .t-btn-container .t-btn{margin:0 10px;border:1px solid transparent}.gstabs-vertical{display:flex}.gstabs-vertical .t-btn-container{display:block;width:150px}.gstabs-vertical .t-btn-container .t-btn{margin-bottom:10px;width:150px; border:1px solid transparent}.gstabs-vertical .t-panel-container{flex-grow:1}.t-btn-container .t-btn .gs-image{flex-grow:inherit;}.t-btn-container .t-btn img{margin:0;height:25px;min-width:auto}@keyframes gcwidthleftright{0%{width:0%}100%{width:100%}}@keyframes gcslidefromtop{0%{transform:translateY(-10px);opacity:0}100%{transform:translateY(0);opacity:1}}@media (max-width: 575.98px){body .tabscroll .t-btn-container{overflow-x:scroll;flex-wrap:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;width: 100% !important;white-space: nowrap;display:block; padding-bottom:15px}.tabscroll .t-btn-container .t-btn{scroll-snap-align:start;white-space: nowrap;width: auto !important;margin-right: 10px;}.tabscroll .t-btn-container .t-btn.active{box-shadow:none!important}.gstabs-vertical{display:block !important}.gstabs-vertical .t-panel-container{margin-top:25px}.t-btn-container .t-btn{font-size:15px}}.gswipertabs{overflow:hidden}.t-panel-container .t-panel{width:100%}.t-panel-container p:last-of-type{margin-bottom:0}.gspb_tabs-id-gsbp-89f6f76 .t-btn-container{justify-content: left}.gspb_tabs-id-gsbp-89f6f76.gspb-tabs > .t-btn-container > .t-btn{margin-left:calc(10px\/2);margin-right:calc(10px\/2);margin-bottom:calc(10px);border-radius:2px}.gspb_tabs-id-gsbp-89f6f76.gspb-tabs > .t-btn-container{margin-right:calc(-10px\/2) !important;margin-left:calc(-10px\/2) !important}.gspb_tabs-id-gsbp-89f6f76.gspb-tabs > .t-panel-container{background-color:#faf5ff!important}.gspb_tabs-id-gsbp-89f6f76 > .t-btn-container > .t-btn{background-color: #f5f5f5}.gspb_tabs-id-gsbp-89f6f76 > .t-btn-container > .t-btn.active{background-color: #e5e5e5}.gspb_tabs-id-gsbp-89f6f76.gspb-tabs> .t-btn-container > .t-btn{background-color:var(--wp--preset--color--border, #00000012);}.gspb_tabs-id-gsbp-89f6f76.gspb-tabs> .t-btn-container > .t-btn.active{background-color:#f4e3ff;}.gspb_tabs-id-gsbp-89f6f76 .t-btn-container .t-btn{gap:10px}.gs-box{padding:20px;border-left:5px solid transparent;margin-bottom:25px}.gs-box-text > p{margin-bottom: 20px;margin-top:0}.gs-box-text > p:last-of-type{margin-bottom:0}.gs-box.info_type{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.gs-box.info_type svg{fill:#30a030}.gs-box.icon_type{display:flex}.gs-box.icon_type .gs-box-icon{width:28px;min-width:28px}.gs-box.icon_type .gs-box-text{flex-grow:1;margin:0 15px}#gspb_infoBox-id-gsbp-1b0678f svg, #gspb_infoBox-id-gsbp-1b0678f svg path{fill:currentColor !important;}#gspb_infoBox-id-gsbp-1b0678f svg{margin:0px !important;}#gspb_infoBox-id-gsbp-1b0678f svg:hover, #gspb_infoBox-id-gsbp-1b0678f svg:hover path{fill:currentColor !important;} #gspb_accordion-id-gsbp-250dac8 .gs-accordion-item.gsclose > .gs-accordion-item__content{overflow: hidden;opacity: 0;} #gspb_accordion-id-gsbp-250dac8 .gs-accordion-item.gsopen > .gs-accordion-item__content{opacity: 1;max-height:5000px} #gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__title > .gs-accordion-item__heading{outline:0;text-decoration:none;margin:0 !important;padding:0!important;flex-grow:1} #gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__title{z-index:1;margin:0;cursor:pointer;transition:all .3s ease-in-out; position: relative;display: flex;justify-content: space-between;align-items: center;flex-wrap:nowrap} #gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__content{z-index:0;position:relative;max-height: 0;will-change: max-height;transition: all 0.25s ease-out;}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__title{background-color:#f9f9f9;}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__title{border-style:solid;border-width:1px;border-color:var(--wp--preset--color--border, #00000012);}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__content{background-color:#ffffff;}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__content{border-style:solid;border-width:1px;border-color:var(--wp--preset--color--border, #00000012);}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__content{border-top-style:solid;border-top-width:1px;border-top-color:#00000000;}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__title span.iconfortoggle{margin-left:15px;}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item{margin-bottom:10px;}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__title{padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px;}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__content > .gs-accordion-item__text{padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px;}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__title{text-align: center}#gspb_accordion-id-gsbp-250dac8 .gs-accordion-item > .gs-accordion-item__title span.iconfortoggle{display:inline-block;height:14px;width:14px; position:relative}.gs-accordion .gs-accordion-item.gsopen .gs-accordion-item__title .gs-iconafter{transform:rotate(0)}.gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconbefore{content:'';width:14px;height:2px;border-radius:2px;background-color:#111;position:absolute;top:6px;left:0} .gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconafter{content:'';width:14px;height:2px;border-radius:2px;background-color:#111;position:absolute;top:6px;transform:rotate(90deg);transition:all .3s ease-in-out; left:0}.gs-box{padding:20px;border-left:5px solid transparent;margin-bottom:25px}.gs-box-text > p{margin-bottom: 20px;margin-top:0}.gs-box-text > p:last-of-type{margin-bottom:0}.gs-box.info_type{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.gs-box.info_type svg{fill:#30a030}.gs-box.icon_type{display:flex}.gs-box.icon_type .gs-box-icon{width:28px;min-width:28px}.gs-box.icon_type .gs-box-text{flex-grow:1;margin:0 15px}","pgc_sgb_lightbox_settings":"","footnotes":"","_siteseo_titles_title":"","_siteseo_titles_desc":"","_siteseo_analysis_target_kw":"","_siteseo_robots_canonical":"","_siteseo_robots_index":"","_siteseo_robots_follow":"","_siteseo_robots_primary_cat":"","_siteseo_social_fb_title":"","_siteseo_social_fb_desc":"","_siteseo_social_fb_img":"","_siteseo_social_twitter_title":"","_siteseo_social_twitter_desc":"","_siteseo_social_twitter_img":""},"categories":[2,112],"tags":[104],"class_list":["post-1759","post","type-post","status-publish","format-standard","hentry","category-chat-devad-io-docs","category-whatsapp","tag-chat-devad-io"],"acf":[],"menu_order":0,"_links":{"self":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/1759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/comments?post=1759"}],"version-history":[{"count":19,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/1759\/revisions"}],"predecessor-version":[{"id":2489,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/1759\/revisions\/2489"}],"wp:attachment":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/media?parent=1759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/categories?post=1759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/tags?post=1759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}