WhatsApp Chat🔥. Let's make your Web page visitors contact you through 'WhatsApp', 'WhatsApp Business'. Add matching Widget✅
WhatsApp Chat. Let’s make your Web page visitors contact you through “WhatsApp” or “WhatsApp Business” with a single click (WhatsApp Chat, Group).
Demo | Documentation | Support | PRO
Add ‘WhatsApp’ or ‘WhatsApp Business’ Number and let your website visitors contact you with a single click.
📱 Mobile: Navigate to WhatsApp Mobile App.
💻 Desktop: Navigate to the WhatsApp Desktop App or Web WhatsApp page (web.whatsapp.com)
Select a style that complements the design of your website.
list of Styles | 🎨Customize Styles
Instead of selecting a pre-defined style, add any Image/Animated-image/GIF.
Convert any Element as a WhatsApp Chat Element by adding
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)
Encourage user participation by displaying the right message at the right time.
Add the greeting dialog text, Image/GIf, emojis with the rich text editor.
Font can well decorate with font size, font family, links, text color, text background color, bold, italic, list, alignment, and more.
Get the necessary information from the website visitors before initiating the chat.
PRO: Greetings-Form
Add multiple WhatsApp chat accounts within a single Greetings dialog.
PRO: Multi-Agent
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.
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
With these variables, we can understand from which page the user started WhatsApp chat.
For WooCommerce, single product pages can overwrite the main setings to add a product specific message using dynamic variables.
Additional variables, specific to WooCommerce single product page to change values dynamically
For Shop, Cart, Checkout, and Account pages we can overwrite at page level settings
Add WhatsApp button or icon at WooCommerce single product pages.
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 to WooCommerce Products list (shop page, related products list)
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)
PRO:
Creates an Event when the user clicks on the WhatsApp Icon/button.
Connect other applications using Integrate, Automation tools like Zapier, IFTTT, Pipedream, etc.
🔆 PRO
Click to Chat is Compatible with translation plugins. WPML, Polylang.
It is easy to set up different values for each language
We highly concentrate on speed and performance.
Show/Hide styles based on
PRO:
Make the website users opt-in / accept consent before initiating the chat.
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.
[ht-ctc-chat]
To change the WhatsApp number use the ‘number’ attribute
[ht-ctc-chat number=915123456789]
Enable the Group chat feature and add WhatsApp Group id in the plugin settings.
Make it easy for your customers to join Whatsapp Group.
Let users share your website with their WhatsApp contacts and get more leads.
Help by Translating the plugin to be available in more languages
8 Styles, 1 Add your own image or GIF. Add at any position to the screen (Desktop, Mobile: can set different styles, positions)
Select a style and customize it to match your website design.
Chat Settings - Enter WhatsApp Number, prefilled message, call to action, desktop: web view / desktop app view
Style, position to place (at any position of the screen) - Desktop, Mobile
Add WhatsApp Menu item (Custom Element)
Change Values at the page level: 'WhatsApp Number', 'Call to action', 'Group ID'
Style - 5 - Image with content box
Style - 8 - Materialize button
Style - 99 - Add your own Image / GIF(Animated Image)
Customize Styles
Enable Group, Share Settings
Group settings page
Share settings page
Display settings
Webhooks
prefilled, call to action for WooCommerce single product pages
Animations
Analytics - Google Analytics, Facebook Pixel, Google Ads Conversations
Enter the WhatsApp number with country code
E.g.
country code +1
number: 6123456789
** WhatsApp number: 16123456789 **
(WhatsApp Number)[https://holithemes.com/plugins/click-to-chat/whatsapp-number/]
Text that appears in the WhatsApp chat window when the user clicks on the WhatsApp.
Add variables to change values dynamically
{url} -> Web page URL {title} -> Page Title {site} -> Website Title
E.g.
Hi {site}!! I like to know more information about this {title}, {url}.
Variables for WooCommerce single product pages
{product} -> Product Name {price} -> Product Price (current price might be the sale price/regular price) {regular_price} -> Regular product price (with out any sale) {sku} ->Stock keeping unit
E.g.
Hi {site}!! Name: I like to buy this {product}, {url}
With this prefilled text, we can know from which page the user started the conversation, the purpose of the contact, and their details
Pre-filled Message
Pre-filled Message for WooCommerce
Select Styles/widget that matches the design
* customize the style to match the website design.
* Add your own Image/GIF
* Custom Element/Design (convert any element to a WhatsApp Chat element)
* Select differnt Styles for mobile, desktop to match the website design.
Add Styles at any position of the screen (not just fixed to selected positions).
Position to place settings
E.g.
bottom-right corner:
bottom: 10px
right: 10pxCenter of the Screen (bottom-center)
bottom: 10px
right: 50%Center of the Screen (left-center)
bottom: 50%
right: 10px
Plugin supports all CSS units as the suffix. (px, %, rem,…)
“Click to Chat” don’t collect any of the user data and don’t use cookies.
User consent before starting the chat.
We can change values for each language if using WPML, Polylang for translation.
From WPML / Polylang Settings -> ‘String Translations’ and filter strings to ‘Click to chat for WhatsApp’ and change value based on language.
Enable Group Feature Add WhatsApp group id at plugin settings page. and let user join in WhatsApp Group.
Enable Share feature and let users share your website easily.
Add variables to change values dynamically
{url} -> Web page URL
{title} -> Page Title
{site} -> Website Title
Share Text – E.g.
Checkout this Awesome page {title}, {url}
Click to Chat is Compatible with (AMP)[https://wordpress.org/plugins/amp/] plugin. AMP won’t load plugins JavaScript files so limited functionality available.
✍️ For any queries, please contact us.
For any issues with the plugin / suggestions:
If you like the plugin, support the developers by giving 5 star rating
Thank you so much in advance from “Click to Chat” Team