docs - Click to Chat

How to Add Code Snippets – JavaScript, CSS, PHP, HTML

Unlock the full potential of your website by seamlessly integrating custom code with our comprehensive instructions. The Click-to-Chat plugin includes Built-in options for CSS customizations, allowing users to easily modify styles directly. For detailed guidance, Check Out this Documentation: Click to Chat Custom CSS process However, if you need to add specific JavaScript, HTML, or […]

How to Add Code Snippets – JavaScript, CSS, PHP, HTML Read More »

Display Click to Chat Widget Based on User Language

docs / bhavya

We can customize the visibility of certain content on your website depending on the user’s language settings. This is useful when you want to display different elements based on the language the user’s browser is set to. Here’s how you can achieve this using CSS: Example When we want to show or hide a specific

Display Click to Chat Widget Based on User Language Read More »

Add Custom CSS Code for Click to Chat plugin

docs / holithemes

Introduction The ‘Click to Chat’ plugin has various settings to customize the widget’s appearance and behavior. Many of these customizations can be done directly from the plugin settings panel, such as changing the button’s style, position, and text. However, there may be times when the built-in settings do not cover the specific needs. In such

Add Custom CSS Code for Click to Chat plugin Read More »

Webhook Data Format

docs, hooks, settings / holithemes

By default, the plugin sends the webhooks data in the String (stringify the JSON object) format. If the integration application requires to exchange the data in JSON format, in such cases, select the webhook data format as “JSON.”. https://www.w3schools.com/js/js_json_stringify.asp Navigate to ‘Click to Chat’ —> ’Other Settings’- Advanced Settings – Webhook data format Webhooks are

Webhook Data Format Read More »

Chat Load Hook

docs, settings / holithemes

If the WhatsApp icon is not displaying as expected, it might be a conflict issue with other plugins or themes. In those cases, changing the chat loading hook might resolve the conflicts. Navigate to ‘Click to Chat’ —> ’Other Settings’ – ‘Debug, Troubleshoot’ – ‘chat load hook’. By default, the Chat load hook is set

Chat Load Hook Read More »

Symbols

docs, Greetings, Multi Agent / holithemes

we can use symbols by copying their corresponding code and adding the code to the Text editor or we can directly copy the image and paste it into the text editor. Here are a few mostly used symbols and their HTML code. Symbols HTML Code 🟢 Large green circle 🟢 🔴 Large red circle 🔴

Symbols Read More »

Multi-Agent

docs, Greetings, Multi Agent, pro / pranathi

PRO Version – Multi Agent We can create Multiple Agents with different time ranges for every Agent. Navigate to Click to Chat—>Greetings select ‘Multi Agent‘. To add an agent, click Add Agent button and enter the agent details. WhatsApp Number: This number is assigned to the agent and is displayed at the front end of

Multi-Agent Read More »

URL Structure

docs, Click to Chat, settings / pranathi

URL structure: This specifies the format of opening WhatsApp on desktop and mobile devices. Navigate to ‘Click to Chat’ and Scroll down to URL Structure. Open links in: [For Desktop devices] New Tab When a user clicks on the WhatsApp button, the WhatsApp chat link page gets opened on a new tab on a desktop

URL Structure Read More »

opt-in

Click to Chat, docs, pro / pranathi

Make the website users opt-in/accept consent before initiating the WhatsApp chat. Opt-in is used for all the Greetings templates. In all of the Greetings templates, we can use opt-in. Navigate to Click to Chat —> Greetings — Additional settings. Select opt-in, and enter the text that users need to accept before initiating the WhatsApp chat

opt-in Read More »

Greetings Actions – Time, Scroll, Click, Viewport

docs, Greetings, pro / holithemes

Use Actions to display the Greetings Template at a particular time OR scrolling to a certain part of the webpage or clicking on an element, or when an element reaches the viewport. Click Add ‘ctc_greetings’ class name to any element. When the user clicks on that element, the greetings dialog appears. To add a class

Greetings Actions – Time, Scroll, Click, Viewport Read More »