How to add whatsapp click to action buttons lead grabber on WordPress website

Steps to Add a WhatsApp CTA Button to Your Website

1. Customization of the Button
CSS Customization:
Adjust the button’s appearance by modifying the following CSS properties:
Border Radius: Controls the roundness of the button edges.
Background Color: Set the color of the button (e.g., green, blue).
Border Color: Choose the border color (e.g., white, black).
Font: Customize the text font (e.g., Arial, Helvetica).

2. Embed Code for the CTA Button
Copy the provided CTA Button Embed Code.
Place the Embed Code within the body section of your website's HTML. This will ensure the button appears in the desired location.

3. Header Additions
To style and make the button interactive, you need to include some required resources:
Add CSS for styling and the necessary script for functionality inside the head section of your website's HTML. This step ensures the button loads correctly and appears styled on your page.

4. Clear Cache
Once the changes are made, ensure that the website's cache is cleared so that the new CTA button updates are visible immediately.

5. Result
The WhatsApp CTA button will now appear on your website.
When visitors click the button, it will open a WhatsApp chat window, making it easy for users to contact your business directly via WhatsApp.
How to View / Export Leads Data Received Via the Pre Chat Form ?

Click on the first icon on the chat widget row to display all the leads data.
You can export the leads data as a CSV file.
Clicking on the view icon displays the entire pre-chat data.

How To Send Pre Chat Form Data To A Webhook Url Or To Automations Builder ?
To trigger an automation workflow or send data to a webhook when a widget pre-chat form is submitted:
On the widgets page, click on the webhook icon.
Obtain a webhook from the automations builder.
Enter the webhook URL and specify when the data should be sent (e.g., after session completion).
Click "Add webhook" and select the pre-chat form as the session.
Click "Capture incoming hook" in the automations builder to receive data upon form submission or session completion.
Data received includes IP, page URL, pre-chat questions, and answers. You can use this data for various actions, such as populating a Google sheet or sending a WhatsApp message.

Видео How to add whatsapp click to action buttons lead grabber on WordPress website канала Vleafy Technologies