https://github.com/kazi-naimul/floating-whatsapp

This is a simple Floating Whatsapp chat head plugin made with javasctipt and jquery.
https://github.com/kazi-naimul/floating-whatsapp

javascript jquery jquery-plugin whatsapp whatsapp-chat

Last synced: 5 days ago
JSON representation

This is a simple Floating Whatsapp chat head plugin made with javasctipt and jquery.

• Host: GitHub
• URL: https://github.com/kazi-naimul/floating-whatsapp
• Owner: kazi-naimul
• Created: 2022-04-16T18:47:58.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-04-16T19:11:28.000Z (over 2 years ago)
• Last Synced: 2024-04-18T14:09:06.740Z (7 months ago)
• Topics: javascript, jquery, jquery-plugin, whatsapp, whatsapp-chat
• Language: JavaScript
• Homepage:
• Size: 245 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Floating Whatsapp

This is a simple Floating Whatsapp chat head made with javasctipt and jquery.

# Features

  1. Multiple/Single Whatsapp Number in chat box

  2. Color control

  3. Add User image

  4. Custom design supported

# Integration 

 Use following script and css in the header:

 ```sh

    

    

    

 ```

 Here is the sample integration code:

 Single User:

 ```sh

    

      whatsappchat.singleUser(

          {

              selector: '#myButton' 

              name:'Joey Tribbiani',

              phone: '8801343434343',

              designation: 'Customer Support',

              headerMessage: 'Feel free to ask any questions in <strong>WhatsApp</strong>',

              iconColor: '#25D366'

          }

      );

  

```

 

 Multiple User:

```sh

    

      whatsappchat.multipleUser(

          {

              selector: '#myButton',

              users: [

                  {

                      name:'Joey Tribbiani',

                      phone: '8801343434343',

                      designation: 'Customer Support',

                      image : 'https://upload.wikimedia.org/wikipedia/en/d/da/Matt_LeBlanc_as_Joey_Tribbiani.jpg'

                  },

                  {

                      name:'Chandler Bing',

                      phone: '8801343434343',

                      designation: 'Customer Support',

                      image: 'https://upload.wikimedia.org/wikipedia/en/6/66/Matthew_Perry_as_Chandler_Bing.png'

                  },

                  {

                      name:'Kazi Naimul Hoque',

                      phone: '8801343434343',

                      active: false

                  },

              ],

              headerMessage: 'Feel free to ask any questions in <strong>WhatsApp</strong>',

              chatBoxMessage: 'Team replies in a minute',

              color: '#25D366'

          }

      );

  

```