Installation

Free version

On your WordPress dashboard, choose Plugins – Add new.

Search for “Social network chat” and click “Install now” and after that “Activate”.

Pro version

Purchase Pro version at https://web-data.io/product/social-network-chat/.

After purchase you will receive a download link on your e-mail. Click this link to download the plugin.

After download, choose Plugins – Add new on your WordPress dashbord.

On top of the page, click “Upload plugin”. Choose recently downloaded plugin .zip file and click “Install now”. After installation, activate the plugin.

Settings

Choose “Social Network Chat” on your WordPress Dashboard to open the plugin settings page.

If you have Pro version installed, you will see “License” and “Refund” sub-pages also.

On the main settings page, you can adjust the size of the contact buttons. You can also choose, if you like to use “Chat button”. This feature enables the chat button, and contact buttons will be visible when chat button is hovered. If you want to have contact buttons visible continuously, choose here “False”.

View when Chat button is enabled

View when Chat button is disabled, phone, custom link, WeChat, Line and WhatsApp enabled.

Pro settings

Pro settings becomes available, when Pro version is installed and activated succesfully.

Enable Google Analytics support – If enabled, every time when user has clicked one of the contact buttons, the plugin will launch a Google Analytics event. Events can be seen on Google Analytics dashboard under Reports – Behaviour – Events. More info: https://support.google.com/analytics/answer/1033068?hl=en

Enable WooCommerce button – If enabled, a chat button will be visible on products single page.

WooCommerce button text – Enter the text for the WooCommerce contact button

Shortcode button text – Enter the text for the WooCommerce contact button. Use

Contact us
shortcode to place your contact button to any page or post.

Show contact buttons only on following pages – Contact buttons will be available on selected pages. Leave empty if you want to show contact buttons on every page and post.

PopUp pulse – Will add pulse effect to Chat button.

PopUp notice – Will add notice text above the contact and chat buttons.

PopUp box message – If PopUp notice is enabled, this message will be visible to the user.

Color options – Choose color for each channel button.

Chat Agents

With your email account you can use 1-3 support agents with both, free and pro versions. All the other channels requires Pro version of the plugin.

With email and WhatsApp accounts you also can use a message box with the chatbox. All the other accounts can be used only with the chatbox.

Pro version

Each of the channels can have 1 to 3 chat agents. If only one chat agent is enabled, user will be directed to the chosen chat application, once the user has clicked the chat app icon. If more than 1 chat agents are enabled, a chat box is shown for the user, where user needs to choose which chat agent the one wants to chat with.

When using WhatsApp or Email, you can also choose if you want to show a message box for the user. User message will be then sent to the WhatsApp chat application, when the user is directed to the app. You can also use WhatsApp with a single user agent and a message box. Chat box will be then present with the message box. Message box is only available when using WhatsApp or Email.

Contact buttons settings

All the contact buttons has similar settings. Enter your username to show the button, and then you can choose if you want to show the button only on desktop or mobile or on both devices. If you don’t want to show the button at all, just the username field blank.

Channel id:s

Each channel can be enabled by entering the user id / phone number. If you want to disable some channel, just remove the user id / phone number and channel button won’t appear anymore.

 

WhatsApp

Get it here: https://www.whatsapp.com/
Find support here: https://faq.whatsapp.com/

You need to use international format and you need to omit any zeroes, brackets or dashes when adding the phone number in international format. For exmaple, if your country code is +1 and your phone number is 5551234567, you need to use the following format: 15551234567. More info here: https://faq.whatsapp.com/en/general/21016748

 

LINE

Get it here: https://line.me/en/
Find support here: https://help.line.me/
LINE Official account: https://manager.line.biz

You need to register LINE Official Account (Business account) in order to use LINE contact button. You can get LINE official account here: https://manager.line.biz

After this you need to enable LINE ID from your device and turn on “Allow others to add me by ID” setting. Add this LINE ID then on plugin settings to enable LINE contact button. More info about LINE ID can be found here: https://help.line.me/line/ios/?contentId=20000126

 

Skype

Get it here: https://www.skype.com/en/
Find support here: https://support.skype.com/en/skype/all/

You need to enter your Skype name at the plugin settings. There are two types of Skype accounts. You can use Skype with a username, and in this case your Skype name is your user name. You can also use Skype with your Microsoft account. In this case your Skype name is your Microsoft LIVE ID, for example: abc_1234567.

More info: https://support.skype.com/en/faq/FA10858/what-s-my-skype-name

 

Telegram

Get it here: https://telegram.org/
Find support here: https://telegram.org/faq

You need to enter your username at the plugin settings. Find your username at the settings page on your app and click on your profile to edit it and set your username. Enter then this username on plugin settings.

More info: https://telegram.org/faq#q-what-are-usernames-how-do-i-get-one

 

Facebook Messenger

Get it here: https://www.messenger.com/
Find support here: https://www.facebook.com/help/messenger-app/

To user Messenger, you need to enter your username to the settings. You can find your username by opening the Messenger app, clicking on your profile picture and then locate “Username” section. Enter your username then to the plugin settings too (without the m.me/ part).

More info: https://www.facebook.com/help/messenger-app/1047811435279151

 

VKontakte

Get it here: https://vk.com/
Find support here: https://vk.com/support?act=home

To be able to use the VK chat button, you need to enter your username to the plugin settings. To find your username, open the mobile app, go to the settings (a cog in the upper right corner), choose Account – Short name. Enter your short name to the app settings and to the plugin settings too.

More info to find your username: http://vkuid.com/

 

Viber

Get it here: https://www.viber.com/
Find support here: https://support.viber.com/

To use Viber you need to set the phone number associated with your account to the plugin settings. Use international phone format, for example if your country code is +1 and your phone number is 555123456, use format: +1555123456.

 

Phone

Just enter your phone number. Use any format you like.

 

Email

Just enter your email address to the plugin settings and you are good to go.

 

Custom link

Use any link you like, use any icon you like and use any color you like.

License

If you have purchased the Pro version of the plugin, you can enter your license code on On “License” sub-page. The plugin will check your license code from our API, and if code is valid, you will be able to use all the pro features and premium support.

Support

If you have purchased the Pro version of the plugin, you are able to use our premium support. Enter your support question here, or use the search field to search answer for your question from our database.

Refund

Refund option is available for 30 days after the purchase. You can submit your refund query to our API, and your refund will be handled immediately by our system.

You license key will be invalidated immediately and you will lose all the pro features and premium support option also right after the refund. If you want to cancel your refund, you need to purchase a new license key.

FAQ

See Knowledge Base.

Developers

Following hooks can be used to change settings:

$success = apply_filters(‘wb_cta_thankyou’, $success);
$error = apply_filters(‘wb_cta_error’, $error);

$email = apply_filters(‘wb_cta_input_email’, $email);
$message = apply_filters(‘wb_cta_input_message’, $message);
$submit = apply_filters(‘wb_cta_input_submit’, $submit);

$email_header = apply_filters(‘wb_cta_input_email_header’, $email_header);

$contactText = apply_filters(‘wb_cta_input_contact_text’, $contactText);

$whatsapp_message = apply_filters(‘wb_cta_input_whatsapp_message’, $whatsapp_message);

$whatsapp_submit = apply_filters(‘wb_cta_input_whatsapp_submit’, $whatsapp_submit);

$whatsapp_header = apply_filters(‘wb_cta_input_whatsapp_header’, $whatsapp_header);

$line_header = apply_filters(‘wb_cta_input_line_header’, $line_header);

$skype_header = apply_filters(‘wb_cta_input_skype_header’, $skype_header);

$facebook_header = apply_filters(‘wb_cta_input_facebook_header’, $facebook_header);

$vkontakte_header = apply_filters(‘wb_cta_input_vkontakte_header’, $vkontakte_header);

$viber_header = apply_filters(‘wb_cta_input_viber_header’, $viber_header);

$telegram_header = apply_filters(‘wb_cta_input_telegram_header’, $telegram_header);

$phone_header = apply_filters(‘wb_cta_input_phone_header’, $phone_header);

$custom_header = apply_filters(‘wb_cta_input_custom_header’, $custom_header);

$message = apply_filters(‘wb_cta_popup_message’, $message);

Example of usage:

function wb_cta_input_submit_function($submit) {
    $submit = ‘Send me now’;

    return $submit;
}

add_filter(‘wb_cta_input_submit’, ‘wb_cta_input_submit_function’);