WP Guppy Pro - A live chat plugin for WordPress, WooCommerce and BuddyPress

1. How to enable realtime chat with node.js and socket

2. How to translate WP Guppy

3. JWT Authentication

4. JWT Authentication

5. How to create a messenger page with WP Guppy

6. How to enable real time chat experience with WP Guppy

7. Start chatting with a specific user on the messenger page

How to enable real-time chat with node.js and socket

• First of all, you should have root SSH access to your hosting server.
• You need to install a node server on your hosting server. After successfully installing you can check the node version through the command (node -v).
• You need to install npm packages on your hosting server. After successfully installing you can check the npm version through the command (npm -v).
• You need to install the (pm2 service globally) to start the node application you can install it through (npm install pm2 -g).
• Go to the plugin installed node-server directory.
• Update the npm packages through this command (npm update).
• For the HTTPS server you need your server SSL certificate key and private key, you can get them from your server installed SSL directory if you have an HTTP server you can skip this step.
• In the plugin installed node-server directory, you will have to add the server port id and hostname in the .env file, edit the .env file and add the port id and hostname of the server.  
• For the HTTPS server in the plugin installed node-server directory go to the sslcert directory, here you will find dummy_ssl_cert.crt && dummy_private.key files, edit these files and put the SSL private key in dummy_private.key file and then put the certificate key in the dummy_ssl_cert.crt file, after that please rename the files and remove the *dummy_* keyword from the files name.
• Please add the port id and hostname in the wpguppy admin real-time chat setting and enable the socket -io option. (Note port id and hostname should be the same as you put in the .env file).
• Then you need to start your node application, if you have an HTTPS server then you will run the command (pm2 start server-ssl.js) otherwise you need to run the command (pm2 start server.js).  After that check the status of your pm2 server through command (pm2 status).
• Your node server is successfully configured please test your wpguppy plugin for real-time chat, in case of any issue please contact your server manager.

How to translate WP Guppy

You can change any string from the WP Guppy > Translation or you can also use the loco translate plugin to find the strings and replace them with your own strings

https://www.youtube.com/watch?v=4BOMzVC3aqU

JWT Authentication

While using our plugin you need to make sure that your hosting service enabled the Authorization header because we are using JWT for authentication that needs an authorization header, if your hosting server disabled the Authorization header then you need to enable it in the .htaccess file for example.

Just copy the below code and paste it into the .htaccess file location on the WordPress root

Throughout this plugin, we have used WordPress REST API to Add/Edit the data. So for security tokens in the REST API, we have used JWT Authorization

Most of the shared hosting has disabled the HTTP Authorization headers by default To enable this option you’ll need to edit your .htaccess file adding the following

RewriteEngine on
RewriteCond %{HTTP:Authorization} ^(.*)
RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]

WPENGINE

To enable the header option you’ll need to edit your .htaccess file adding the following

SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

JWT Authentication

While using our plugin you need to make sure that your hosting service enabled the Authorization header because we are using JWT for authentication that needs an authorization header, if your hosting server disabled the Authorization header then you need to enable it in the .htaccess file for example.

Just copy the below code and paste it into the .htaccess file location on the WordPress root

Throughout this plugin, we have used WordPress REST API to Add/Edit the data. So for security tokens in the REST API, we have used JWT Authorization

Most of the shared hosting has disabled the HTTP Authorization headers by default To enable this option you’ll need to edit your .htaccess file adding the following

RewriteEngine on
RewriteCond %{HTTP:Authorization} ^(.*)
RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]

WPENGINE

To enable the header option you’ll need to edit your .htaccess file adding the following

SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

How to create a messenger page with WP Guppy

Admin can create a message page with WP Guppy plugin. We have Elementor & WP Bakery Page builder compatibility as well as the shortcode options to create the messenger page

How to enable real time chat experience with WP Guppy

We have used Pusher Channel API for the real-time experience https://pusher.com/channels

You just need to create a channel api and add this into WP Guppy

https://wp-guppy.com/documentation/#ins_step7

Start chatting with a specific user on the messenger page

You may create a messenger page and then you can open the link below to start a chat with a specific user

https://yoursite.com/messenger/?chat_id=606&chat_type=1

chat_id => This is WordPress user ID
chat_type=1 => Leave this as it is