Svelte Facebook Customer Chat

Svelte Facebook Customer Chat

Pure vanilla JS Facebook Customer Chat integration

Install

$ npm install --save-dev @beyonk/svelte-facebook-customer-chat

Usage (With Svelte)

<CustomerChat ref:fb page_id="163258547622199" theme_color="#05a092"  />

<script>
  import CustomerChat from '@beyonk/svelte-facebook-customer-chat'

    export default {
        components: {
            CustomerChat
        }
    }
</script>

The attributes you pass to the CustomerChat component are as per facebook documentation.

You definitely need to pass the attribute page_id.

Usage (Vanilla JS)

<div id="my-chat"></div>

<script>
  import CustomerChat from '@beyonk/svelte-facebook-customer-chat'

    const chat = new CustomerChat({
        target: document.querySelector('#my-chat'),
        data: {
            page_id: '1234567890',
            theme_color: '#ff0000'
        }
    })
</script>

Other (non facebook attributes)

There are a number of configuration attributes you can pass, but all are optional.

List of possible options in the module:

License

MIT License