Step 1: Download the zip file from the codecanyon.net
Step 2: Extract the downloaded zip file on your desktop or in any folder.
Step 3: Open the extracted folder “wordpress-whatsapp-support“.
Step 4: Here you found three folders 1) Documentation 2) License 3) Plugin.
Step 5: Open “Plugin” folder. Now you found the main plugin file “plugin.zip“.
Step 6: Log in to your WordPress admin panel.
Step 7: Mouse over the “Plugins” menu and click on “Add new“.
Step 8: Click on the “Upload Plugin” button and then click on the “Browse” button.
Step 9: Select the “plugin.zip” file and click on the “Upload” button.
Step 10: Now the final step, after uploading complete click on the “Activate Plugin” button.
Select Layout: You can select the layout according to your need.
Layout Background Color: Set popup layout background color. Default #0dc152
Layout Text Color: Set popup layout text color.#ffffff
Enable Layout Gradient: Enable/ Disable popup background gradient.
Show Only Icon on Mobile: Enable this option if you what to display an icon instead of text button on mobile.
X-axis Offset: Enter the value of x-axis ( horizontal ) widget spacing. In px ( pixels ) only. Default 12px
.
Y-axis Offset: Enter the value of y-axis ( vertical ) widget spacing. In px ( pixels ) only. Default 12px
.
Display On Desktop: Display on desktop/laptop.
Display On Mobile: Display on mobile devices.
Auto Popup: Enter the popup auto display time in seconds.
Auto Popup Delay: Select the time in seconds for auto popup delay.
Enable RTL: You can enable RTL ( Right to Left ) if your website has language like Arabic, Persian and Hebrew.
Scroll Length: Display button when scroll length matched with above value. Default Blank
.
Filter By All Pages: You can hide/show widge on all pages on one click.
Filter By FrontPage: You can hide/show widget on the front page.
Hide Widget By URL: Hide widget by the URL
Schedule: You can hide/ show the widget by your schedule time.
Custom CSS: Enter your custom CSS.
Button Generator is tool to generate unlimited WhatsApp contact buttons.
Analytics is the inbuilt powerful feature of the WeCreativez WhatsApp Support. Here you can check the daily and monthly report.
Facebook Pixel Click Tracking:
Facebook Click Tracking: You can enable or disable Facebook pixel click tracking.
FB Event: Enter the name of custom event to track on Facebook pixel.
FB Event Label: Enter the label of custom event to track on Facebook pixel.
Google Event Tracking:
Google Event Tracking: You can enable or disable google event click tracking.
GA Event: Enter the name of custom the event to track on Google Analytics.
GA Event Category: Enter the name of the event category.
GA Event Label: Enter the label of the event.
GDPR Compliant Settings:
GDPR: Enable/ Disable GDPR compliant.
GDPR Message: Use shortcode {policy_url}
to add privacy page link.
Privacy page: Select your privacy page.
Allow your customers to direct contact with Dokan Vendors. Our plugin provides a beautiful and effortless way to start communicating between the Dokan vendors and the users/customers through WhatsApp. Our plugin is fully compatible with Dokan Lite and Dokan Pro.
Requirement:
Features:
Store Level and Product Level Priorities:
Store Level allows vendors to add the WhatsApp Support number store wise whereas Product Level allows vendors to add the WhatsApp Support number product wise. You can use both the levels together by enabling them from the plugin settings.
Once the plugin finds a WhatsApp Support number at the Product Level priority 1 comes into the play and the support messages are sent to the support number entered at the Product Level. If the WhatsApp Support number is not set at the Product Level then the messages are sent to the Store Level WhatsApp Support number. In case, both Levels WhatsApp Support numbers are not set then messages will be sent to the Admin WhatsApp Support number.
Settings:
WhatsApp Support For Dokan: You can enable/disable the WordPress WhatsApp Support For Dokan Multivendor module.
Vendor Support Widget: This option allows users or customers to contact the vendor through the popup widget.
Vendor Support Product Query: This option allows users or customers to contact the vendor through the product query button.
Product Level (Priority 1) Settings:
Product Level: This feature allows vendors to add WhatsApp Numbers for customer support from their Dokan's edit product page.
Hide Widget: Enable if you want to hide a widget on the product page if the product level WhatsApp Support number is empty.
Hide Product Query: Enable if you want to hide the product query button on the product page if the product level WhatsApp Support number is empty.
Store Level (Priority 2) Settings:
Store Level: This feature allows vendors to add WhatsApp Number for customer support from their Dokan's store page.
Hide Widget: Enable if you want to hide a widget on the product page if the store level WhatsApp Support number is empty.
Hide Product Query: Enable if you want to hide the product query button on the product page if the store level WhatsApp Support number is empty.
WordPress WhatsApp Support has a very powerful built-in analytics feature. Here you can track analytics and information.
Top 10 Click Analytics: Top 10 click analytics collects various kinds of information. Like, as the IP address of the user, Top 10 referral links, Top 10 operating systems, and Top 10 browsers. This collected data will help you to know more about your customers who contacted you through our plugin.
Built-in Analytics also has a feature to export analytics as a CSV.
WordPress WhatsApp Support Event Tracking in Google Analytics 4
Requirements:
Step 1: Insert gtag.js into your WordPress site if not inserted. To know more about how to generate and insert gtag.js, please read this article.
Step 2: Goto the WordPress admin panel > WhatsApp Support > FB & GA Analytics.
Step 3: Enable the "Google Event Tracking" option.
Step 4: Enter the following details as per your need.
Step 5: Hit on the Save Changes button to save the changes.
For Developers:
You can hook the custom Google Analytics 4 event(s) with the WordPress WhatsApp Support message sent to trigger.
jQuery( document.body ).on( 'wws_message_sent', function() {
// Send custom event.
gtag( "event", "Button Clicked", {
"event_category": "WordPress WhatsApp Support",
"event_label": "Support"
} );
} );
WordPress WhatsApp Support Event Tracking using Google Tag Manager
Requirements:
Step 1: Insert gtm.js into your WordPress site if not inserted. To know more about how to generate and insert gtm.js, please read this article.
Step 2: Goto the WordPress admin panel > WhatsApp Support > FB & GA Analytics.
Step 3: Enable the "Google Event Tracking" option.
Step 3: Enable the "Google Event Tracking" option.
Step 4: Enter the following details as per your need.
Step 5: Hit on the Save Changes button to save the changes.
Step 6: Open https://tagmanager.google.com/ and select your Tag Manager Account, or create a new account if you haven’t. Under the Tag Manager Account, add your website as a new Container, which includes these details:
Container Name: 'yourdomain.com'
Container Type: 'Web'
Container ID: This GTM ID will be given. e.g. 'GTM-ABCD123
After that, you can enter the Container > Workspace and land on a new dashboard with a left panel including Overview, Tags, Triggers, Variables, etc.
Step 7: Now Click on the Tags and the New button to create one.
After clicking on the New button from the above step, a new slide popup will open. Enter any name like we entered the WhatsApp GTM then click on the pencil icon from the Tag Configuration.
A new Choose tag type window will open to select the tag. From the tag list, select Google Analytics: GA4 Event.
Now, Select the None - Manually Set ID From the Configuration Tag option. Enter Google Analytics 4 Measurement ID. Enter the Event Name which should be WeCreativez WhatsApp and then click on the pencil icon from Triggering.
Now, click on the + icon from the Choose a trigger popup.
Enter any name for the trigger like we entered WhatsApp Trigger and then click on the pencil button from the Trigger Configuration.
Now, select the Custom Event from the Choose trigger type popup.
Now, Set the Event Name as WeCreativez WhatsApp, Trigger fire type as Some Custom Events.
Select Event from the first dropdown, contains from the second dropdown, and enter WeCreativez WhatsApp into the third input box.
Then click on the Save button to save the trigger.
Click on the Save button again to save the Tag.
Now, the Google Tag Manager event fires when the user/customer clicks on the send message button from the widget or when the user/customer clicks on the support person.
For Developers:
You can hook the custom Google Tag Manager event(s) with the WordPress WhatsApp Support message sent to trigger.
jQuery( document.body ).on( 'wws_message_sent', function() {
// Send dataLayer to GTM
window.dataLayer.push( {
'event': 'WeCreativez WhatsApp',
'eventCategory': 'Category',
'eventAction': 'Action',
'eventLabel': 'Label'
} );
} );
For Multiple Person Support:
1: Click on WhatsApp Support from the admin menu.
2: Now, click on the Manage Support Person(s) tab.
3: Edit the support person you want to change the Support Pre Message.
4: You can change the Pre Message from the Support Pre Message option.
{title}
placeholder to display the current page title in the chat.{url}
placeholder to display the current page URL in the chat.{br}
placeholder to break the line into a new line.5: Click on the "Save Changes" button to save the changes.
By default, WordPress WhatsApp Support pops up the widget only one time when user/customer open the website or re-open the website.
If you want to pops up the widget with every page load then copy the following snippet and paste it into the child theme's functions.php file.
/**
* WordPress WhatsApp Support always widget pops up.
*
* @author WeCreativez
* @link https://codecanyon.net/item/wordpress-whatsapp-support/20963962/
* @support https://codecanyon.net/item/wordpress-whatsapp-support/20963962/support/
*/
add_action( 'wp_enqueue_scripts', 'wws_snippet_always_widget_popup', 300 );
function wws_snippet_always_widget_popup() {
wp_add_inline_script( 'wws-public-script', "sessionStorage.wwsAutoPopup = 'no'" );
}
By default, WordPress WhatsApp Support open WhatsApp on new tab on desktop.
If you want to open WhatsApp on WhatsApp desktop application then copy the following snippet and paste it into the child theme's functions.php file.
/**
* WordPress WhatsApp Support - Open desktop app instead new tab.
*
* @author WeCreativez
* @link https://codecanyon.net/item/wordpress-whatsapp-support/20963962/
* @support https://codecanyon.net/item/wordpress-whatsapp-support/20963962/support/
*/
add_filter( 'wws_whatsapp_desktop_api_url', 'wcz_wws_whatsapp_desktop_api_url', 20, 1 );
function wcz_wws_whatsapp_desktop_api_url( $desktop_api_url ) {
return 'https://api.whatsapp.com';
}
Using the WordPress WhatsApp Support plugin, you can set the different WhatsApp number on different pages. For example, Page Contact US can have WhatsApp number 1234567890 and page Sale Support can have WhatsApp number 9876543210.
How to set different WhatsApp number on page or post:
Step 1: Go to the edit page on which you want to change the WhatsApp number. Make sure you enabled the Single Person Layout from plugin settings.
Step 2: Here you found the settings to change WhatsApp number for that particular page under the WordPress WhatsApp Support metabox.
Step 3: Add the different WhatsApp number in Support Contact Number field. Here you also can change About Text, Per-defined message, Button text, etc...
Step 4: Update the page or post.
Now, the WhatsApp support number is different for that particular page.
Our professional, high-quality support is always on hand to help you out.