ThemeVix Direct Chat Button — WooCommerce WhatsApp Chat
| 开发者 |
themevix
motaleb |
|---|---|
| 更新时间 | 2026年9月2日 01:49 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- WhatsApp click to chat on product, cart, checkout, and shop pages
- Pre-filled WhatsApp messages with dynamic placeholders
- WooCommerce WhatsApp integration for product, cart, checkout, and archive loops
- Click analytics dashboard with KPIs, charts, and CSV export
- Google Analytics 4 (GA4) event tracking for button clicks
- Gutenberg block, Elementor widget, and
[tv_direct_chat]shortcode - GDPR consent and optional privacy notice
- Works on any WordPress site — even without WooCommerce (shortcode, block, floating button)
- Single product pages (multiple positions: before/after add to cart, after summary, after meta)
- Cart page (classic and block cart)
- Checkout page (classic and block checkout)
- Shop and product archive loops (optional)
- Two WhatsApp numbers with primary, alternate, or random routing
- Separate messages for product, cart, checkout, and shop/archive pages
- Up to 3 quick-reply template buttons on product pages
- Optional welcome message and business hours label
- Message placeholders for product and cart data (see below)
- Styles: rounded, pill, square, outline
- Sizes: small, medium, large
- Custom button and text colors
- Animations: bounce, pulse, shake, heartbeat
- Hover effects: darken, lighten, glow
- Custom CSS field
- RTL layout support
- Show or hide on mobile and desktop
- Admin dashboard under TV Direct Chat → Analytics
- Overview with KPIs: total clicks, daily average, all-time clicks, this month
- Period filters: 7, 30, 90, or 365 days
- Breakdowns by page type, device, button type, and top products
- Daily click trend chart
- CSV export
- Optional anonymous click tracking (page type, device, button type, product ID — no IP addresses)
- Configure under Settings → Google Analytics
- Send custom WhatsApp click events to your GA4 property
- Measurement ID, custom event name, product/page parameters
- Debug mode for browser console testing
- Click-to-chat link generator with copy button
- Basic QR code preview in admin (for testing your chat link)
- JSON settings import/export
- 3-step setup wizard after activation (phone, display options, finish)
- Gutenberg block: search for Chat Button in the block inserter (
directchat/chat-button) - Elementor widget: WhatsApp Chat Button
- Shortcode:
[tv_direct_chat](alias:[directchat_button])
phone, text, message, style, color, text_color, size, icon, newtab, class
Privacy & GDPR
- Optional GDPR consent checkbox before chat links open
- Optional privacy notice under the button with policy URL
- Click analytics stores anonymous event data only (no IP addresses)
- Suggested privacy policy text included for WordPress Privacy Policy guide
{product_name}— Product name{product_price}— Product price (formatted){product_url}— Product permalink{shop_name}— Site name{product_sku}— Product SKU{variation}— Selected variation attributes (variable products; updated via storefront JavaScript){quantity}— Selected quantity (variable products; updated via storefront JavaScript){cart_total}— Cart total (cart/checkout messages){cart_count}— Number of items in cart
[tv_direct_chat]
With custom attributes:
[tv_direct_chat phone="+1234567890" text="Chat on WhatsApp" message="Hi, I need help!"]
安装:
- Upload the plugin to
/wp-content/plugins/themevix-direct-chat-button/or install from the WordPress Plugins screen. - Activate ThemeVix Direct Chat Button.
- Complete the setup wizard (opens after first activation) or go to TV Direct Chat → Settings.
- Enter your WhatsApp number in E.164 format (e.g.
+12025551234). - Choose button style, display locations, and messages.
- Optional: enable click analytics under Analytics → Click Tracking or GA4 under Settings → Google Analytics.
屏幕截图:
常见问题:
What phone number format should I use?
Use E.164 format with country code, no spaces or dashes. Example: +12025551234
Can I use this without WooCommerce?
Yes. The [tv_direct_chat] shortcode, Chat Button Gutenberg block, and floating WhatsApp button work on any WordPress site. WooCommerce is required for automatic product, cart, checkout, and shop/archive buttons.
How do I change the button position on product pages?
Go to TV Direct Chat → Settings → Display and choose Button Position.
Can I customize the pre-filled WhatsApp message?
Yes. Edit the message fields under Settings → General and Settings → Display. Use placeholders like {product_name} and {product_price}.
Does this work with variable products?
Yes. The {variation} and {quantity} placeholders update on the storefront when shoppers change options on variable product pages.
Does this support WooCommerce block cart and checkout?
Yes. Cart and checkout buttons support both classic WooCommerce templates and WooCommerce Blocks.
Does this plugin track clicks?
Yes, optionally. Enable Enable Click Tracking under Analytics → Click Tracking or in Settings → Tools. Data is stored in your WordPress database. No IP addresses are saved. You can export reports to CSV from the Analytics Overview.
Does this plugin support Google Analytics 4?
Yes. Go to Settings → Google Analytics, enter your GA4 Measurement ID, and enable tracking. WhatsApp button clicks are sent as custom GA4 events. Use Debug Mode while testing.
Is this plugin GDPR compliant?
The plugin includes an optional GDPR consent checkbox and privacy notice. You control the consent text and privacy policy link. Click analytics and GA4 are optional and can be disabled.
Do I need a WhatsApp or WhatsApp Business account?
Yes. This plugin creates click-to-chat links that open WhatsApp (wa.me). You need an active WhatsApp account linked to the phone number in your settings.
What is the difference between the free plugin and the Pro add-on?
The free plugin includes the WooCommerce WhatsApp button, templates, analytics dashboard, GA4, GDPR tools, shortcode, Gutenberg block, Elementor widget, and basic floating button. The optional Pro add-on adds multi-agent support, advanced floating widget, lead capture, display rules, scheduling, WooCommerce automation, and related premium features.
Is WooCommerce HPOS supported?
Yes. The plugin declares compatibility with WooCommerce High-Performance Order Storage (HPOS).
更新日志:
- Checkout page WhatsApp button (classic and block checkout)
- Shop and archive loop button support
- 3-step setup wizard after activation
- Full click analytics dashboard (Overview, Click Tracking, KPIs, daily trend chart, CSV export)
- Google Analytics 4 integration with debug mode (Settings tab)
- Click-to-chat link generator, QR preview, and JSON import/export in Tools
- Basic floating WhatsApp button
- Second phone number with alternate/random modes
- Welcome message and business hours label
- Per-product phone, message, and hide overrides
- Elementor WhatsApp Chat Button widget
- Works without WooCommerce for shortcode, Gutenberg block, and floating button
- WooCommerce HPOS compatibility declared
- Placeholders:
{variation},{quantity},{cart_total},{cart_count}
- Shop/archive loop chat button
- Custom CSS and mobile/desktop visibility toggles
- Settings import/export (JSON)
- Additional message placeholders
- Initial release
- WhatsApp click-to-chat button for WooCommerce product and cart pages
- Pre-filled messages with placeholders
- Button styles, sizes, colors, animations, and hover effects
- Shortcode and Gutenberg block
- GDPR consent and privacy notice
- Product and category exclusions
- Quick-reply templates and RTL support