{"id":7326,"date":"2025-08-12T08:41:05","date_gmt":"2025-08-12T08:41:05","guid":{"rendered":"https:\/\/impulsebyte.com\/blogs\/?p=7326"},"modified":"2025-08-12T08:44:03","modified_gmt":"2025-08-12T08:44:03","slug":"adding-whatsapp-support-in-shopify-enhance-customer-communication","status":"publish","type":"post","link":"https:\/\/impulsebyte.com\/blogs\/shopify\/adding-whatsapp-support-in-shopify-enhance-customer-communication\/","title":{"rendered":"Adding WhatsApp Support in Shopify: Enhance Customer Communication"},"content":{"rendered":"\n<p>Everyone uses WhatsApp in their daily lives to stay connected\u2014sending messages, photos, videos, emojis, and sharing daily status updates. For online store owners, integrating WhatsApp support directly into your Shopify website opens new doors for instant, personalized communication with your customers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why WhatsApp Support in Shopify Matters<\/h2>\n\n\n\n<p>WhatsApp is one of the most popular messaging platforms worldwide, with over 2 billion active users. Customers appreciate businesses that provide easy, direct ways to reach them with questions, help requests, or product inquiries. Integrating WhatsApp support into your Shopify store helps you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Provide <strong>real-time customer support<\/strong> through direct messaging.<\/li>\n\n\n\n<li>Increase <strong>customer engagement<\/strong> and build trust.<\/li>\n\n\n\n<li>Simplify the buying journey by answering queries instantly.<\/li>\n\n\n\n<li>Send timely updates or offers that customers can easily view on their phones.<\/li>\n\n\n\n<li>Boost overall <strong>conversion rates and customer satisfaction<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add WhatsApp Support in Shopify<\/h2>\n\n\n\n<p>Since WhatsApp is so widely used, adding a WhatsApp support chat widget or button on your Shopify store is a smart move. You can make it easy for visitors to start a WhatsApp conversation with your support team or sales reps with just a click.<\/p>\n\n\n\n<p>Copy the code from code snippet below to add WhatsApp support, implementing it is straightforward:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Log in to your Shopify admin panel.<\/li>\n\n\n\n<li>Go to Online Store > Themes > Edit Code.<\/li>\n\n\n\n<li>Create a section named <em><strong><code>whatsapp-chat<\/code><\/strong><\/em> and paste the copied code.<\/li>\n\n\n\n<li>Open <code>theme.liquid<\/code> file, and paste <code>{% section 'whatsapp-chat' %}<\/code> just before closing <code>&lt;\/body><\/code> tag to display the WhatsApp chat button support across all pages.<\/li>\n\n\n\n<li>Save the changes and preview your site to ensure the WhatsApp feature is visible and functional.<\/li>\n\n\n\n<li>Test the chat button to confirm that it opens WhatsApp and allows messaging as expected and update the phone number in <code>customize<\/code>.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(3 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- whatsapp-widget.liquid -->\n&lt;div class=\"whatsapp-chat-widget\" \n     id=\"whatsapp-widget-{{ section.id }}\"\n     data-phone=\"{{ section.settings.phone_number | remove: '+' | remove: ' ' | remove: '-' }}\"\n     data-message=\"{{ section.settings.default_message }}\">\n  \n  &lt;div class=\"whatsapp-button\" onclick=\"openWhatsAppChat('{{ section.id }}')\">\n    &lt;svg viewBox=\"0 0 24 24\" class=\"whatsapp-icon\">\n      &lt;path fill=\"currentColor\" 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 0020.893 3.488\"\/>\n    &lt;\/svg>\n    &lt;span class=\"whatsapp-text\">Chat with us&lt;\/span>\n  &lt;\/div>\n&lt;\/div>\n\n\n&lt;style>\n    \/* WhatsApp Chat Widget Styles *\/\n.whatsapp-chat-widget {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  z-index: 9999;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.whatsapp-button {\n  display: flex;\n  align-items: center;\n  background: linear-gradient(135deg, #25D366, #128C7E);\n  color: white;\n  padding: 15px 20px;\n  border-radius: 50px;\n  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n  animation: whatsapp-pulse 2s infinite;\n  user-select: none;\n  min-width: 60px;\n  justify-content: center;\n}\n\n.whatsapp-button:hover {\n  transform: translateY(-3px) scale(1.05);\n  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6);\n  animation: none;\n}\n\n.whatsapp-icon {\n  width: 28px;\n  height: 28px;\n  margin-right: 10px;\n  transition: transform 0.3s ease;\n}\n\n.whatsapp-button:hover .whatsapp-icon {\n  transform: rotate(10deg);\n}\n\n.whatsapp-text {\n  font-size: 16px;\n  font-weight: 600;\n  white-space: nowrap;\n  opacity: 0;\n  max-width: 0;\n  overflow: hidden;\n  transition: all 0.4s ease;\n}\n\n.whatsapp-button:hover .whatsapp-text {\n  opacity: 1;\n  max-width: 120px;\n  margin-left: 0;\n}\n\n\/* Tooltip Styles *\/\n.whatsapp-tooltip {\n  position: absolute;\n  bottom: 80px;\n  right: 0;\n  background: white;\n  border-radius: 15px;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n  width: 280px;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(20px) scale(0.8);\n  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n  border: 1px solid #e0e0e0;\n}\n\n.whatsapp-tooltip.show {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0) scale(1);\n}\n\n.tooltip-content {\n  padding: 20px;\n}\n\n.tooltip-header {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n}\n\n.tooltip-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  margin-right: 12px;\n  background: #25D366;\n}\n\n.tooltip-info h4 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #333;\n}\n\n.online-status {\n  font-size: 12px;\n  color: #25D366;\n  font-weight: 500;\n}\n\n.tooltip-message {\n  margin: 0 0 15px 0;\n  color: #666;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.start-chat-btn {\n  width: 100%;\n  background: #25D366;\n  color: white;\n  border: none;\n  padding: 12px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.start-chat-btn:hover {\n  background: #128C7E;\n  transform: translateY(-1px);\n}\n\n\/* Animations *\/\n@keyframes whatsapp-pulse {\n  0% {\n    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);\n  }\n  50% {\n    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.8), 0 0 0 10px rgba(37, 211, 102, 0.1);\n  }\n  100% {\n    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);\n  }\n}\n\n@keyframes bounce-in {\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n  50% {\n    transform: scale(1.1);\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n.whatsapp-chat-widget.animate-in {\n  animation: bounce-in 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n  .whatsapp-chat-widget {\n    bottom: 15px;\n    right: 15px;\n  }\n  \n  .whatsapp-button {\n    padding: 12px 15px;\n    border-radius: 50px;\n  }\n  \n  .whatsapp-icon {\n    width: 24px;\n    height: 24px;\n    margin-right: 0;\n  }\n  \n  .whatsapp-text {\n    display: none;\n  }\n  \n  .whatsapp-tooltip {\n    width: 250px;\n    right: -10px;\n  }\n  \n  .tooltip-content {\n    padding: 15px;\n  }\n}\n\n\/* Dark mode support *\/\n@media (prefers-color-scheme: dark) {\n  .whatsapp-tooltip {\n    background: #2a2a2a;\n    border-color: #444;\n  }\n  \n  .tooltip-info h4 {\n    color: #fff;\n  }\n  \n  .tooltip-message {\n    color: #ccc;\n  }\n}\n\n\n&lt;\/style>\n\n&lt;script>\n\/\/ Global WhatsApp function with section ID parameter\nwindow.openWhatsAppChat = function(sectionId) {\n  const widgetId = sectionId ? `whatsapp-widget-${sectionId}` : 'whatsapp-widget';\n  const widget = document.getElementById(widgetId);\n  \n  if (!widget) {\n    console.error('WhatsApp widget not found:', widgetId);\n    return;\n  }\n  \n  const phoneNumber = widget.dataset.phone;\n  const message = widget.dataset.message;\n  \n  console.log('Debug - Phone:', phoneNumber, 'Message:', message);\n  \n  if (!phoneNumber || phoneNumber === '') {\n    console.error('WhatsApp phone number not configured');\n    alert('Please configure WhatsApp phone number in theme settings');\n    return;\n  }\n  \n  const encodedMessage = encodeURIComponent(message);\n  const whatsappURL = `https:\/\/wa.me\/${phoneNumber}?text=${encodedMessage}`;\n  \n  console.log('Opening WhatsApp:', whatsappURL);\n  \n  window.open(whatsappURL, '_blank');\n  \n  if (typeof gtag !== 'undefined') {\n    gtag('event', 'whatsapp_click', {\n      'event_category': 'engagement',\n      'event_label': 'whatsapp_widget'\n    });\n  }\n};\n\n\/\/ Compatibility function without parameters\nfunction openWhatsAppChat(sectionId) {\n  window.openWhatsAppChat(sectionId || '{{ section.id }}');\n}\n&lt;\/script>\n\n\n{% schema %}\n{\n  \"name\": \"WhatsApp Widget\",\n  \"settings\": &#91;\n    {\n      \"type\": \"text\",\n      \"id\": \"phone_number\",\n      \"label\": \"WhatsApp Phone Number\",\n      \"info\": \"Enter phone number with country code (e.g., 919784153165)\",\n      \"placeholder\": \"919784153165\"\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"default_message\",\n      \"label\": \"Default Message\",\n      \"default\": \"Hi! I'm interested in your products.\"\n    }\n  &#93;\n}\n{% endschema %}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">&lt;!-- whatsapp-widget.liquid --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #808080\">&lt;<\/span><span style=\"color: #569CD6\">div<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">class<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;whatsapp-chat-widget&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">     <\/span><span style=\"color: #9CDCFE\">id<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;whatsapp-widget-<\/span><span style=\"color: #808080\">{{<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #569CD6\">section<\/span><span style=\"color: #CE9178\">.<\/span><span style=\"color: #9CDCFE\">id<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #808080\">}}<\/span><span style=\"color: #CE9178\">&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">     <\/span><span style=\"color: #9CDCFE\">data-phone<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #808080\">{{<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #569CD6\">section<\/span><span style=\"color: #CE9178\">.<\/span><span style=\"color: #569CD6\">settings<\/span><span style=\"color: #CE9178\">.<\/span><span style=\"color: #9CDCFE\">phone_number<\/span><span style=\"color: #CE9178\"> | <\/span><span style=\"color: #DCDCAA\">remove:<\/span><span style=\"color: #CE9178\"> &#39;+&#39; | <\/span><span style=\"color: #DCDCAA\">remove:<\/span><span style=\"color: #CE9178\"> &#39; &#39; | <\/span><span style=\"color: #DCDCAA\">remove:<\/span><span style=\"color: #CE9178\"> &#39;-&#39; <\/span><span style=\"color: #808080\">}}<\/span><span style=\"color: #CE9178\">&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">     <\/span><span style=\"color: #9CDCFE\">data-message<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #808080\">{{<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #569CD6\">section<\/span><span style=\"color: #CE9178\">.<\/span><span style=\"color: #569CD6\">settings<\/span><span style=\"color: #CE9178\">.<\/span><span style=\"color: #9CDCFE\">default_message<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #808080\">}}<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #808080\">&lt;<\/span><span style=\"color: #569CD6\">div<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">class<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;whatsapp-button&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">onclick<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #DCDCAA\">openWhatsAppChat<\/span><span style=\"color: #CE9178\">(&#39;<\/span><span style=\"color: #808080\">{{<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #569CD6\">section<\/span><span style=\"color: #CE9178\">.<\/span><span style=\"color: #9CDCFE\">id<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #808080\">}}<\/span><span style=\"color: #CE9178\">&#39;)&quot;<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #808080\">&lt;<\/span><span style=\"color: #569CD6\">svg<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">viewBox<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;0 0 24 24&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">class<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;whatsapp-icon&quot;<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #808080\">&lt;<\/span><span style=\"color: #569CD6\">path<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">fill<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;currentColor&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">d<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;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 0020.893 3.488&quot;<\/span><span style=\"color: #808080\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #808080\">&lt;\/<\/span><span style=\"color: #569CD6\">svg<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #808080\">&lt;<\/span><span style=\"color: #569CD6\">span<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">class<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;whatsapp-text&quot;<\/span><span style=\"color: #808080\">&gt;<\/span><span style=\"color: #D4D4D4\">Chat with us<\/span><span style=\"color: #808080\">&lt;\/<\/span><span style=\"color: #569CD6\">span<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #808080\">&lt;\/<\/span><span style=\"color: #569CD6\">div<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #808080\">&lt;\/<\/span><span style=\"color: #569CD6\">div<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #808080\">&lt;<\/span><span style=\"color: #569CD6\">style<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #6A9955\">\/* WhatsApp Chat Widget Styles *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-chat-widget<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">position<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">fixed<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">bottom<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">right<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">z-index<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">9999<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-family<\/span><span style=\"color: #D4D4D4\">: -apple-system, BlinkMacSystemFont, <\/span><span style=\"color: #CE9178\">&#39;Segoe UI&#39;<\/span><span style=\"color: #D4D4D4\">, Roboto, <\/span><span style=\"color: #CE9178\">sans-serif<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-button<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">display<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">flex<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">align-items<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">center<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">background<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">linear-gradient<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">135deg<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">#25D366<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">#128C7E<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">white<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">padding<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">15px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">border-radius<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">50px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">box-shadow<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">4px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">rgba<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">37<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">211<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">102<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.4<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">cursor<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">pointer<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transition<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">all<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0.3s<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">cubic-bezier<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0.68<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">-0.55<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.265<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.55<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">animation<\/span><span style=\"color: #D4D4D4\">: whatsapp-pulse <\/span><span style=\"color: #B5CEA8\">2s<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">infinite<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">user-select<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">none<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">min-width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">60px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">justify-content<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">center<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-button:hover<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transform<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">translateY<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">-3px<\/span><span style=\"color: #D4D4D4\">) <\/span><span style=\"color: #DCDCAA\">scale<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">1.05<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">box-shadow<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">8px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">25px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">rgba<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">37<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">211<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">102<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.6<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">animation<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">none<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-icon<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">28px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">height<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">28px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">margin-right<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">10px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transition<\/span><span style=\"color: #D4D4D4\">: transform <\/span><span style=\"color: #B5CEA8\">0.3s<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">ease<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-button:hover<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #D7BA7D\">.whatsapp-icon<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transform<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">rotate<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">10deg<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-text<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-size<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">16px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-weight<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">600<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">white-space<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">nowrap<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">opacity<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">max-width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">overflow<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">hidden<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transition<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">all<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0.4s<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">ease<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-button:hover<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #D7BA7D\">.whatsapp-text<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">opacity<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">max-width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">120px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">margin-left<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/* Tooltip Styles *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-tooltip<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">position<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">absolute<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">bottom<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">80px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">right<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">background<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">white<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">border-radius<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">15px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">box-shadow<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">8px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">30px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">rgba<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.12<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">280px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">opacity<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">visibility<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">hidden<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transform<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">translateY<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\">) <\/span><span style=\"color: #DCDCAA\">scale<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0.8<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transition<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">all<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0.3s<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">cubic-bezier<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0.68<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">-0.55<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.265<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.55<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">border<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">1px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">solid<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">#e0e0e0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-tooltip.show<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">opacity<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">visibility<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">visible<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transform<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">translateY<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">) <\/span><span style=\"color: #DCDCAA\">scale<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.tooltip-content<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">padding<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.tooltip-header<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">display<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">flex<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">align-items<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">center<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">margin-bottom<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">15px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.tooltip-avatar<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">40px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">height<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">40px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">border-radius<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">50%<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">margin-right<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">12px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">background<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#25D366<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.tooltip-info<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #D7BA7D\">h4<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">margin<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-size<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">16px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-weight<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">600<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#333<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.online-status<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-size<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">12px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#25D366<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-weight<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">500<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.tooltip-message<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">margin<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">15px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#666<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-size<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">14px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">line-height<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">1.4<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.start-chat-btn<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">100%<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">background<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#25D366<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">white<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">border<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">none<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">padding<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">12px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">border-radius<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">8px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-size<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">14px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">font-weight<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">600<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">cursor<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">pointer<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transition<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">all<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0.3s<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">ease<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.start-chat-btn:hover<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">background<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#128C7E<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">transform<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">translateY<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">-1px<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/* Animations *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">@keyframes<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">whatsapp-pulse<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  0% {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">box-shadow<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">4px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">rgba<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">37<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">211<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">102<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.4<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  50% {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">box-shadow<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">4px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">rgba<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">37<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">211<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">102<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.8<\/span><span style=\"color: #D4D4D4\">), <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">10px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">rgba<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">37<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">211<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">102<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.1<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  100% {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">box-shadow<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">4px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">20px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">rgba<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">37<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">211<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">102<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.4<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">@keyframes<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">bounce-in<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  0% {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">transform<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">scale<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">opacity<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  50% {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">transform<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">scale<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">1.1<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  100% {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">transform<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #DCDCAA\">scale<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">opacity<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D7BA7D\">.whatsapp-chat-widget.animate-in<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">animation<\/span><span style=\"color: #D4D4D4\">: bounce-in <\/span><span style=\"color: #B5CEA8\">0.6s<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">cubic-bezier<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0.68<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">-0.55<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0.265<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.55<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/* Mobile Responsive *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">@media<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">max-width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">768px<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.whatsapp-chat-widget<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">bottom<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">15px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">right<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">15px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.whatsapp-button<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">padding<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">12px<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">15px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">border-radius<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">50px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.whatsapp-icon<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">24px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">height<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">24px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">margin-right<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.whatsapp-text<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">display<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">none<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.whatsapp-tooltip<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">250px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">right<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">-10px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.tooltip-content<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">padding<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">15px<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/* Dark mode support *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">@media<\/span><span style=\"color: #D4D4D4\"> (prefers-color-scheme: dark) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.whatsapp-tooltip<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">background<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#2a2a2a<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">border-color<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#444<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.tooltip-info<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #D7BA7D\">h4<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#fff<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #D7BA7D\">.tooltip-message<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">#ccc<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #808080\">&lt;\/<\/span><span style=\"color: #569CD6\">style<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #808080\">&lt;<\/span><span style=\"color: #569CD6\">script<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Global WhatsApp function with section ID parameter<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">window<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">openWhatsAppChat<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #569CD6\">function<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">sectionId<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4FC1FF\">widgetId<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">sectionId<\/span><span style=\"color: #D4D4D4\"> ? <\/span><span style=\"color: #CE9178\">`whatsapp-widget-<\/span><span style=\"color: #569CD6\">${<\/span><span style=\"color: #9CDCFE\">sectionId<\/span><span style=\"color: #569CD6\">}<\/span><span style=\"color: #CE9178\">`<\/span><span style=\"color: #D4D4D4\"> : <\/span><span style=\"color: #CE9178\">&#39;whatsapp-widget&#39;<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4FC1FF\">widget<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">document<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">getElementById<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">widgetId<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (!<\/span><span style=\"color: #9CDCFE\">widget<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">error<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;WhatsApp widget not found:&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">widgetId<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4FC1FF\">phoneNumber<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">widget<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">dataset<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">phone<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4FC1FF\">message<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">widget<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">dataset<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">message<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;Debug - Phone:&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">phoneNumber<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;Message:&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">message<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (!<\/span><span style=\"color: #9CDCFE\">phoneNumber<\/span><span style=\"color: #D4D4D4\"> || <\/span><span style=\"color: #9CDCFE\">phoneNumber<\/span><span style=\"color: #D4D4D4\"> === <\/span><span style=\"color: #CE9178\">&#39;&#39;<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">error<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;WhatsApp phone number not configured&#39;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #DCDCAA\">alert<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;Please configure WhatsApp phone number in theme settings&#39;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4FC1FF\">encodedMessage<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">encodeURIComponent<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">message<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4FC1FF\">whatsappURL<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #CE9178\">`https:\/\/wa.me\/<\/span><span style=\"color: #569CD6\">${<\/span><span style=\"color: #9CDCFE\">phoneNumber<\/span><span style=\"color: #569CD6\">}<\/span><span style=\"color: #CE9178\">?text=<\/span><span style=\"color: #569CD6\">${<\/span><span style=\"color: #9CDCFE\">encodedMessage<\/span><span style=\"color: #569CD6\">}<\/span><span style=\"color: #CE9178\">`<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;Opening WhatsApp:&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">whatsappURL<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">window<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">open<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">whatsappURL<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;_blank&#39;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">typeof<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">gtag<\/span><span style=\"color: #D4D4D4\"> !== <\/span><span style=\"color: #CE9178\">&#39;undefined&#39;<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #DCDCAA\">gtag<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;event&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;whatsapp_click&#39;<\/span><span style=\"color: #D4D4D4\">, {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #CE9178\">&#39;event_category&#39;<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&#39;engagement&#39;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #CE9178\">&#39;event_label&#39;<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&#39;whatsapp_widget&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    });<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">};<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Compatibility function without parameters<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">openWhatsAppChat<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">sectionId<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">window<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">openWhatsAppChat<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">sectionId<\/span><span style=\"color: #D4D4D4\"> || <\/span><span style=\"color: #CE9178\">&#39;<\/span><span style=\"color: #808080\">{{<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #569CD6\">section<\/span><span style=\"color: #CE9178\">.<\/span><span style=\"color: #9CDCFE\">id<\/span><span style=\"color: #CE9178\"> <\/span><span style=\"color: #808080\">}}<\/span><span style=\"color: #CE9178\">&#39;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #808080\">&lt;\/<\/span><span style=\"color: #569CD6\">script<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #808080\">{%<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">schema<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #808080\">%}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">&quot;name&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;WhatsApp Widget&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">&quot;settings&quot;<\/span><span style=\"color: #D4D4D4\">: &#91;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;type&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;text&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;id&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;phone_number&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;label&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;WhatsApp Phone Number&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;info&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;Enter phone number with country code (e.g., 919784153165)&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;placeholder&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;919784153165&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    },<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;type&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;text&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;id&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;default_message&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;label&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;Default Message&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">&quot;default&quot;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&quot;Hi! I&#39;m interested in your products.&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  &#93;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #808080\">{%<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">endschema<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #808080\">%}<\/span><\/span><\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Everyone uses WhatsApp in their daily lives to stay connected\u2014sending messages, photos, videos, emojis, and sharing daily status updates. For online store owners, integrating WhatsApp support directly into your Shopify &hellip; <a title=\"Adding WhatsApp Support in Shopify: Enhance Customer Communication\" class=\"hm-read-more\" href=\"https:\/\/impulsebyte.com\/blogs\/shopify\/adding-whatsapp-support-in-shopify-enhance-customer-communication\/\"><span class=\"screen-reader-text\">Adding WhatsApp Support in Shopify: Enhance Customer Communication<\/span>Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,141],"tags":[],"class_list":["post-7326","post","type-post","status-publish","format-standard","hentry","category-shopify","category-whatsapp"],"_links":{"self":[{"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/posts\/7326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/comments?post=7326"}],"version-history":[{"count":3,"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/posts\/7326\/revisions"}],"predecessor-version":[{"id":7330,"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/posts\/7326\/revisions\/7330"}],"wp:attachment":[{"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/media?parent=7326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/categories?post=7326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/impulsebyte.com\/blogs\/wp-json\/wp\/v2\/tags?post=7326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}