Version 1.7

Improved plugin performance (Reduced plugin size), and fixed some issues.


Style-4 code is simplified. ( previously used MaterializeCSS, now rewritten without using any additional frameworks ).




A new style-1 is created since Version 1.7, It’s a default theme button, which looks the same as the currently activated Theme’s button on your website

To use the previous style-1(input filed), please download the previous version(1.6) and reinstall the plugin.

FaceBook Analytics for Click to Chat Plugin

If Facebook Analytics is installed on your website, when the user clicks on any style it will create an event in Facebook Analytics.

Click to Chat plugin won’t install the Facebook Analytics. 
One of the simple plugin to install Facebook Analytics on WordPress Website.

To Enable this feature, check ‘Facebook Analytics’ option at “Click to Chat” plugin settings 

This plugin creates an event at Facebook Analytics, but not on Facebook Pixel.

By default, this plugin creates an event with the event name and three customer parameter.

  • Event Name  ->  Click to Chat
  • Custom Parameter 1  ->  Name: Category, Value: Click to Chat
  • Custom Parameter 2  ->  Name: Action, Value: Click 
  • Custom Parameter 3  ->  Name: label, Value: {{url}}
    {{url}} is a placeholder, will be replaced with the current page URL where the action took place.

To change the event name, custom parameter name, value

Navigate from Click to Chat -> Customize Style 

And Can change the values at ‘Facebook Analytics’ section.

We can view the analytics event in Facebook Analytics Dashboard.

To view Facebook Analytics

fb analytics
Screenshot from Facebook analytics – Event Debugging section

Google Analytics for Click to Chat Plugin

If Google Analytics is installed on your website, when the user clicks on any style it will create an event in Google Analytics.

Click to Chat plugin won’t install the Google Analytics. it will create Event, when user clicks on any style.

Install Google Analytics using Google Tag Manager

Google Analytics

To Enable this feature, check ‘Google Analytics’ option.

By default it will create an event with the parameters,

  • Category Name: Click to Chat for WhatsApp
  • Action Name: Click
  • Label Name: {{url}}

    {{url}} is a placeholder, will be replaced with the current page URL where the action took place.

To change the Event values

Navigate to “Click to Chat” -> “Customize Style

At ‘Google Analytics‘ Section, we can change the Category, Action, Label

Google Analytics

Can view the events in Google Analytics Dashboard

View the real time events at “Real Time” -> “Event”

View the events at “BEHAVIOUR” -> “Events” -> “Overview”

Instead of enabling this option, can use Google Tag Manager to create event

Facebook Analytics for Click-to-Chat

autop issue

While adding shortcodes,  We expect the result to be inline to that content,

But in some cases we find that WordPress adds autop to the previous content. so the shortcode output will display in new line.

to fix this issue for shortcodes, add inline_issue attribute


this attribute will make the previous shortcode content with “p” tag will display as inline content.

[chat style=2 inline_issue="true"]

autop means adding new p tag, i..e making that content as a paragraph. By default , for “p” tag display is block. so the next content will display in next line

To display shortcode output in a new line, add shortcode in new line.

App First

This plugin Detect’s the Device based on HTTP User Agent

i..e Android, IOS ..

If User Access Website from Mobile Device ( Android, IOS .. ). WhatsApp Mobile App will Open ( If WhatsApp is Installed ).

If User Access From Desktop – WhatsApp Web page will open to start chat from browser itself.

But the problem is When Cache plugins are installed, and that cache plugins are not creating  separate pages based on Device type. ( with some plugins there is no issue, where it will create separate version based on device ).

issues like - In Mobile device - 
the page is navigating to 
instead of opening WhatsApp App.

If there is an issue with the cache plugin. Please Check ( tick ) the “App First” option.

If this option is Checked, in Mobile devices it works fine as expected, try to open in WhatsApp App.

but in desktop instead of directly open WhatsApp chat page. ( in one step )

opens a page which shows message text, send button ..

and when user click on send, WhatsApp Web Chat window will open. ( two steps )

If there is no issue with any cache plugin, it better to keep unchecked. if its unchecked, then in desktop devices, opens WhatsApp chat Window in one step, instead of two step process.

We are planning to implement new ways to detect mobile device.



Animations on Page load  –  Run Animation when the page is loaded / refreshed. If “no-animation” is selected, animations are not enabled.

Animations on hover  –  If Yes  – Run animations when mouse hover on the WhatsApp style ( This Hover Animation type is the animation what set for Animation on page load )

It may be better, not to enable animation on hover, Because when user came to click on style to start chat, it will animate

From Dashboard  -> Click to Chat -> Customize Styles


Currently Animations are in Alpha stage, things may change in later releases, may need to reconfigure also.

We are planning to expand animations types. ( At present bounce, tada type animations are added )


Version 1.4


Version 1.4



Style-3,  can choose .png, .svg image ( .png ~20kb, .svg ~4kb )

in v1.0 .png image is ~51kb, that a big mistake we did, now .png image size is ~20kb ( can change image size up to 600×600 px )

and in v1.4  for style-3 .svg version is there which is ~4kb.

can change the image type at plugin setting page ( Click to Chat -> Customize Styles – and at style-3  toggle )

Style-4  image size now reduced to around ~2kb

before used the same image, which used for style-3 ( ~51kb )

now trim the image to 32×32 px, now image size is ~2kb

Style-9 is added  – WhatsApp icon – like green square

.svg image, size ~4kb

Support for Analytics ( can do using – Google Tag Manager ) , we will make a video, document on how to.

Animations – alpha version

Support Analytics , using Google Tag Manager

support for Localization

much more. .



Add pre-filled Message

Add pre-filled message,

From Plugin Settings ( “Click to Chat”  – “Initial Message” field )

here pre-filled message added  ‘ sales team:’

so this pre-filled message returns in WhatsApp chat box.

For style-1, it return both pre-filled message + user entered text.


[chat style=1  text="for testing style-1: "]

WhatsApp chat


Add Web page URL in pre-filled message

( since version 1. 5 )

In the Initial text filled, add any text as pre-filled text in WhatsApp chat box.

To add the page URL in the pre-filled message – add {{url}} placeholder

{{url}} ( open double curl braces and then ‘url’ and then close double curl braces )

the {{url}} placeholder will be replaced with the Web page URL.

Can add {{url}} placeholder at any place


{{url}}: Hello, How are you

Hello, I am planning to buy this plan – {{url}}

{{url}} will be replaced with the Web page URL



since version 1.3 – can change style-1 button text.
its a build in feature.



Please download the plugin version

Created special  version – – ( which is not going to release in )

In this version just added a new feature – to change text in submit button

Later, after updating documents, added new thing in plugin – we will update plugin in,

So to use the new feature before official release please download the plugin version

please uninstall and delete the plugin previous version from your plugin dashboard , and then upload this special plugin and install.


Later after time, after next official version released in

uninstall and delete this  special version, and then install the new version from

To change the button text for style-1

In shortcode use attribute s1_btn_text


[chat style=1 s1_btn_text="send" ]


or to change the default value –

Navigate to

Click to Chat – > Customize Styles — Style-1

change “Button Text” filed value.


This special version is created, because @esteemviaggiebenessere stared a topic on how to change the button text

Thank you @esteemviaggiebenessere to make us to add a new feature


Text to Display

Text to Display on links, input field

as placeholder value entered here is whatsapp us

this value will return in the input field ( style-1 ) , in link text ( style-2) , in chip style text ( style-4 ) , button ( style-8 )





If you are using shortcodes, by default it will get this value

but you can change this by adding val attribute

[chat val=‘contact us’]