Tap Chat Team

<p><strong>Tap Chat</strong> 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.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Floating Chat Button</strong> – Beautiful, customizable button that sticks to your site</li>
<li><strong>Custom Icon Upload</strong> – Replace WhatsApp icon with your own brand logo or custom image</li>
<li><strong>Welcome Bubble</strong> – Friendly greeting message to encourage conversations with two styles (Modern & Simple)</li>
<li><strong>Smart Triggers</strong> – Show the bubble at the perfect moment based on visitor behavior</li>
<li><strong>Country Selector</strong> – Easy phone number configuration with 150+ country codes and flags</li>
<li><strong>Working Hours</strong> – Display button only during business hours with timezone support</li>
<li><strong>Page Visibility</strong> – Show or hide button on specific pages/posts</li>
<li><strong>Fully Customizable</strong> – Colors, sizes, positions, labels – make it yours</li>
<li><strong>Mobile Optimized</strong> – Separate mobile/desktop configurations</li>
<li><strong>Zero Tracking</strong> – GDPR-friendly, no cookies, no external requests</li>
<li><strong>Translation Ready</strong> – Fully translatable with .pot file included</li>
<li><strong>Performance First</strong> – Minimal footprint, no jQuery dependencies in frontend</li>
</ul>
<h4>Welcome Bubble Features</h4>
<p>The welcome bubble is designed to increase engagement and conversions:</p>
<ul>
<li>
<p><strong>Two Beautiful Styles:</strong></p>
<ul>
<li>Modern – Rich bubble with avatar, name, and online status</li>
<li>Simple – Clean bubble with message only, positioned above or beside button</li>
</ul>
</li>
<li>
<p><strong>Smart Triggers</strong> – Show bubble based on visitor behavior:</p>
<ul>
<li>Time on Page – After visitor spends specific time (recommended)</li>
<li>Scroll Depth – When visitor scrolls to specific percentage</li>
<li>Exit Intent – When visitor moves to close tab/window</li>
<li>Idle Detection – When visitor is inactive</li>
</ul>
</li>
<li>
<p><strong>Customization Options:</strong></p>
<ul>
<li>Custom welcome message with emoji support</li>
<li>Agent/team name display (Modern style)</li>
<li>Avatar image upload (Modern style)</li>
<li>Multiple trigger combinations</li>
<li>Auto-close on interaction</li>
<li>Session-based display (won’t annoy visitors)</li>
</ul>
</li>
</ul>
<h4>Advanced Features</h4>
<ul>
<li>
<p><strong>Custom Icon Upload:</strong></p>
<ul>
<li>Replace default WhatsApp icon with your brand logo</li>
<li>Supports PNG, JPG, SVG formats</li>
<li>Perfect circular display with automatic sizing</li>
<li>Works in floating button, offline button, and bubble avatar</li>
<li>Easy fallback to default icon</li>
</ul>
</li>
<li>
<p><strong>Business Hours Control:</strong></p>
<ul>
<li>Set different hours for each day of the week</li>
<li>Timezone support for accurate scheduling</li>
<li>Custom offline message</li>
<li>Choose to hide button or show offline state</li>
</ul>
</li>
<li>
<p><strong>Visibility Rules:</strong></p>
<ul>
<li>Show on specific pages only</li>
<li>Hide on specific pages (e.g., checkout, cart)</li>
<li>Combine show/hide rules for precise control</li>
<li>Support for all post types and WooCommerce pages</li>
</ul>
</li>
<li>
<p><strong>Customization Options:</strong></p>
<ul>
<li>Button position (left/right)</li>
<li>Custom colors</li>
<li>Icon sizes (separate for desktop/mobile)</li>
<li>Hide/show label on mobile or desktop</li>
<li>Pre-filled message text</li>
<li>Page context appending (automatic page info in message)</li>
</ul>
</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>E-commerce stores (WooCommerce ready)</li>
<li>Service businesses</li>
<li>Support teams</li>
<li>Real estate agents</li>
<li>Consultants</li>
<li>Educational institutions</li>
<li>Healthcare providers</li>
<li>Any business that wants instant communication</li>
</ul>
<h4>Translation Ready</h4>
<p>Tap Chat is fully translatable and includes:<br />
* English (default)<br />
* German (Deutsch) – coming soon<br />
* Spanish (Español) – coming soon<br />
* French (Français) – coming soon<br />
* RTL language support</p>
<p>Want to translate? Submit your translation and get credit!</p>
<h4>Privacy & GDPR</h4>
<ul>
<li>No tracking or analytics</li>
<li>No cookies stored</li>
<li>No external requests</li>
<li>No data collection</li>
<li>100% GDPR compliant</li>
</ul>
<h4>Usage</h4>
<p><strong>Shortcode:</strong><br />
Display chat link anywhere with: <code>[tapchat]</code></p>
<p><strong>Custom shortcode parameters:</strong><br />
    [tapchat phone=”+1234567890″ message=”Hello!” label=”Contact us”]</p>
<h4>Technical Details</h4>
<ul>
<li>Clean, semantic HTML5</li>
<li>Modern CSS3 with smooth animations</li>
<li>Vanilla JavaScript (no jQuery frontend dependency)</li>
<li>Follows WordPress coding standards</li>
<li>Passes WordPress.org plugin review</li>
<li>Regular security updates</li>
<li>Compatible with all major themes and page builders</li>
</ul>
<h4>Mobile Experience</h4>
<ul>
<li>Fully responsive design</li>
<li>Touch-optimized interactions</li>
<li>Native app integration</li>
<li>Separate mobile size controls</li>
<li>Optional label hiding on mobile</li>
</ul>
<h4>Customization</h4>
<p>Make Tap Chat match your brand:<br />
* Custom button colors with color picker<br />
* Adjustable icon sizes<br />
* Flexible positioning<br />
* Label customization<br />
* Modern or Simple bubble styles<br />
* Custom welcome messages<br />
* Avatar personalization<br />
* Upload custom icons</p>
<h4>What’s New in 1.6.0</h4>
<ul>
<li><strong>Improved Admin UX</strong> – Tab navigation without page refresh</li>
<li><strong>Unified Settings</strong> – All settings save together from any tab</li>
<li><strong>Dynamic Bubble Positioning</strong> – Bubble automatically adjusts to icon size</li>
<li><strong>Better Responsive Behavior</strong> – Perfect alignment on all screen sizes</li>
</ul>
<h3>Privacy Policy</h3>
<p>Tap Chat does not:<br />
* Collect any user data<br />
* Use cookies or browser storage (except sessionStorage for bubble display)<br />
* Make external HTTP requests<br />
* Track or monitor user behavior<br />
* Share data with third parties</p>
<p>The only data processed is:<br />
* Phone number (stored in WordPress database)<br />
* User preferences (stored in WordPress database)<br />
* Temporary session data for bubble display (sessionStorage, cleared when browser closes)</p>
<p>When users click the chat button, they are redirected to the chosen messaging service, which is governed by that service’s privacy policy.</p>
<h3>Support</h3>
<p>Need help? We’re here for you!</p>
<ul>
<li><strong>Documentation:</strong> <a href="https://wordpress.org/plugins/tap-chat/" rel="ugc">Plugin documentation</a></li>
<li><strong>Support Forum:</strong> <a href="https://wordpress.org/support/plugin/tap-chat/" rel="ugc">WordPress.org support</a></li>
<li><strong>Bug Reports:</strong> <a href="https://github.com/wpdevup/tap-chat/issues" rel="nofollow ugc">GitHub issues</a></li>
</ul>
<h3>Credits</h3>
<ul>
<li>Icons from messaging platform brand resources</li>
<li>Country flags from Unicode emoji standard</li>
<li>Developed with love by Tapchat Team</li>
</ul>
<h3>Roadmap</h3>
<p>Planned features for future versions:</p>
<ul>
<li>Multiple agents support with round-robin</li>
<li>Custom working hours per agent</li>
<li>Analytics dashboard (privacy-friendly)</li>
<li>More bubble styles and animations</li>
<li>Team chat widget</li>
<li>Pre-chat form</li>
<li>Quick replies templates</li>
<li>Multi-language welcome messages</li>
<li>Integration with popular form plugins</li>
</ul>
<p>Want a specific feature? Let us know in the support forum!</p>


Tap Chat


Clean, fast, and feature-rich without being bloated. The working hours feature is brilliant for my customer support team. Timezone support works flawlessly. Setup took 3 minutes. Highly recommended!


Best lightweight WhatsApp plugin


This plugin is very useful, customizable and easy to use.


Very useful and customizable

Lightweight WhatsApp chat button with welcome bubble, working hours, page controls. GDPR-friendly, no tracking.

Noah Hearle

<p>Control all aspects of your business’ opening hours with this very easy management tool with multiple display options and conditional text while open or closed with renewed content upon status changes. This plugin offers a high degree of customization and can be placed almost anywhere using a shortcode or widget.</p>
<h4>Features:</h4>
<ul>
<li><strong>Shortcode and Widget</strong> to display your opening hours in a wide variety of formats</li>
<li>Responsive interface to quickly set regular opening hours separate from special opening hours for public holidays</li>
<li>Set up to 3 groups of opening times per day</li>
<li>Set 24 hour opening times</li>
<li>Set a date range for a temporary closure of your business</li>
<li><a href="https://demo.designextreme.com/were-open/#consolidation" rel="nofollow ugc">Consolidation of hours</a> with options for:
<ul>
<li>Just weekdays,</li>
<li>Just the weekend,</li>
<li>Separate weekdays and the weekend,</li>
<li>Full consolidation</li>
</ul>
</li>
<li>Very high level of customization such as:
<ul>
<li>Separator characters,</li>
<li>Extensive day and time formatting,</li>
<li>Prefix and suffix for each group of times,</li>
<li>Local language day names with option to overwrite,</li>
<li>Consolidation words,</li>
<li>Hiding of closed days,</li>
<li>Start the week to any day including the current day,</li>
<li>Regular or special opening hours only,</li>
<li>Separate day/date formatting for regular and special opening hours,</li>
<li>Date labeling and notes for special opening hours,</li>
<li>Date ranges, and much more…</li>
</ul>
</li>
<li>Option to refresh opening hours or reload the page at the start of each day</li>
<li>HTML classes to give high-level of design customization (e.g. <em>past</em>, <em>today</em>, <em>tomorrow</em>, <em>future</em>, <em>special</em>)</li>
<li>Right To Left (RTL) language support</li>
<li><a href="https://demo.designextreme.com/were-open/#open-now" rel="nofollow ugc"><strong>Conditional shortcode</strong></a> to show content only when open, closed or <a href="https://demo.designextreme.com/were-open/#open-special" rel="nofollow ugc">special opening hours</a>
<ul>
<li>Automatic data refreshing or page reload occurring with a change of open or closed status</li>
<li>Conditionally show HTML containing special opening hours – only when this is available</li>
</ul>
</li>
<li><strong>Conditional text</strong> with variables (e.g. show text or HTML relevant to current open status)</li>
<li><strong>Structured Data</strong> (<a href="http://schema.org" rel="nofollow ugc">Schema.org</a>) support to give accurate information about opening hours to search engines and services such as Google My Business and it assists with SEO</li>
<li>Populate and synchronize opening hours from Google My Business (Google API Key, Place ID, Google Billing Account are required)</li>
<li>A comprehensive and <em>free</em> plugin with no upgrades for additional functionality</li>
</ul>
<h4>Demo:</h4>
<p>We have a comprehensive showcase of the shortcode’s design and functionality on our <a href="https://demo.designextreme.com/were-open/" rel="nofollow ugc">Demonstration Website</a>.</p>
<ul>
<li><a href="https://demo.designextreme.com/were-open/" rel="nofollow ugc">Basic Shortcode</a></li>
<li><a href="https://demo.designextreme.com/were-open/#table" rel="nofollow ugc">Table designs</a></li>
<li><a href="https://demo.designextreme.com/were-open/#text" rel="nofollow ugc">Opening hours as text</a></li>
<li><a href="https://demo.designextreme.com/were-open/#consolidation" rel="nofollow ugc">Consolidation</a></li>
<li><a href="https://demo.designextreme.com/were-open/#open-now" rel="nofollow ugc">Conditional shortcodes</a></li>
<li><a href="https://demo.designextreme.com/were-open/#open-special" rel="nofollow ugc">Conditional special opening hours</a></li>
<li><a href="https://demo.designextreme.com/were-open/#labels-notes" rel="nofollow ugc">Labels and notes</a></li>
<li><a href="https://demo.designextreme.com/were-open/#open-text" rel="nofollow ugc">Replacement text and logic</a></li>
<li><a href="https://demo.designextreme.com/were-open/#open-text-reference" rel="nofollow ugc">Replacement text reference</a></li>
</ul>
<h4>Recommendations:</h4>
<ul>
<li>If populating from Google, I would recommend <a href="https://business.google.com" rel="nofollow ugc">setting your business in Google</a> and finding your <a href="https://developers.google.com/places/place-id" rel="nofollow ugc">Place ID</a>.</li>
<li>And if used more than once, create a <a href="https://console.cloud.google.com/billing" rel="nofollow ugc">Google Billing Account</a> to receive your substantial free API Request allocation.</li>
</ul>
<p><em>This is just my second public plugin and <a href="https://designextreme.com/wordpress/we-are-open/" rel="nofollow ugc">all comments</a> are very welcome. It is a sister plugin to <a href="https://wordpress.org/plugins/g-business-reviews-rating" rel="ugc">Reviews and Rating – Google My Business</a>.</em></p>
<h3>Getting started with Google Places API</h3>
<p>In order to retrieve your opening hours from Google My Business, you will need a Google API Key, locate your Place ID and set your billing information. With the Billing details, you’ll receive a substantial <em>free</em> allocation, ample enough to use this feature for free.</p>
<ul>
<li><a href="https://developers.google.com/maps/documentation/javascript/get-api-key" rel="nofollow ugc">Google API Key Guidelines</a></li>
<li><a href="https://developers.google.com/maps/documentation/javascript/examples/places-placeid-finder" rel="nofollow ugc">Place ID Finder</a></li>
<li><a href="https://console.cloud.google.com/billing/enable" rel="nofollow ugc">Google Cloud Billing Account</a></li>
</ul>


We’re Open!

The plugin has an end-user-friendly interface to enter the standard opening hours and any exceptions. Then just add a shortcode on your page and you're done.

Easy way to get opening hours and exceptions on your webpage


+ Plugin uses local names of days by default, like Monday is Pondělí in Czech language. + Comes with built-in documentation for advantage use. For me I managed to have dynamic generated sentence, like: It's open now and we are closing at 22:00. Which change on closed hours for sentence It's closed now. We are opening today at 16:00. Or sentence It's closed now, we are opening tomorrow at 16:00. Code for that is listed bottom here.+ I managed to have table of opening hours simplified to my needs. I managed to set Weekdays renamed to Monday - Thuersday 16:00 - 22:00. Folowed by Weekend renamed to Friday - Saturday 16:00 - 23:00. And Sunday doesn't match any of this categories so it's showing all time like Sunday -closed-.+++ I love plugin let me do this thinks only by user settings without need of coding. 



Code for sentence, to easier your life:



[open_text]%if_open% Dnes otevřeno do %today_end%. %else% Právě máme zavřeno.%end% %if_closed%%if_open_later% %space% Otevíráme dnes od %today_start%. %else% %if_open_tomorrow% %space% Otevíráme zítra od %tomorrow_start%. %end% %end% [/open_text]


Everything you need just in one plugin. Totaly customizable. Avesome!

Opening hours for your business, a joy to manage and highly customizable. Conditional excerpts; conditional/replacement text; Structured Data for SEO.

Tap Chat vs We’re Open!