{"id":1710,"date":"2025-05-14T19:40:28","date_gmt":"2025-05-14T14:10:28","guid":{"rendered":"https:\/\/www.smsgatewaycenter.com\/blog\/?post_type=docs&#038;p=1710"},"modified":"2025-05-14T19:40:29","modified_gmt":"2025-05-14T14:10:29","password":"","slug":"add-interactive-buttons-whatsapp-templates-smsgatewaycenter","status":"publish","type":"docs","link":"https:\/\/www.smsgatewaycenter.com\/blog\/kb\/add-interactive-buttons-whatsapp-templates-smsgatewaycenter\/","title":{"rendered":"How do I add interactive buttons to WhatsApp template messages on SMSGatewayCenter, and what types of buttons are available?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Adding buttons to <strong>WhatsApp template messages<\/strong> enhances user engagement by allowing customers to take actions directly from the message, such as visiting a website or replying with a quick response. <strong>SMSGatewayCenter<\/strong> makes it simple to create templates with interactive buttons for the <strong><a href=\"https:\/\/www.smsgatewaycenter.com\/whatsapp-business-api\/\">WhatsApp Business API<\/a><\/strong>. Here\u2019s a step-by-step guide to help you add buttons and understand the available options:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Add Buttons to Template Messages?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Buttons make your WhatsApp template messages interactive, enabling customers to respond or take action without leaving the chat. This can improve engagement, drive conversions, and streamline customer interactions, such as directing users to your website or triggering a chatbot response.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Types of Buttons Supported by WhatsApp<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WhatsApp offers three main types of buttons for template messages, which you can configure on SMSGatewayCenter:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Quick Reply Buttons<\/strong>:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Allow users to respond with predefined options.<\/li>\n\n\n\n<li>Up to 3 quick reply buttons per template.<\/li>\n\n\n\n<li>Each button can have a unique Postback ID to trigger automated responses (e.g., via a chatbot).<\/li>\n\n\n\n<li>Example: \u201cYes,\u201d \u201cNo,\u201d \u201cMaybe\u201d buttons for a survey.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Call-to-Action (CTA) Buttons<\/strong>:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Direct users to take specific actions, such as visiting a website or making a call.<\/li>\n\n\n\n<li>Up to 2 CTA buttons per template (you can mix types).<\/li>\n\n\n\n<li>Types of CTA buttons:\n<ul class=\"wp-block-list\">\n<li><em>Visit Website<\/em>: Links to a URL (e.g., \u201cShop Now\u201d linking to your store).<\/li>\n\n\n\n<li><em>Call Phone Number<\/em>: Initiates a call to a predefined number (e.g., \u201cCall Us\u201d for customer support).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Example: \u201cShop Now\u201d (URL) and \u201cCall Support\u201d (phone number).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Copy Code Button (Authentication Templates Only)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Specific to Authentication templates (e.g., OTP messages).<\/li>\n\n\n\n<li>Allows users to copy a code (e.g., OTP) with one tap.<\/li>\n\n\n\n<li>Example: \u201cCopy Code\u201d button in an OTP message like, \u201cYour OTP is {{1}}.\u201d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">How to Add Buttons to a Template on SMSGatewayCenter<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Access the Template Messages Section<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Log in to your SMSGatewayCenter account at https:\/\/www.smsgatewaycenter.com\/.<\/li>\n\n\n\n<li>Navigate to the WhatsApp Business API section, then go to the <em>Template Messages<\/em> tab.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Create a Template with Buttons<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <em>Add New Template<\/em>.<\/li>\n\n\n\n<li>Select the appropriate category (e.g., Marketing, Utility, or Authentication).<\/li>\n\n\n\n<li>Choose the template type as <em>Interactive &#8211; Message with Buttons<\/em> (or a similar option for Authentication templates if adding a Copy Code button).<\/li>\n\n\n\n<li>Fill in the basic details:\n<ul class=\"wp-block-list\">\n<li><em>Template Name<\/em>: Use a descriptive name (e.g., \u201cpromo_buttons_may2025\u201d).<\/li>\n\n\n\n<li><em>Language<\/em>: Select the language (e.g., English).<\/li>\n\n\n\n<li><em>Message Body<\/em>: Write the message (e.g., \u201cHi {{1}}, check out our latest offers!\u201d).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Add Buttons to the Template<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>For Quick Reply Buttons<\/strong>:\n<ul class=\"wp-block-list\">\n<li>In the buttons section, select <em>Quick Reply<\/em>.<\/li>\n\n\n\n<li>Add up to 3 buttons:<\/li>\n\n\n\n<li><em>Button Text<\/em>: Label each button (e.g., \u201cYes,\u201d up to 20 characters).<\/li>\n\n\n\n<li><em>Postback ID<\/em>: Assign a unique keyword (e.g., \u201cyes_response\u201d) to trigger a chatbot or predefined reply.<\/li>\n\n\n\n<li>Example: Buttons labeled \u201cYes,\u201d \u201cNo,\u201d and \u201cLater\u201d with Postback IDs to trigger different chatbot responses.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>For Call-to-Action Buttons<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Select <em>Call to Action<\/em>.<\/li>\n\n\n\n<li>Add up to 2 buttons:<\/li>\n\n\n\n<li><em>Visit Website<\/em>: Enter the button text (e.g., \u201cShop Now\u201d) and the URL (e.g., your website link).<\/li>\n\n\n\n<li><em>Call Phone Number<\/em>: Enter the button text (e.g., \u201cCall Us\u201d) and the phone number (e.g., +912228657726).<\/li>\n\n\n\n<li>Example: \u201cShop Now\u201d linking to your store and \u201cCall Us\u201d to initiate a call.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>For Copy Code Button (Authentication Only)<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Select <em>Copy Code<\/em> (available only for Authentication templates).<\/li>\n\n\n\n<li>The button will automatically allow users to copy the OTP or code from the message body.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/interactive-buttons.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"726\" src=\"https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/interactive-buttons-1024x726.webp\" alt=\"interactive buttons\" class=\"wp-image-1711\" srcset=\"https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/interactive-buttons-1024x726.webp 1024w, https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/interactive-buttons-300x213.webp 300w, https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/interactive-buttons-768x545.webp 768w, https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/interactive-buttons-1536x1089.webp 1536w, https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/interactive-buttons.webp 1912w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/copy-code-buttons.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/copy-code-buttons-1024x498.webp\" alt=\"copy code buttons\" class=\"wp-image-1712\" srcset=\"https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/copy-code-buttons-1024x498.webp 1024w, https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/copy-code-buttons-300x146.webp 300w, https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/copy-code-buttons-768x374.webp 768w, https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/copy-code-buttons-1536x747.webp 1536w, https:\/\/www.smsgatewaycenter.com\/blog\/wp-content\/uploads\/2025\/05\/copy-code-buttons.webp 1858w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Submit for Approval<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Review the template to ensure it meets WhatsApp\u2019s guidelines (e.g., message body under 1024 characters, buttons properly configured).<\/li>\n\n\n\n<li>Submit the template for WhatsApp approval via SMSGatewayCenter. Approval typically takes 24-48 hours.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Send the Template Message<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Once approved, go to the <em>Compose<\/em> section in your dashboard.<\/li>\n\n\n\n<li>Select the approved template with buttons.<\/li>\n\n\n\n<li>Replace any dynamic variables (e.g., {{1}} with the customer\u2019s name).<\/li>\n\n\n\n<li>Choose your recipients and send the message.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Best Practices for Using Buttons in Templates<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Keep Buttons Relevant<\/strong>: Ensure button actions align with the message\u2019s purpose (e.g., \u201cShop Now\u201d for a promotional offer).<\/li>\n\n\n\n<li><strong>Use Clear Labels<\/strong>: Make button text concise and actionable (e.g., \u201cLearn More\u201d instead of \u201cClick Here\u201d).<\/li>\n\n\n\n<li><strong>Test Functionality<\/strong>: Use SMSGatewayCenter\u2019s <em>Test<\/em> feature to send the template to a test number and verify that buttons work as expected.<\/li>\n\n\n\n<li><strong>Obtain Opt-In<\/strong>: For Marketing templates, ensure customers have opted in to receive messages to comply with WhatsApp\u2019s policies.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Why Use Buttons in Templates?<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Increase Engagement<\/strong>: Buttons encourage users to interact, opening the 24-hour Customer Care Window for session messaging.<\/li>\n\n\n\n<li><strong>Drive Actions<\/strong>: CTAs like \u201cVisit Website\u201d can boost conversions by directing users to your site.<\/li>\n\n\n\n<li><strong>Streamline Interactions<\/strong>: Quick Reply buttons can trigger automated responses, saving time for both customers and agents.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Adding buttons to your <strong>WhatsApp template messages<\/strong> can significantly enhance your customer engagement strategy. For further assistance with creating or managing templates, contact our support team.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding buttons to WhatsApp template messages enhances user engagement by allowing customers to take actions directly from the message, such as visiting a website or replying with a quick response. SMSGatewayCenter makes it simple to create templates with interactive buttons for the WhatsApp Business API. Here\u2019s a step-by-step guide to help you add buttons and [&hellip;]<\/p>\n","protected":false},"author":118,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[1383],"doc_tag":[],"class_list":["post-1710","docs","type-docs","status-publish","hentry","doc_category-template-messages"],"year_month":"2026-07","word_count":786,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"admin","author_nicename":"admin","author_url":"https:\/\/www.smsgatewaycenter.com\/blog\/author\/admin\/"},"doc_category_info":[{"term_name":"Template Messages","term_url":"https:\/\/www.smsgatewaycenter.com\/blog\/kb-cat\/template-messages\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/docs\/1710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/users\/118"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/comments?post=1710"}],"version-history":[{"count":0,"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/docs\/1710\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/media?parent=1710"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/doc_category?post=1710"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.smsgatewaycenter.com\/blog\/wp-json\/wp\/v2\/doc_tag?post=1710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}