docs
Style-3 Extend
A WhatsApp Icon with padding. Style 3 Extend builds on the simplicity of Style 3 while offering additional customization options. This version allows for more control over the button’s appearance To Apply Style 3 Extended Customization Then navigate to “Click to Chat “-> “Customize” – “Style-3_1” to personalize the widget’s appearance. Key Features Style 3 Extended
Style-7 Extend
An Enhanced Icon with Padding and Call to Action Style 7 Extended offers even more customization for the WhatsApp button, providing full control over the icon, text, and call-to-action (CTA) elements for a more personalized design. To Apply Style 7 Extended Go to Click to Chat – Style, Position, Select Style 7 Extend, and click Save. Customization Then navigate
Animations
Animations help to capture the user’s attention, making it easier for website visitors to notice and interact with your chat button. By default, no animations are applied, but you can easily set them up to enhance user engagement. Set the animations from ‘Click to Chat’ -> ‘Other settings’ -> ‘Animations’ Available Animations: Customization Options: Animation
Setting up Meta Pixel Event Tracking with ‘Click to Chat’
Click to Chat tracks user interactions, like clicks on the WhatsApp icon/button, using Meta Pixel. The plugin will not install Meta Pixel itself. Instead, it will send events based on your existing configuration and the plugin’s settings. You can customize these events through the plugin’s settings to ensure they track user interactions as desired. Steps
Setting up Meta Pixel Event Tracking with ‘Click to Chat’ Read More »
Customize Styles
The Click-to-Chat plugin offers 8 predefined button styles, with the option to upload your own custom image or GIF. Every style in Click To Chat Plugin is customizable Navigate to ‘Click to Chat’ -> ‘Customize‘ Customization Options: Style 2, Style 3, Style 99: You can adjust the image size for these styles to suit your
Clear Cache
If the changes we make on the settings page or individual posts are not appearing on the frontend, it is likely due to caching. Cache may prevent the latest settings from being applied immediately because the updated files have not yet been regenerated. Clear Cache from Caching Plugins Clear Server or CDN Cache Clear Browser
Show/Hide on Mobile/Desktop
Show on Mobile, Dekstop To display the icon on both Mobile and Desktop devices Navigate to Click to chat -> Display Setting At Display Settings Select the ‘Show’ options for both Desktop and Mobile. Show only on Mobile ( Hide on Desktop ) To display on mobile: At ‘Display Settings’ -> select ‘Show’ option in Mobile’ to display the styles on Mobile. And To hide
Show/Hide on Mobile/Desktop Read More »
Hide only on selected pages
We can control where the chat widget appear by configuring the Display Settings and Override Settings in the plugin. Below are the different methods we can use to hide styles on specific pages, posts, categories, or even device types. Global Display Settings Navigate to: Click to Chat – Display Settings – Global – Select “Show
Hide only on selected pages Read More »
Show only on selected pages
We can manage where the styles appear by configuring the Display Settings and Override Settings. This guide explains how to show styles only on specific pages, posts, or categories. Global Display Settings First, configure the base setting: Show on Selected Pages (Using Post IDs) To display styles only on selected posts or pages: Example: Styles
Show only on selected pages Read More »