Tap Chat – Floating Contact Button
| 开发者 |
iruserwp9
wpdevup |
|---|---|
| 更新时间 | 2026年7月26日 06:34 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Tap Chat adds a beautiful floating WhatsApp button with advanced features. Set business hours, show welcome messages with multiple styles, control visibility, and customize appearance - all while keeping your site fast and privacy-friendly.
- Website: Plugin Website
- Support Forum: WordPress.org support
- Bug Reports: GitHub issues
- Floating Chat Button - Beautiful, customizable button that sticks to your site
- Custom Icon Upload - Replace WhatsApp icon with your own brand logo or custom image
- Custom link - Replace WhatsApp Link with Telegram, Messenger, a contact page, Phone, Email or any URL
- Welcome Bubble - Friendly greeting message to encourage conversations with two styles (Modern & Simple)
- Smart Triggers - Show the bubble at the perfect moment based on visitor behavior
- Country Selector - Easy phone number configuration with 150+ country codes and flags
- Working Hours - Display button only during business hours with timezone support
- Page Visibility - Show or hide button on specific pages/posts
- Fully Customizable - Colors, sizes, positions, labels - make it yours
- Mobile Optimized - Separate mobile/desktop configurations
- Zero Tracking - GDPR-friendly, no cookies, no external requests
- Translation Ready - Fully translatable with .pot file included
- Performance First - Minimal footprint, no jQuery dependencies in frontend
- Two Beautiful Styles:
- Modern - Rich bubble with avatar, name, and online status
- Simple - Clean bubble with message only, positioned above or beside button
- Smart Triggers - Show bubble based on visitor behavior:
- Time on Page - After visitor spends specific time (recommended)
- Scroll Depth - When visitor scrolls to specific percentage
- Exit Intent - When visitor moves to close tab/window
- Idle Detection - When visitor is inactive
- Customization Options:
- Custom welcome message with emoji support
- Agent/team name display (Modern style)
- Avatar image upload (Modern style)
- Multiple trigger combinations
- Auto-close on interaction
- Session-based display (won't annoy visitors)
- Custom Icon Upload:
- Replace default WhatsApp icon with your brand logo
- Supports PNG, JPG, SVG formats
- Perfect circular display with automatic sizing
- Works in floating button, offline button, and bubble avatar
- Easy fallback to default icon
- Business Hours Control:
- Set different hours for each day of the week
- Timezone support for accurate scheduling
- Custom offline message
- Choose to hide button or show offline state
- Visibility Rules:
- Show on specific pages only
- Hide on specific pages (e.g., checkout, cart)
- Combine show/hide rules for precise control
- Support for all post types and WooCommerce pages
- Customization Options:
- Button position (left/right)
- Custom colors
- Icon sizes (separate for desktop/mobile)
- Hide/show label on mobile or desktop
- Pre-filled message text
- Page context appending (automatic page info in message)
[tapchat]
Custom shortcode parameters:
[tapchat phone="+1234567890" message="Hello!" label="Contact us"]
安装:
Automatic Installation
- Go to WordPress Dashboard → Plugins → Add New
- Search for "Tap Chat"
- Click "Install Now" and then "Activate"
- Go to Settings → Tap Chat to configure
- Download the plugin zip file
- Go to WordPress Dashboard → Plugins → Add New → Upload Plugin
- Choose the downloaded zip file and click "Install Now"
- Activate the plugin
- Go to Settings → Tap Chat to configure
- General Tab:
- Select your country code from the dropdown
- Enter your phone number (without country code)
- Upload custom icon to replace WhatsApp logo (optional)
- Customize button appearance (color, size, position)
- Set default message and label
- Welcome Bubble Tab:
- Enable welcome bubble
- Choose style (Modern or Simple)
- Customize message, name, and avatar
- Configure smart triggers (Time on Page recommended)
- Business Hours Tab:
- Enable working hours if needed
- Set schedule for each day
- Choose timezone
- Add optional offline message
- Visibility Tab:
- Control where button appears
- Show on specific pages only
- Hide on specific pages (e.g., checkout)
- Advanced Tab:
- Enable page context appending
- Additional customization options
屏幕截图:
常见问题:
Do I need a business account?
No. Tap Chat works with regular accounts or business accounts from supported messaging platforms.
Will it slow down my website?
No. Tap Chat is extremely lightweight (< 15KB total) and loads asynchronously. It won't affect your site speed.
Can I customize the button design?
Yes! You can customize colors, sizes, position, and labels. The button adapts to your brand.
Can I upload my own icon?
Yes! Go to General Settings and use the Custom Icon Upload feature to replace the WhatsApp icon with your own brand logo or any custom image.
Does it work on mobile?
Yes! Tap Chat is fully responsive and optimized for mobile devices with separate mobile/desktop controls.
Can I use it with WooCommerce?
Absolutely! Tap Chat works perfectly with WooCommerce and supports all WooCommerce pages.
How do smart triggers work?
Smart triggers show the welcome bubble based on visitor behavior:
- Time on Page: After visitor stays for X seconds (default and recommended)
- Scroll Depth: When visitor scrolls to X% of page
- Exit Intent: When visitor moves mouse to close tab
- Idle Detection: When visitor is inactive for X seconds When multiple triggers are enabled, the bubble shows when ANY trigger condition is met first.
What's the difference between Modern and Simple bubble styles?
Modern Style:
- Includes avatar image
- Shows agent/team name
- Displays online status indicator
- Positioned above button Simple Style:
- Clean, minimal design
- Message only
- Can be positioned above or beside button
- Faster to configure
Can I disable the welcome bubble?
Yes! The welcome bubble is optional. You can use just the floating button without the bubble.
Will visitors see the bubble every time?
No. After a visitor closes the bubble or clicks it, they won't see it again during that browsing session (using sessionStorage).
Can I use a different phone number in shortcode?
Yes! Use: [tapchat phone="+1234567890"] to override the default number.
Can I have different messages for different pages?
Yes! Use the shortcode with custom message parameter: [tapchat message="Custom message for this page"]
How do I set working hours?
- Go to Business Hours tab
- Enable "Enable Working Hours"
- Select your timezone
- Toggle days on/off and set times
- Optionally add offline message
- Save changes
What happens outside working hours?
You have two options:
- Hide the button completely (leave offline message empty)
- Show grayed-out button with offline message
Can I show button only on specific pages?
Yes! Use the Visibility tab:
- "Show ONLY on specific pages" - button appears only where selected
- "Hide on specific pages" - button hidden where selected
- Combine both for precise control
更新日志:
1.8.2 - 2026-07-13
- Fixed Notice of Function _load_textdomain_just_in_time
- Fixed Update name.
- Added button animations in the General tab: fade in, slide in, bounce, ring/shake, and a "New message" style with an unread badge and pulsing ring. Motion is disabled for visitors who prefer reduced motion.
- Added a dismissible review request notice with three randomized copy variants (A/B assignment per install), shown on the Dashboard, Plugins, and settings screens 1 day after install. Use the
tap_chat_review_delay_daysfilter to change the delay. - Changed plugin name to "Tap Chat – WhatsApp Chat & Floating Chat Button".
- Fixed invalid "Tested up to" header (was 7.0).
- Added a Phone / Custom-link toggle in the General tab — pick Custom to use any URL (Telegram, Messenger, contact page) with no country code.
- Added {TITLE}, {TAGLINE}, {URL} variables that get replaced in the default WhatsApp message with your site title, tagline, and URL.
- Improved: Admin settings now use JavaScript tabs without page refresh
- Improved: All settings from all tabs save together in one submission
- Improved: Dynamic bubble positioning - automatically adjusts to icon size changes
- Improved: Better responsive behavior for welcome bubble on all screen sizes
- Fixed: Bubble alignment issues when changing icon sizes
- Performance: Smoother admin experience with no page reloads between tabs
- New: Custom Icon Upload feature - Replace WhatsApp icon with your brand logo
- New: WordPress Media Library integration for icon selection
- Improved: Perfect circular icon display with automatic sizing
- Improved: Custom icon works in floating button, offline button, and bubble avatar
- Improved: Responsive icon behavior across all devices
- Fixed: Icon sizing and display issues on mobile
- Fixed: Border spacing around custom icons
- Performance: Optimized icon rendering with CSS
- New: Smart Triggers system for welcome bubble
- Time on Page trigger (enabled by default)
- Scroll Depth trigger
- Exit Intent trigger
- Idle Detection trigger
- Improved: Simplified trigger configuration
- Improved: Better default settings for new installations
- Improved: Enhanced UX with Time on Page as recommended option
- Fixed: Removed duplicate Display Delay field
- Fixed: Various minor bug fixes and improvements
- Performance: Optimized trigger detection algorithms
- New: Welcome Bubble feature with two styles (Modern & Simple)
- New: Bubble customization options (message, name, avatar)
- New: Welcome bubble animations and interactions
- New: Session-based bubble display control
- Improved: Better mobile experience
- Fixed: Avatar upload functionality
- Performance: Optimized CSS animations
- New: Business Hours feature with timezone support
- New: Offline message option
- New: Page visibility controls (show/hide on specific pages)
- New: Support for all post types and WooCommerce pages
- Improved: Better settings organization with tabs
- Improved: Enhanced admin UI
- Fixed: Various compatibility issues
- New: Country selector with 150+ countries and flags
- New: Separate mobile and desktop size controls
- New: Hide label options for mobile/desktop
- New: Page context appending option
- Improved: Phone number validation
- Improved: Better URL encoding for messages
- Fixed: International phone number handling
- Initial release
- Floating chat button
- Customizable colors, sizes, and positions
- Pre-filled messages
- Shortcode support
- Translation ready
- GDPR compliant