@beyonk/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:

Option	Default	Required	Description
locale	en_GB	false	Facebook chat locale
version	v2.12	false	Facebook Customer Chat SDK version
autoLogAppEvents	true	false	as Facebook. Automatically log app events
lib	true	false	Unique id to determine if component is loaded. You probably don't need to change this.

License

MIT License