Click to Chat – HoliThemes
WhatsApp Chat. Let’s make your Web page visitors contact you through “WhatsApp” or “WhatsApp Business” with a single click (WhatsApp Chat, Group). Home | Demo | Documentation | Support | PRO WhatsApp Chat Add ‘WhatsApp’ or ‘WhatsApp Business’ Number and let your website visitors contact you with a single click. 📱 Mobile: Open the WhatsApp Mobile App for a seamless connection. 💻 Desktop: Direct visitors to the WhatsApp Desktop App or Web WhatsApp page (web.whatsapp.com) 💎 Styles Select a style that complements the design of your website. 8 pre-defined customizable styles/designs Add your own Image/GIF Custom Element/Design (convert any element to a WhatsApp Chat element) Shortcodes (Add WhatsApp button/icon with inline the content) Different Styles, Positions for Mobile, Desktop Choose a style and customize it to match the website’s design list of Styles | 🎨Customize Styles 💡 Add Own Image Instead of selecting a pre-defined style, add any Image/Animated-image/GIF. 🌈 Custom Element Convert any Element as a WhatsApp Chat Element by adding Class/ID name: ‘ctc_chat’ (or) Href/link: ‘#ctc_chat’ The custom design element will navigate to WhatsApp based on plugin settings (WhatsApp Number, pre-filled message, Analytics, …. ). (e.g. menu item, button, image, link – just add ctc_chat as a class name) Custom Element 🎉 Greetings Dialog Add customizable greeting dialogs for boosting user attention and increasing interaction. Seamlessly integrate these greetings into your website for better engagement. Greetings-1 – Customizable Design: Personalize the design to match your branding with full control over fonts, colors, images, and more. Greetings-2 – Content Specific: Deliver focused messages that resonate effectively with your users. 📝 Form Filling Get the necessary information from the website visitors before initiating the chat. Get an email notification when the user fills out the form. Call a webhook with the form data to integrate with other applications. Using integrations tools add data in Google Sheet, CRM and many more applications. Form data can be prefilled in the WhatsApp chat window. PRO: Greetings-Form 👥 Multi-Agent Add multiple WhatsApp chat accounts within a single Greetings dialog. We can set different time ranges for each agent. (24×7 or multiple time ranges for each day of the week). Offline Agents Chat when offline (display agent with next available time). Disable chat (display agent with next available time). Hide offline agents PRO: Multi-Agent ⌛ Greetings Actions Click Action: Displays greeting dialog when a user clicks on any element with the class name: ‘ctc_greetings’. ViewPort Action: Displays Greetings When an element is in/reached viewport(25% margin) with the Class name: ‘ctc_greetings_now’ [PRO] Time, Scroll Actions: Display Greetings based on time, scroll [PRO] These actions enhance user interaction by triggering greetings at the right moments, improving engagement and support efficiency. Actions 🔴 Notification Badge Get user attention by displaying a notification badge on the WhatsApp Chat element. Customize the notification badge with the notification count, text color, background color, border color, and time delay to display the notification badge. Notification Badge ✳️ Position to Place Add WhatsApp at any position of the screen (not limited to fixed positions). Different positions for Mobile and Desktop. ⏩ Pre-filled Message Text that appears in the WhatsApp chat window when the user clicks on the WhatsApp. Users can easily start the conversation. Variables to change values dynamically {site} -> Website Title {title} -> Page Title {url} -> Web page URL [url] -> Web page full URL including query parameters With these variables, we can understand from which page the user started WhatsApp chat. Pre-filled Message 🛍️ WooCommerce WooCommerce product pages For WooCommerce, single product pages can overwrite the main setings to add a product specific message using dynamic variables. Pre-filled Message Call to Action Greetings Template, Content [PRO] Additional variables, specific to WooCommerce single product page to change values dynamically {product} -> Product Name {price} -> Product Price (current price) {regular_price} -> Regular product price (without any sale) {sku} -> Stock keeping unit For Shop, Cart, Checkout, and Account pages we can overwrite at page level settings Add WhatsApp – Single Product Pages Add WhatsApp button or icon at WooCommerce single product pages. Before Main Content Before Product Before Product Summary Product Summary Before Add to Cart Form Before Cart Button After Cart Button After Add to Cart Form After Product After product summary We can add dynamic variables for the Call to Action. E.g. Buy {product} {product} will be replaced with the product name for all product pages. Add WhatsApp Icon/Button in WooCommerce Product pages Add WhatsApp – Shop Page Add WhatsApp to WooCommerce Products list (shop page, related products list) Shop page 📒 Page Level Settings At the page level, we can overwrite the settings for each post. We can add a different Whatsapp Number, Prefilled Message, Call to Action for each post (while editing the post, in the right sidebar ‘Click to Chat’ meta box) WhatsApp Number Call to Action Pre-filled Message Display Settings PRO: Change Styles Time Delay Scroll Delay Greetings Template Greetings Header, Main, Bottom Content Page-level settings 📈 Analytics Creates an Event when the user clicks on the WhatsApp Icon/button. Google Analytics Meta Pixel Google Ads Conversations Webhooks Connect other applications using Integrate, Automation tools like Zapier, IFTTT, Pipedream, etc. Webhooks ⭐ PRO Multi-Agent: Displays multiple WhatsApp chat accounts Set multiple time ranges for each agent’s availability Hide offline agents or display agent when offline with next available time Random Numbers: Navigates to a random WhatsApp number from the predefined list Form: Get the necessary information from the website visitors, before initiating the chat Get an email notification when the user fills out the form. Use webhooks to send form data to external apps in real-time for seamless integration. Prefill WhatsApp messages with user-provided form data to streamline conversations Business hours: Offline/Online Settings Set business hours for a specific time range within a day, specific days in a week. Hide the widget during offline hours or automatically change the WhatsApp numbers and call to action. Display based on website visitor’s country Webhooks – Dynamic variables {url} – Current page URL. {time} – Time user interacted with the WhatsApp Button/Icon. {number} – WhatsApp Number associated with the icon/button. Get values from url parameters by adding name with in single square brackets E.g. [gclid], [utm_source] Get values from cookies by adding the name with in double square brackets. E.g. [[cookie_name]] Get additional values at Google Analytics, Meta Pixel Get values from url parameters. E.g. [gclid], [utm_source] Get values from cookies. E.g. [[cookie_name]] Greetings Actions: (for all greeting dialogs: Greetings-1, Greetings-2, Form, Multi-agent) Display greetings dynamically based on user actions such as Time: Time spent on the page, Scroll: Page scroll percentage, Click: specific button clicks ViewPort: when an element becomes visible in the viewport. Position to place Fixed: Fixed position on the screen (default position) Absolute: Fixed position to the body content. (Moves when the user scrolls the page) Time Delay & Scroll Delay: Display WhatsApp widget after a specified time delay or once the user scrolls a certain percentage of the page. Display based on Website visitor’s login status Page-level settings: Fine-tune WhatsApp button behavior for individual pages. Change styles, time delays, scroll delay, Greetings Template, and Greetings Content WooCommerce: Customize WhatsApp widget behavior specifically for WooCommerce pages Overwrite greetings template, Content for Single product pages. Overwrite settings for Shop, Checkout, and Account pages at page-level settings 🔆 PRO 🎯 Localization Click to Chat is Compatible with translation plugins. WPML, Polylang. It is easy to set up different values for each language WhatsApp Number Call to Action Pre-filled Message Greetings Content Group ID Share Text Setup for WPML, Polylang 🚀 Performance Rich in features, but the site’s front end is very lightweight. We highly concentrate on speed and performance. 👓 Display Settings Customize the visibility of the widget by showing or hiding styles based on specific settings, such as: Post type Post Id Category name Device Type(Mobile, Desktop) WooCommerce single product pages PRO: Time delay Scroll delay Selected time range in a day Selected Days in a week Website visitor login status Website visitor country ✅ Opt-in Make the website users opt-in / accept consent before initiating the chat. Opt-in ⛳ Shortcodes Use shortcodes to instead a WhatsApp icon or button with inline the Post content, widget area. change the default setting values using shortcode attributes – WhatsApp Number, Style, Pre-filled message, Call to Action. Chat Shortcodes [ht-ctc-chat] To change the WhatsApp number use the ‘number’ attribute [ht-ctc-chat number=915123456789] Shortcodes for Chat Group Enable the Group chat feature and add WhatsApp Group id in the plugin settings. Make it easy for your customers to join Whatsapp Group. Group Share Let users share your website with their WhatsApp contacts and get more leads. Share 🌏 Help Translate The Plugin Help by Translating the plugin to be available in more languages
Top keywords
- whatsapp47×3.23%
- chat24×1.65%
- product22×1.51%
- add21×1.44%
- time20×1.38%
- greetings18×1.24%
- page18×1.24%
- settings13×0.89%
- user13×0.89%
- website13×0.89%
- button12×0.83%
- element12×0.83%
Click to Chat
Click to Chat is a high-performance multi-channel click to chat WordPress plugin designed to bridge the gap between you and your visitors. Instead of a single-link tool, this plugin provides an all-in-one floating chat widget that supports multiple messaging and social platforms in one unified, sleek interface. The plugin features a stylish, expandable floating button that acts as a central communication hub. Whether you need a social messenger redirect, a floating contact button, or a direct link to your professional profiles, this plugin handles various channels simultaneously with zero impact on site performance. Live Demo Explore live examples of Click to Chat in action: 🔗 Click to Chat Demo Page 👉 Check out our other plugin: Flipbox Addon for Elementor – Create stunning animated 3D flip boxes for your WordPress site. Why Use a Click to Chat Plugin? Add a floating WhatsApp chat button to WordPress Allow visitors to contact you instantly from any page Offer multiple communication options in a single chat widget Improve lead generation and customer support accessibility Maintain fast page speed and privacy compliance 🚀 All-in-One Multi-Channel Widget In 2026, accessibility is key. This universal social chat widget allows you to offer your customers their preferred choice of communication, reducing friction and increasing lead generation. It is the perfect floating chat for WooCommerce, business portfolios, and service-based websites that need to capture inquiries across different social ecosystems. 💬 Versatile Social Redirect Features Why limit your site to just one app? Our floating button supports a wide range of instant redirect options: * Social Messaging: Direct links to the world’s most popular messaging and chat apps. * Instant Redirects: Seamlessly transition users from your site to your social chat inboxes. * Direct Voice & Text: Integrated “Click to Call” and SMS functionality for mobile users. * Professional Networks: Quick-access links for business and networking platforms. 🛡️ Privacy & Performance First Click to Chat is a privacy-first social chat widget. It is fully GDPR-ready because it does not track users, set cookies, or load heavy third-party scripts. It is a lightweight solution optimized for Core Web Vitals, ensuring your floating contact button never slows down your page speed. 👉 View Live Demo Supported Communication Channels Social Messaging Apps – Connect via the most popular global chat platforms. Messenger Redirect – Instant links to your business chat inboxes. Photo & Video Socials – Direct DMs for visual-heavy social networks. Phone (Click to Call) – One-click dialing for immediate voice support. Email & SMS – Traditional communication methods built into the widget. Professional & Work Networks – Quick links to your corporate or creative profiles. Key Features Expandable Multi-Channel Widget: A clean, modern floating chat widget that holds multiple icons. Channel Chat Widget: Includes an interactive channel chat widget complete with a customizable greeting message. Custom Social Redirects: Easily configure where each button directs your visitors. Smart Positioning: Choose bottom-left or bottom-right placement with custom pixel offsets. Device Visibility Control: Display your social chat button on mobile, desktop, or both. Attention-Grabbing Delay: Set a timer for the floating button to appear after page load. Custom Branding: Adjust colors, button sizes, and icon styles to match your theme. Zero Dependencies: Pure, lightweight code with no impact on site performance. Recommended Plugins If you find Click to Chat useful, check out our other top-rated plugin: 🔄 Flipbox Addon for Elementor – The easiest way to design modern, animated flip boxes and 3D cards directly inside Elementor. Acknowledgements Thanks to the WordPress community for continued inspiration and support. License This plugin is licensed under the GPLv2 or later license. See the LICENSE file for more details.