/whatsapp-widget

Simple floating plugin in the footer of your website

Primary LanguageJavaScript

whatsapp-widget

Simple floating plugin in the footer of your website:

Screenshot

widget.mp4

See the project page for a demonstration.

Quick start

1. Add whatsapp-widget files:

<link  href="/path/to/whatsapp-widget.css" rel="stylesheet">
<script src="/path/to/whatsapp-widget.js"></script>

2. Call function, without parameters:

initWidget({})

4. Standard parameters! But you can pass a new configuration object, see below:

const config = {
    optionsPopup: {
        background: '#095E54',
        color: '#FFFFFF'
    },
    optionsIcon: {
        background: '#24CD63',
        color: '#FFFFFF'
    },
    optionsChat: {
        buttonTarget: `https://api.whatsapp.com/send?`,
        message:'Hello everyone',
        phone:'+55479999999999',
        text: 'Open chat'
    },
    optionsBot: {
        name: 'Bot',
        image: 'https://img.icons8.com/plasticine/2x/bot.png',
        messageDefault: 'Hi, 👋 how can I help you?',
        messageTyping: 'is typing...'
    }
}

initWidget(config)