Click to Chat


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

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

Demo | Documentation | Support

WhatsApp chat

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

๐Ÿ“ฑ Mobile: Navigates to WhatsApp Mobile App.

๐Ÿ’ป Desktop: Navigates to WhatsApp Desktop App / Web WhatsApp page(

๐Ÿ’Ž Styles

Select a Style that matches your Website design.

  • 8 pre-defined style/designs
  • Add your own Image/GIF
  • Custom Element/Design
  • Shortcodes
  • Different Styles, Positions for Mobile, Desktop
  • All pre-defined styles are customizable
  • Select style, customize to match the website 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 WhatsApp Chat Element by adding

  • Class name: ‘ctc_chat’ (or)
  • Id name: ‘ctc_chat’ (or)
  • Href/link: ‘#ctc_chat’

The custom design will navigate to WhatsApp based on plugin settings (WhatsApp Number, pre-filled message, …. ).
(e.g. Add WhatsApp in menu)

Custom Element

Greetings Dialog

Encourage user engagement by displaying the perfect message at the perfect time


Click: Display Greetings When Clicks on any element with Class name: ‘ctc_greetings’
ViewPort: Display Greetings When an element is in viewport(25% margin) with Class name: ‘ctc_greetings_now’ [PRO]
Time, Scroll Display Greetings based on time, scroll [PRO]

โœณ๏ธ 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 at the WhatsApp chat window when the user clicks on the WhatsApp Image/button.

Users can start the conversation easily.

Variables to change values dynamically

{site} -> Website Title
{title} -> Page Title
{url} -> Web page URL
[url] -> Web page full URL including parameters

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

Pre-filled Message

๐ŸŽ WooCommerce

WooCommerce Single product pages

Separate ‘pre-filled message’, ‘call to action’ settings for WooCommerce Single product pages.

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 (with out any sale)
{sku} -> Stock keeping unit

Add WhatsApp in WooCommerce Product pages

  • After product summary


  • 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

Add WhatsApp Icon/Button in WooCommerce Product pages

WooCommerce Shop Page

Add WhatsApp at 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 different Whatsapp Number, Prefilled Message, Call to Action.
(while editing the post, at the right sidebar ‘Click to Chat’ metabox)

  • WhatsApp Number
  • Call to Action
  • Pre-filled Message
  • Display Settings


  • Styles
  • Time Delay
  • Scroll Delay

Page-level settings

๐Ÿ“ˆ Analytics

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

Google Analytics

Facebook Analytics

Google Ads Conversations


Connect other applications using Integrate, Automation tools like Zapier, IFTTT, Pipedream


๐Ÿ”† PRO

  • Random Numbers
  • Business hours: Offline/Online Settings
    • Change WhatsApp number When Offline
    • Change call to Action When Offline
    • Hide When Offline
    • Show/Hide on selected time range in a day
    • Show/Hide on selected days in a week
  • Webhooks – Dynamic variables
    • {url} – replace with current page URL
    • {time} – time the user interacted with WhatsApp Button/Icon
    • {number} – WhatsApp Number for that icon/button
  • Greetings
    • Greetings From filling before initiating the chat
    • Display/reappear based on Time, page scroll
  • Position to place
    • Fixed: Fixed position to the screen (default, available in Free version)
    • Absolute: Fixed position to the body content. (Moves when the user scrolls page)
  • Time Delay – Displays WhatsApp after some time delay
  • Scroll Action – Displays WhatsApp after user scrolls the page of a given percentage
  • Display based on Website visitors login status
  • Page-level settings – Change styles, time, scroll delay.
  • WooCommerce
    • Mulitple position to add WhatsApp in product pages.


๐ŸŽฏ Localization

Click to Chat is Compatible with translate plugins. WPML, Polylang.

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 frontend of the site content is very lightweight.

We highly concentrate on speed, performance.

๐Ÿ‘“ Display Settings

Show/Hide styles based on

  • Post type
  • Post Id
  • Category name
  • Device Type(Mobile, Desktop)
  • WooCommerce single product pages


  • Time delay
  • Scroll delay
  • Selected time range in a day
  • Selected Days in a week
  • Website visitor login status

โ›ณ Shortcodes

Use shortcodes to add WhatsApp icon/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


To change the WhatsApp number use the ‘number’ attribute

[ht-ctc-chat number=915123456789]

Shortcodes for Chat


Enable Group chat feature and add WhatsApp Group id at the plugin settings.

Make it easy for your customers to join your Whatsapp Group.



Let users share your website with their WhatsApp contacts and get more leads.


Help Translate The Plugin

Help by Translating the plugin to be available in more languages


  • 8 Styles, 1 Add own image / GIF Style
  • 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 page level: 'WhatsApp Number', 'Call to action', 'Group ID'
  • Shortcodes - add style with inline the content
  • 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
  • Animaties
  • Analytics - Google analytics, Facebook Pixel, Google Ads Conversations


Van dashboard (WordPress beheer)

  • plugins -> Voeg nieuw toe
  • search for ‘click to chat for whatsapp’
  • klik op nu installeren en dan op activeren.

met behulp van FTP of vergelijkbaar

  • Unzip “Click-to-Chat” bestand en
  • Upload de “Click-to-Chat” map naar de “/ wp-content / plugins /” folder.
  • Activeer de plugin via het ‘Plugins’ menu in WordPress.


WhatsApp Number

Enter the WhatsApp number with country code

country code +1
number: 6123456789
** WhatsApp number: 16123456789 **

[](WhatsApp Number)

Pre-filled Message

Makes the users start the conversation easily.

Add variables to change values dynamically

{url} -> Web page URL
{title} -> Page Title
{site} -> Website Title


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

Additional 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


Hi {site}!!
I like to buy this {product}, {url}

With this prefilled text, we can know from which page the user started the conversation, purpose of the contact, and their details

Call to Action

Text that appears along with the icon/button.


WhatsApp us

For WooCommerce single product pages

Chat to buy, only {sku} stock left

Select Styles

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 according to your theme/usecase.

Position to place the styles

Add Styles at any position of the screen (not just fixed to selected positions).

Position to place settings


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

Plugin supports all CSS units as suffix. (px, %, rem,…)

position to place

Localization – WPML, Polylang

From WPML, Polylang Settings -> ‘String Translations’ and filter strings to ‘Click to chat for WhatsApp’ and change value based on language.

  • User Input (Plugin Settings values): – ‘Click to chat for WhatsApp’
  • Admin strings (Plugin Settings) – text domain: ‘click-to-chat-for-whatsapp’

Help plugin by Translating Setting page, Readme text

Shortcodes Attributes

Shortcodes by default get values from the plugin settings page. Override these values using attributes.

  • number
  • call_to_action
  • pre_filled
  • style


[ht-ctc-chat number=915123456789]

Shortcodes for Chat


“Click to Chat” don’t collect any of the user data and don’t use cookies.

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

Enable Group Feature Add WhatsApp group id at plugin settings page. and let user join in WhatsApp Group.

WhatsApp Share

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}

AMP Compatibility

Click to Chat is Compatible with (AMP)[] plugin. AMP wont load plugins JavaScript file, limited functionality available.

๐Ÿ”ง Basic Troubleshooting

  • Clear cache
  • Check WhatsApp number entered with country code
  • Check Show/Hide settings

For any queries, please contact us.

โค๏ธ Support / Contact

For any issues with the plugin / suggestions:

โญ๏ธ Give Support

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

Thank you so much in advance from “Click to Chat” Team


25 juni 2022
Funciona perfeitamente o botรฃo de whats na pรกgina e tem vรกrios recursos a mais
16 mei 2022
They have wonderful chat support on WhatsApp, they help us set up or help fix issues we face. This is just awesome support we have. I tried a few other WhatsApp chat plugins, but this is the best one. Of course, initially I faced a few hiccups here and there coz i was not able to figure out, but their chat support helped me fix it right away. HE WALKED THE EXTRA MILE AND HELPED ME FIX ISSUES WITH MY OWN WEBSITE DEVELOPMENT ISSUE TO HELP FIX THE APP ITSELF AS WELL. AMAZING ISN'T IT? thank you Click to chat. Pramod.
30 april 2022
Best Recommended Plugin for WhatsApp chat. Free version is complete and perfect. Pro version is for additional professional service at very less price. We highly recommend this plugin for WhatsApp chat. Most useful for all kind of professions and business.
24 februari 2022
This plugin has many useful features and it is easy to install. This plugin is kept up-to-date which is very good news. Highly recommended๐Ÿ‘๐Ÿ‘Œ๐Ÿ‘๐Ÿ‘๐Ÿ‘
Lees alle 118 beoordelingen

Bijdragers & ontwikkelaars

“Click to Chat” is open source software. De volgende personen hebben bijgedragen aan deze plugin.


“Click to Chat” is vertaald in 7 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Click to Chat” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.



  • New: opt-in – user consent before initiate the chat
  • Enchantment: Greetings Text Editor, can add background color to text.


  • Enchantment: click to chat admin page for WooCommerce


  • Fix: display settings for custom post types


  • Enchantment: Webhooks, greetings, admin interface.


  • Enchantment: Greetings feature
  • Open Greetings dialog:
    • Click on any element which contains Class /Id name: ‘ctc_greetings’
    • When an element is in viewport(25% margin) which contains Class name: ‘ctc_greetings_now’ [PRO]