Click to Chat for WhatsApp

Description

Let’s make your Web page visitors Contact you through WhatsApp with a single click

Documentation, Demo, Examples

There are Eight Styles

There are eight Styles to select

  1. Style-1: Input field, where user can enter text and click send to navigate to WhatsApp page with text
  2. Style-2: Plan text with a link to WhatsApp
  3. Style-3: It’s a WhatsApp logo, where user can click on the logo to navigate to WhatsApp Page or App
  4. Style-4: It’s a combination of WhatsApp logo and a text message – Generally called as Chip
  5. Style-5: plain WhatsApp icon – can customize color, height
  6. Style-6: Icon with Circle border
  7. Style-7: Icon with box border
  8. Style-8: Button with text, icon

When user clicks an item:

If website loads on a Mobile device and if WhatsApp is installed on that device, it will directly navigate to WhatsApp App.

If website loads in web browsers it will navigate to WhatsApp Webpage

Shortcodes:

Can add styles within line of your post content
By default, Shortcodes take value from what saved in your plugin settings pages, if need to change for a shortcode alone, can add attributes within shortcode

[chat]

[chat num=911234567890] – To Change number for a shortcode

[chat style=1] – To change Style

[chat style=2 num=911234567890] – To Change Style, Number

[chat val=’chat with CEO’ num=10123456789] – To change the display text value ( for style-1, style-2, style-4, style-8 )

Add Shortcodes in Widget Area

Add a text widget in widget area, and then add shortcode with in that text widget

WhatsApp icon, logo image

WhatsApp logo with file name WhatsApp_logo_12.png
with in assets/img is downloaded from https://www.whatsappbrand.com/
( used in style 3, 4 )
and an icon which used in style – 5, 6, 7, 8.
you can use that icon, logo under WhatsApp licenses.

Screenshots

  • List of Style 1 to 4
  • List of Style 5 to 8
  • Global Setting page
  • Global Setting page
  • Style each Styles
  • can add shortcodes in Text Widget
  • example - shortcodes
  • Style - 1 - Input field
  • Style - 2 - plain link
  • Style - 3 - WhatsApp logo
  • Style - 4 - Chip
  • Style - 5 - icon
  • Style - 6 - icon with circle border
  • Style - 7 - icon with box border
  • Style - 8 - button

Installation

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.

From Dashboard ( WordPress admin )

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

FAQ

Installation Instructions

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.

From Dashboard ( WordPress admin )

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

Contributors & Developers

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

Contributors

Changelog

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.