{"id":38,"date":"2026-07-24T19:55:28","date_gmt":"2026-07-24T14:25:28","guid":{"rendered":"http:\/\/localhost:8080\/?p=38"},"modified":"2026-07-24T19:55:28","modified_gmt":"2026-07-24T14:25:28","slug":"introducing-whatsapp-messaging","status":"publish","type":"post","link":"https:\/\/wp-dev.kcnet.in\/?p=38","title":{"rendered":"Introducing WhatsApp Messaging"},"content":{"rendered":"<p>WhatsApp Messaging connects the site to an external WhatsApp messaging API and turns it into a spam-proof contact channel.<\/p>\n<h2>Features<\/h2>\n<ul>\n<li>Form builder in the KC-Dev panel: custom fields (text, email, phone, number, textarea), each optional or required.<\/li>\n<li>OTP verification: visitors receive a one-time code on WhatsApp and must confirm it before the submission is delivered \u2014 no fake numbers, no bot spam.<\/li>\n<li>Message templates with <code>{Field Label}<\/code> placeholders and WhatsApp styling (<code>*bold*<\/code>, <code>_italic_<\/code>).<\/li>\n<li>Automatic number normalization with a configurable default country prefix.<\/li>\n<li>Message logs with status and API response, exportable as CSV.<\/li>\n<li>Settings panel with usage guide under the KC-Dev admin menu.<\/li>\n<li><code><div class=\"kcd_wa-messaging kcd_wa-messaging_shortcode\">\t\t<button class=\"kcd_wa-messaging_contact-trigger-btn\" data-form-id=\"1\">\n\t\t\t<svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 20px; height: 20px; fill: currentColor; margin-right: 8px; vertical-align: middle;\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n\t\t\tContact us on WhatsApp\t\t<\/button>\n\t\t\n\t<div class=\"kcd_wa-messaging_modal-overlay\" id=\"kcd_wa-messaging_modal-1\" style=\"display: none;\">\n\t\t<div class=\"kcd_wa-messaging_widget-wrapper\">\n\t\t\t<button type=\"button\" class=\"kcd_wa-messaging_modal-close\" aria-label=\"Close\">&times;<\/button>\n\t\t\t<div class=\"kcd_wa-messaging_widget-header\">\n\t\t\t\t<h3 class=\"kcd_wa-messaging_widget-title\">Contact us on WhatsApp<\/h3>\n\t\t\t\t\t\t\t\t\t<p class=\"kcd_wa-messaging_widget-subtitle\">Fill out the form below and we will contact you on WhatsApp.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<form class=\"kcd_wa-messaging_form\">\n\t\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1\">\n\n\t\t\t\t<div class=\"kcd_wa-messaging_form-step-1\">\n\t\t\t\t\t<div class=\"kcd_wa-messaging_field-group\">\n\t\t\t\t\t\t<label for=\"wa_mobile_number_1\">Mobile Number<\/label>\n\t\t\t\t\t\t<input type=\"tel\" class=\"kcd_wa-messaging_field-input\" name=\"wa_mobile_number\" id=\"wa_mobile_number_1\" required placeholder=\"Enter your WhatsApp number\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kcd_wa-messaging_field-group\">\n\t\t\t\t\t\t\t\t<label for=\"wa_field_full-name_1\">Full Name *<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"kcd_wa-messaging_field-input\" name=\"wa_field_full-name\" id=\"wa_field_full-name_1\" required>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kcd_wa-messaging_field-group\">\n\t\t\t\t\t\t\t\t<label for=\"wa_field_message_1\">Message *<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<textarea class=\"kcd_wa-messaging_field-input\" name=\"wa_field_message\" id=\"wa_field_message_1\" required rows=\"4\"><\/textarea>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"kcd_wa-messaging_submit-btn kcd_wa-messaging_send-otp-btn\">Proceed<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"kcd_wa-messaging_form-step-2\" style=\"display: none;\">\n\t\t\t\t\t<p class=\"kcd_wa-messaging_otp-instruction\">We have sent an OTP to your WhatsApp number. Please enter it below to verify.<\/p>\n\t\t\t\t\t<input type=\"hidden\" name=\"session_id\" class=\"kcd_wa-messaging_session-id\" value=\"\">\n\t\t\t\t\t<div class=\"kcd_wa-messaging_field-group\">\n\t\t\t\t\t\t<label for=\"wa_otp_1\">Enter OTP<\/label>\n\t\t\t\t\t\t<input type=\"text\" class=\"kcd_wa-messaging_field-input\" name=\"wa_otp\" id=\"wa_otp_1\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<button type=\"button\" class=\"kcd_wa-messaging_submit-btn kcd_wa-messaging_verify-otp-btn\">Verify &amp; Submit<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/form>\n\t\t\t<div class=\"kcd_wa-messaging_form-response\"><\/div>\n\t\t<\/div>\n\t<\/div>\n\t<\/div><\/code> shortcode; <code>mode=\"inline\"<\/code> renders a text link instead of a button.<\/li>\n<\/ul>\n<p>Try the demo form: <div class=\"kcd_wa-messaging kcd_wa-messaging_shortcode\">\t\t<button class=\"kcd_wa-messaging_contact-trigger-btn\" data-form-id=\"1\">\n\t\t\t<svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 20px; height: 20px; fill: currentColor; margin-right: 8px; vertical-align: middle;\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n\t\t\tContact us on WhatsApp\t\t<\/button>\n\t\t\n\t<div class=\"kcd_wa-messaging_modal-overlay\" id=\"kcd_wa-messaging_modal-1\" style=\"display: none;\">\n\t\t<div class=\"kcd_wa-messaging_widget-wrapper\">\n\t\t\t<button type=\"button\" class=\"kcd_wa-messaging_modal-close\" aria-label=\"Close\">&times;<\/button>\n\t\t\t<div class=\"kcd_wa-messaging_widget-header\">\n\t\t\t\t<h3 class=\"kcd_wa-messaging_widget-title\">Contact us on WhatsApp<\/h3>\n\t\t\t\t\t\t\t\t\t<p class=\"kcd_wa-messaging_widget-subtitle\">Fill out the form below and we will contact you on WhatsApp.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<form class=\"kcd_wa-messaging_form\">\n\t\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1\">\n\n\t\t\t\t<div class=\"kcd_wa-messaging_form-step-1\">\n\t\t\t\t\t<div class=\"kcd_wa-messaging_field-group\">\n\t\t\t\t\t\t<label for=\"wa_mobile_number_1\">Mobile Number<\/label>\n\t\t\t\t\t\t<input type=\"tel\" class=\"kcd_wa-messaging_field-input\" name=\"wa_mobile_number\" id=\"wa_mobile_number_1\" required placeholder=\"Enter your WhatsApp number\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kcd_wa-messaging_field-group\">\n\t\t\t\t\t\t\t\t<label for=\"wa_field_full-name_1\">Full Name *<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"kcd_wa-messaging_field-input\" name=\"wa_field_full-name\" id=\"wa_field_full-name_1\" required>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kcd_wa-messaging_field-group\">\n\t\t\t\t\t\t\t\t<label for=\"wa_field_message_1\">Message *<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<textarea class=\"kcd_wa-messaging_field-input\" name=\"wa_field_message\" id=\"wa_field_message_1\" required rows=\"4\"><\/textarea>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"kcd_wa-messaging_submit-btn kcd_wa-messaging_send-otp-btn\">Proceed<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"kcd_wa-messaging_form-step-2\" style=\"display: none;\">\n\t\t\t\t\t<p class=\"kcd_wa-messaging_otp-instruction\">We have sent an OTP to your WhatsApp number. Please enter it below to verify.<\/p>\n\t\t\t\t\t<input type=\"hidden\" name=\"session_id\" class=\"kcd_wa-messaging_session-id\" value=\"\">\n\t\t\t\t\t<div class=\"kcd_wa-messaging_field-group\">\n\t\t\t\t\t\t<label for=\"wa_otp_1\">Enter OTP<\/label>\n\t\t\t\t\t\t<input type=\"text\" class=\"kcd_wa-messaging_field-input\" name=\"wa_otp\" id=\"wa_otp_1\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<button type=\"button\" class=\"kcd_wa-messaging_submit-btn kcd_wa-messaging_verify-otp-btn\">Verify &amp; Submit<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/form>\n\t\t\t<div class=\"kcd_wa-messaging_form-response\"><\/div>\n\t\t<\/div>\n\t<\/div>\n\t<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WhatsApp Messaging adds OTP-verified contact forms to any page: visitors confirm their number via a WhatsApp one-time code, and verified submissions land directly in your WhatsApp \u2014 with a form builder, message logs, and CSV export.<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ai_generated_summary":"","wpai_meta_description":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-38","post","type-post","status-publish","format-standard","hentry","category-plugin-releases"],"_links":{"self":[{"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=\/wp\/v2\/posts\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":1,"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=\/wp\/v2\/posts\/38\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=\/wp\/v2\/posts\/38\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=38"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-dev.kcnet.in\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}