Omschrijving
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!
WhatsApp Chat
Add your ‘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(web.whatsapp.com)
๐ Styles
Select a Style that matches your Website design.
- 8 pre-defined style/designs
- Add your own Image/GIF
- Custom Element/Design
- Shortcodes
- Select different Styles for Mobile, Desktop
- All pre-defined styles are customizable
- Select style, customize to match the website design.
โ๏ธ Styles are customizable
๐ผ Add Own Image
Instead of selecting a pre-defined style, add any Image/Animated-image/GIF.
๐ Custom Element
Create your own Element/Desing and just add
* 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, …. ).
โณ๏ธ Position to Place
- Add styles 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.
๐ WooCommerce
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
๐ Change Settings at page level
At page level we can overwrite the settings. Each post we can add different Whatsapp Number, prefilled message.
(while editing the post, at the right side bar ‘Click to Chat’ metabox)
- WhatsApp Number
- Call to Action
- Pre-filled Message
- Display Settings
๐ Analytics
Creates an Event when the user clicks on the WhatsApp Icon/button.
Webhooks
Connect other applications using Integarate, Automation tools like Zapier, IFTTT
๐ Localization
Click to Chat is Compatible with WPML, Polylang.
Easy to setup different values for each language
- WhatsApp Number
- Call to Action
- Pre-filled Message
- Group ID
- Share Text
๐ Performance
- Rich in features but the frontend of the site content is very light weight.
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
โณ Shortcodes
Use shortcodes to add the icon/button with inline the Posts content, widgets.
change the default setting values using shortcode attributes – WhatsApp Number, Style, Prefilled message, Call to Action.
Chat Shortcodes
[ht-ctc-chat]
To change the WhatsApp number use ‘number’ attribute
[ht-ctc-chat number=915123456789]
Group
Enable Group chat feature and add WhatsApp Group id in the plugin setting page.
Make it easy for your customers to join your Whatsapp Group.
Share
Let users share your website with their WhatsApp contacts and get more leads.
Help Translate The Plugin
Help by Translating the plugin to available in more languages
๐ฏ Addons
Reverse position for RTL Pages
Reverse position for RTL pages, if left then right, if right then left.
i.e. if position is set to right: 10px then plugin will display at left: 10px
Schermafdrukken
8 Styles, 1 Add own image / GIF Style Chat Settings - Enter WhatsApp Number, prefilled message, call to action, desktop: web view / desktop app view Desktop settings - style, position to place (at any position of the screen) Mobile settings - style, position to place (at any position of the screen) 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 Chat, Group, Share Settings Group settings page Share settings page Hide on Selected pages Show on Selected pages prefilled, call to action for WooCommerce single product pages Animations Analytics - Google analytics, Facebook Pixel, Google Ads Conversations
Installatie
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.
country code +1
number: 6123456789
** WhatsApp number: 16123456789 **[https://holithemes.com/plugins/click-to-chat/whatsapp-number/?utm_source=wp&utm_medium=readme-faq&utm_campaign=ht](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
E.g.
Hi {site}!! Name: 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 unitE.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, regarding which they contacted us, and their details
-
Call to Action
-
Text that appears along with the icon/button.
E.g.
WhatsApp us
For WooCommerce single product pages
E.g.Chat to buy, only {sku} stock left
-
Select Styles
-
Select styles based on Device.
* Style for Desktop
* Style for MobileFor 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
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: 10pxPlugin supports all CSS units as suffix. (px, %, rem,…)
-
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
E.g.
[ht-ctc-chat number=915123456789]
-
GDPR
-
“Click to Chat” don’t collect any of the user data and don’t use cookies.
-
Show/Hide on Selected pages/devices
-
WhatsApp Group Invite/chat
-
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 TitleShare Text – E.g.
Checkout this Awesome page {title}, {url}
-
AMP Compatibility
-
Click to Chat is Compatible with (AMP)[https://wordpress.org/plugins/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:
-
๐ง ctc@holithemes.com
-
WordPress new topic
-
GitHub Discussions
-
-
โญ๏ธ Give Support
-
If you like the plugin, please support the developers by giving 5 star rating
Thank you so much from “Click to Chat” developers, HoliThemes.
Beoordelingen
Bijdragers & ontwikkelaars
“Click to Chat” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers“Click to Chat” is vertaald in 4 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.
Changelog
3.3.1
- New: Webhooks
- Enchantment: position to place settings
3.3
- New: Custom Element/Design, Create an element/design and add
- Class name: ctc_chat (or)
- ID name: ctc_chat (or)
- Href/link attribute: #ctc_chat
3.2.9
- Performance Improvement
- Fix: WooCommerce Prefilled Message Muliple lines
- Removed recommended tools page
3.2.8
- Google Ads – If enabled, calls gtag_report_conversion.
- Enhancement: User Interface
3.2.7
- Enhancement: WhatsApp Number field. (country code and Number)
- Enhancement: Change Settings at page level. (Click to Chat – Meta box)
3.2.6
- Enhancement: AMP Compatibility
- Fix: Shortcode prefilled, call to action for WooCommerce single product pages
- Updated: dashicons
3.2.5
- Showcase – Add your website to Click-to-Chat portfolio
- Show/Hide settings at page level
- Fix: Shortcode navigation, if loaded dynamically.