Click to Chat

Description

WhatsApp connectivity for WordPress websites! Engage customers and generate leads!

Let’s make your Web page visitors Contact you through “WhatsApp”, “WhatsApp Business” with a single Click (WhatsApp Chat, Group, Share)

Demo

Documentation

WhatsApp Chat

Add your ‘WhatsApp’ or ‘WhatsApp Business’ Number. And let your website visitors contact you with a single click.

Mobile: Navigates to WhatsApp App.

Desktop: Navigates to Webpage(web.whatsapp.com) / WhatsApp Desktop App.

Styles

Select Style that mathes your Website design.

There are 8 predefined styles + Add your own Image/GIF.

Styles are customizable, configure to match website theme.

Can add different Style for Mobile, Desktop.

list of Styles

Customize Styles

Add Own Image

Instead of selecting a pre-defined style, You can add any image/Animated image/GIF.

Position to Place

Add styles at any position of the screen
(not limited to fixed positions).

Pre-filled Message

Text that appears on the WhatsApp chat window when the user clicks on Image/button.

User can start the conversation easily.

Add variables to change values dynamically
{url} -> Web page URL
{title} -> Page Title
{site} -> Website Title

With these variables we can understand from which page the user started WhatsApp chat.

Pre-filled Message

Analytics

Creates an Event when user clicks on WhatsApp Icon/button.

Google Analytics

Show/Hide

Show/Hide based on Post type, Post ID, Category, Device Type(Mobile, Dekstop).

Change Values at page level

Can change ‘WhatsApp Number’, ‘Call to Action’ at page level

Page level settings

Eight Styles + own Image

  1. Style-1: Button, appears as theme button.
  2. Style-2: Image
  3. Style-3: Image
  4. Style-4: Chip style – combination of image and a text message
  5. Style-5: Image on hover sidebar content box
  6. Style-6: Plain text with a link
  7. Style-7: Icon with customizable padding
  8. Style-8: Button with text, icon
  9. Style – 99: Own Image / GIF / Animated image

list of Styles

Customize Styles

Shortcodes

By adding shortcodes, can place the icon/button with inline the Posts content, widgets.

change the values using shortcode attributes – WhatsApp Number, Style, Prefilled message, Call to Action.

Chat Shortcodes

[ht-ctc-chat]

To change number use ‘number’ attribute

[ht-ctc-chat number=915123456789]

Shortcodes for Chat

Group

Enable Group fetaure from plugins settings page.

After Enable, Add WhatsApp Group ID, And let your website vistiors join to WhatsApp Group easily.

Group

Share

Enable your customers to share your web page with their Contacts

Share

Screenshots

  • 8 Styles, 1 Add own image / GIF Style
  • Global Setting page
  • Chat Setting page
  • Group Setting page
  • Share Setting page
  • Customize Styles
  • Show/Hide settings
  • Change 'Number', 'Call to action', 'Group ID' at page level
  • Shortcodes
  • Style - 5 - Image with content box
  • Style - 8 - Materialize button
  • Style - 99 - Add your own Image / GIF(Animated Image)

Installation

From Dashboard ( WordPress admin )

  • plugins -> Add New
  • search for ‘click to chat for whatsapp’
  • click on Install Now and then Active.

using FTP or similar

  • Unzip “Click-to-Chat” file and
  • Upload “Click-to-Chat” folder to the “/wp-content/plugins/” directory.
  • Activate the plugin through the “Plugins” menu in WordPress.

FAQ

WhatsApp Number

Enter the WhatsApp number with country code ( e.g. 916123456789 )
here in e.g. 91 is country code 6123456789 is mobile number

E.g.
country code +1
number: 6123456789
WhatsApp number: 16123456789

https://www.holithemes.com/whatsapp-chat/whatsapp-number/

Pre-filled Message

Make user to start the conversation easily.

Add variables to change values dynamically
{url} -> Web page URL
{title} -> Page Title
{site} -> Website Title

E.g.

Hi {site}!!
Name: 
I like to know more information about this {title}, {url}.

Here in this e.g.
User is wishing us with the site name
and encourage to enter the user name
and easily says regarding what page user like to discuss and we came to know from where the user came from.

Call to Action

Text that appears with the icon/button.

Call to actions are avialble for this Styles: 1, 4, 5, 6, 8
For styles 2, 3, 7 call to action will display when mouse over the icon/Image.

Select Styles

We can select styles based on Device.
* Style for Desktop
* Style for Mobile

For selecting styles: plugin detects the device(mobile, desktop) based on HTTP User Agent (using wp_is_mobile)

Styles are customizable accordion to your theme/usecase.

Position of the Styles

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: 10px

Center of the Screen (bottom-center)
bottom: 10px
right: 50%

Center of the Screen (left-center)
bottom: 50%
right: 10px

After value, dont forget to add CSS units. px, %, …

position to place

In Mobile, If navigates to Web page

Plugin Navigates to WhatsApp App on mobile and “web.whatsapp.com” on desktop.

In chat settings check/tick the “Web WhatsApp” option to naviagate directly to web.whatsapp.com on dekstops

Shortcodes Attributes

Shortcodes by default get values from settings page. we can override this values using attributes.

  • number
  • call_to_action
  • pre_filled
  • style

E.g.

[ht-ctc-chat number=915123456789]

Shortcodes for Chat

GDPR

Plugin won’t collect your users data and do not use cookies.

Plugin won’t collect your data also.

Show/Hide on Selected pages/devices

Show only on selected pages

Hide only on selected pages

Show/Hide on Mobile/Desktop

WhatsApp Group Invite/chat

Add WhatsApp group id at plugin settings page.

WhatsApp Share

Enable this featue 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}

Basic Troubleshooting

  • Clear cache
  • WhatsApp number entered correclty

If any issue please contact us. we are happy to fix the issue.

❤️ Support

If any problem with the plugin / suggestions:

please create a new topic

:e-mail: wp@holithemes.com

chat with us

⭐️ Give Support

If you like the plugin, please support the developers by giving 5 star rating

Thanks for showing interest on “Click to Chat” plugin.

Reviews

अप्रील 24, 2020
I have a radio station, and this plugin is a great way to engage with listeners. Great work
अप्रील 9, 2020
Nothing can be better than a direct Whatsapp plugin for the chat system on your website. They solved my query on the Whatsapp itself. I am overwhelmed to see such a service.
Read all 81 reviews

Contributors & Developers

“Click to Chat” is open source software. The following people have contributed to this plugin.

Contributors

“Click to Chat” has been translated into 4 locales. Thank you to the translators for their contributions.

Translate “Click to Chat” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.6

  • Pre-filled message:
    • Now can add multiple lines.
    • new variable {site}
  • Fix: Shortcode Style-5 click, full width issue
  • style-8 more customize options

2.5

  • Share feature: Web version
  • Fix: number filed issues

2.4

  • Detect device based on screen size for link generate
  • Fix: + sign issues for ios
  • FB analytics using js sdk deprecated

2.3

  • Analytics for gtm
  • Fix: font conflict issue
  • improved styles

2.2

  • Simplified admin pages
  • Performance improvement

2.1

  • New interface – docs

2.0

  • New interface

1.7.2

  • Style-8 shortcode issue fixed

1.7.1

  • Style-8 simplified

1.7

  • Improved plugin performance
  • Style-4 simplified
  • Style-1 – default theme button
  • Fixed some issues

1.6

  • Google Analytics
  • Facebook Analytics

silent release

  • App First option to fix cache issue
  • shortcodes new attribute

1.5

  • Initial message – {{url}} placeholder
  • new style – Add own Image
  • Hide Style based on Device in shotcodes

1.4

  • New style-9, Green Square
  • Supports Analytics – using google tag manager
  • animations – alpha version
  • style-3 can choose .svg or .png image versions
  • style-4 image size reduced, ~ 2kb
  • performance improvement.

1.3

  • can add pre-filled text
  • style-1 – can change button text.
  • setting page link added in plugins page
  • show / hide is now changed to hide on – based on page types

1.2

  • improved: code on how to detect mobile device.
  • sticky save button in options page – easy to save.
  • option page – Documentation links.

1.1

  • convert plugin to bit of OOP style

1.0

  • Initial release.