Say Hi ūüĎčūüŹĽ hello@wecreativez.com

Table of Content

WordPress Support Using WhatsApp

Introduction

‚ÜĎ Back to top

Note: Our WordPress plugin has been renamed from "WordPress WhatsApp Support" to "WordPress Support Using WhatsApp". This change reflects our commitment to providing you with the best support experience. Rest assured, this renaming does not affect the functionality or features of the plugin in any way. We appreciate your continued support and hope you enjoy using "WordPress Support Using WhatsApp".

More than 1 billion people in over 180 countries use WhatsApp. WordPress Support using the WhatsApp plugin provides a better and easier way to communicate with visitors and customers directly to your support person. It runs on your WordPress site, allowing you full control over your support via WhatsApp.

How to install plugin

‚ÜĎ Back to top

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.

Appearance

‚ÜĎ Back to top

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.

Basic Settings

‚ÜĎ Back to top

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

‚ÜĎ Back to top

Button Generator is a tool to generate unlimited WhatsApp contact buttons.

Analytics

‚ÜĎ Back to top

Analytics is the inbuilt powerful feature of the WeCreativez WhatsApp Support. Here you can check the daily and monthly reports.

Facebook and Google Analytics

‚ÜĎ Back to top

Facebook Pixel Click Tracking:

Facebook Click Tracking: You can enable or disable Facebook pixel click tracking.

FB Event: Enter the name of the custom event to track on the Facebook pixel.

FB Event Label: Enter the label of the custom event to track on the 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 Settings

‚ÜĎ Back to top

GDPR Compliant Settings:

GDPR: Enable/ Disable GDPR compliant.

GDPR Message: Use a shortcode {policy_url} to add a privacy page link.

Privacy page: Select your privacy page.

Dokan Multivendor

‚ÜĎ Back to top

Allow your customers to have 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:

  1. WooCommerce 5 or higher installed and activated.
  2. Dokan Lite/Pro installed and activated.
  3. WordPress Support Using WhatsApp 2.3.0 or higher installed and activated.
    • Single Person layout activated.

Features:

  1. Store Level (Priority 2):
    • The vendors can add WhatsApp Support number on their¬†store page.
    • Admin can also add/edit vendor's WhatsApp Support number from¬†edit vendor/ edit user¬†page.
    • Admin can hide widget or product query button if WhatsApp Support number is not set at the Store Level.
  2. Product Level (Priority 1):
    • The vendors can add WhatsApp Support number on their¬†product page.
    • Admin can also add/edit vendor's WhatsApp Support number by editing the vendor's¬†product page¬†from WooCommerce backend.
    • Admin can hide widget or product query button if WhatsApp Support number is not set at the Product Level.¬†

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 Support Using WhatsApp 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.

Built-in Analytics

‚ÜĎ Back to top

Our built-in analytics not collecting any personal data of the WhatsApp user. The data collected by our built-in analytics is the common data which can be collected by any non-WordPress plugin. Like, as IP address, browser information, etc.

WordPress Support Using WhatsApp 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.

Google Analytics 4

‚ÜĎ Back to top

WordPress Support Using WhatsApp Event Tracking in Google Analytics 4

Requirements:

  1. Google Analytics 4 on your website

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.

  1. GA Event: Enter the name of custom the event to track on Google Analytics 4.
  2. GA Event Category: Enter the name of the event category.
  3. GA Event Label: Enter the label of the event.

Step 5: Hit on the Save Changes button to save the changes. 

It will take 24-48 hours to show the entries on your Google Analytics 4 events dashboard.

For Developers:

You can hook the custom Google Analytics 4 event(s) with the WordPress Support Using WhatsApp message sent to trigger.

jQuery( document.body ).on( 'wws_message_sent', function() {
    // Send custom event.
    gtag( "event", "Button Clicked", {
        "event_category": "WordPress Support Using WhatsApp",
        "event_label": "Support"
    } );
} );

Google Tag Manager

‚ÜĎ Back to top

WordPress Support Using WhatsApp Event Tracking using Google Tag Manager

Requirements:

  1. Google Tag Manager on your website
  2. WordPress Support Using WhatsApp version 2.4.0 or higher. 

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.

  1. GA Event: Enter the name of custom the event to track on Google Tag Manager.
  2. GA Event Category: Enter the name of the event category.
  3. GA Event Label: Enter the label of the event.

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.

It will take 24-48 hours to show the entries on your Google Analytics 4 events dashboard.

For Developers:

You can hook the custom Google Tag Manager event(s) with the WordPress Support Using WhatsApp 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'
    } );
} );

Change pre-message text

‚ÜĎ Back to top

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.

  • Use¬†{title}¬†placeholder to display the current page title in the chat.
  • Use¬†{url}¬†placeholder to display the current page URL in the chat.
  • Use¬†{br}¬†placeholder to break the line into a new line.

5: Click on the "Save Changes" button to save the changes.

Always widget pops up

‚ÜĎ Back to top

By default, WordPress Support Using WhatsApp pops up the widget only one time when the user/customer opens the website or re-opens the website. 

If you want to pop up the widget with every page load then copy the following snippet and paste it into the child theme's functions.php file.

/**
 * WordPress Support Using WhatsApp 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'" );
}

Open desktop app instead new tab

‚ÜĎ Back to top

By default, WordPress Support Using WhatsApp opens WhatsApp on a new tab on the desktop. 

If you want to open WhatsApp on the WhatsApp desktop application then copy the following snippet and paste it into the child theme's functions.php file.

/**
 * WordPress Support Using WhatsApp - 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';
}

Set different number by pages

‚ÜĎ Back to top

Using the WordPress Support Using WhatsApp plugin, you can set the different WhatsApp numbers on different pages. For example, Page Contact US can have WhatsApp number 1234567890 and Page Sale Support can have WhatsApp number 9876543210.

Fixes

‚ÜĎ Back to top

The widget is not working

  1. Clean your server and/or WordPress cache.

Support

‚ÜĎ Back to top

Our professional, high-quality support is always on hand to help you out.

Get Premium Support, Contact Us, Pre-sale Questions