[WordPress] 外掛分享： Country Code & Chat Widget for WhatsApp and WooCommerce by WAWP

內容簡介

Country Code & Chat Widget for WhatsApp and WooCommerce by WAWP 是一款輕量級的外掛，旨在為 WooCommerce 結帳頁面添加國家旗幟、撥號碼和電話驗證功能，提升顧客的購物體驗，避免錯誤的電話號碼和配送失敗。

【主要功能】
• 互動式國家旗幟下拉選單
• 智能自動偵測顧客國家
• 無縫整合 WooCommerce 結帳
• 標準化國際電話格式化
• 電話號碼驗證與清理
• 支援多語言方向設計

外掛標籤

開發者團隊

原文外掛簡介

Country Code & Chat Widget for WhatsApp and WooCommerce by WAWP is the easiest, most lightweight, and modern solution to add country flags, dial codes, and phone validation to your WooCommerce checkout.
Prevent failed deliveries and invalid phone numbers by giving your customers an intuitive, interactive phone input field with national flags, automatic country detection by IP, and standardized international formatting.
🌟 Key Features
🌍 Advanced Country Code & Phone Validation

Interactive Country Flag Dropdown: Clean, responsive international telephone input with country flags and dial codes.
Smart Auto-Detection: Automatically detect the customer’s country via IP or WooCommerce billing country to pre-select the appropriate dial code.
WooCommerce Checkout Integration: Seamlessly attaches to the Billing and Shipping Phone fields in Classic and modern WooCommerce Block checkouts.
Standardized International Formatting: Automatically formats phone numbers using libphonenumber standards (E.164 and National formats).
Phone Validation & Sanitization: Verifies phone number length and structure before submission to prevent typos and delivery failures.
Country Filtering: Restrict or isolate your dropdown lists to display only the countries your store ships to.
Custom Field Selectors: Bind international phone input to any custom CSS selector on your site.
RTL & LTR Support: Fully responsive design with native support for both Right-to-Left (Arabic, Hebrew) and Left-to-Right languages.

💬 WhatsApp Chat Widget

Multi-Agent Support: Easily assign custom floating contact cards for Support, Sales, or Billing lines.
Custom Avatars & Pre-filled Messages: Set individual agent names, roles, avatars, and customized starting messages.
Social Channels: Connect your Facebook, Instagram, Telegram, TikTok, LinkedIn, and YouTube profiles inside the widget.
QR Code Scanner: Instant responsive QR mapping for desktop traffic to scan with their phone and chat directly.
Display Conditions: Dynamically control widget visibility based on device criteria (Desktop/Mobile) or targeted site pages.
Local Engagement Analytics: Track impressions, widget opens, agent leads, and social clicks locally without third-party tracking.
Fast & Lightweight: Built for extreme performance with zero bloated dependencies.
WAWP Ecosystem Ready: Connect with the WAWP Platform whenever you are ready for WhatsApp order notifications, OTP authentication, and marketing automations.

💎 Unlock Premium Growth (Wawp PRO Features)
Upgrade to our premium plans to unlock enterprise-grade marketing and advanced communication workflows designed to scale your store’s conversions on Wawp.net:

Automated Order Notifications: Send instant WhatsApp updates for WooCommerce orders (New Order, Processing, Completed, Shipping updates, and custom statuses).
Abandoned Cart Recovery: Automatically target and recover lost sales by sending personalized WhatsApp reminders to customers who leave checkout early.
Bulk Campaigns & Broadcasts: Send mass marketing campaigns and targeted promotional updates to your customer list with intelligent rate-limit protection.
Official Meta API (WhatsApp Cloud API): Scale to unlimited messaging with a robust, cloud-based business gateway infrastructure.
Firebase SMS Integration: Bulletproof backup authentication channel utilizing native Firebase phone tokens for global OTP delivery.
Custom & Colored WooCommerce Statuses: Take absolute control over your workflow by automating and color-coding custom WooCommerce order statuses.
Multilingual Notifications Framework: Automatically route and translate WhatsApp triggers based on the customer’s selected checkout language.
AI-Powered Message Assistant: Craft, translate, and optimize your customer engagement templates with integrated AI.
Custom HTML Email Templates: Design beautiful, high-converting transactional emails to match your store branding.

👉 Check Out Our Premium Pro Plans & Pricing
External Services
This plugin provides interactive communication tools and direct chat redirection:
1. WhatsApp (Direct Chat Interaction)

Service: WhatsApp Public API (api.whatsapp.com / web.whatsapp.com)
Purpose: Enables the Chat Widget to redirect users to the WhatsApp application with a pre-filled message upon user click.
Data Sent: Recipient phone number and optional message text. No data is sent automatically; redirection happens only upon direct user interaction.
Consent: Granted when a visitor clicks the WhatsApp chat button.
Policies: WhatsApp Terms of Service | WhatsApp Privacy Policy

2. Geolocation & Privacy

Local Processing: To protect user privacy, geolocation is handled 100% locally; no external IP-lookup services are used by this plugin.
Zero-Tracking Policy: This plugin does not collect or track user behavior. No data is sent to external servers.
Dashboard Analytics: Statistics (widget impressions, chat clicks) are generated locally from your site’s database and used only for internal monitoring.
Assets: All core CSS, JS, and font files are bundled locally to prevent third-party asset tracking.

Source Code & Build Tools
This plugin uses modern development tools (React, Vite, NPM) to build the administrative dashboard. To comply with WordPress.org guidelines regarding human-readable code:

Plugin Source Code:
The full, non-minified, human-readable source code for the React dashboard is included within this plugin package in the app/src/ directory.

– Main Entry: app/src/main.tsx
– Components: app/src/components/
– Build Tool: Vite (configuration in app/vite.config.ts)
– Build Instructions: To generate the minified assets in app/dist/, navigate to the app/ directory and run:
npm install
npm run build

Third-Party Libraries:
The following libraries are included in minified form for performance. Their original source code can be found at these public repositories:

– International Telephone Input (intl-tel-input): Source (Used in assets/js/resources/intlTelInput.min.js)
– libphonenumber-for-php: Source (Used in vendor/giggsey/libphonenumber-for-php)
– QRCode.js: Source (Used in assets/js/resources/qrcode.js)