A jQuery plugin to embed Facebook Live Chat into your website, blog, or forum.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Facebook Live Chat</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="fb-live-chat.min.js"></script>
<script>
fbLiveChat.init({
sdk_locale: 'en_US',
facebook_page: 'JunoOkyoBlog', // required
position: 'right',
header_text: 'Online Support',
header_background_color: '#4e69a2',
show_close_btn: true,
animation_speed: 400,
auto_show_delay: 5000
});
</script>
</body>
</html>Or see example.html.
| Key Name | Value Type | Default value |
|---|---|---|
| sdk_locale | String | en_US |
| facebook_page | String | JunoOkyoBlog |
| position | String | right |
| header_text | String | Online Support |
| header_background_color | String | #4e69a2 |
| show_close_btn | Boolean | true |
| animation_speed | Number/String | 400 |
| auto_show_delay | Number | 0 |
Note:
sdk_localeis Locales and Languages Supported by Facebook.- Only
facebook_pageis required. positioncan be "left" or "right".animation_speedis jQuery duration (slow/400/fast).- Keep
auto_show_delayequal to 0 if you don't want to show automatically. - The unit of
animation_speedandauto_show_delayis millisecond.
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
This work is licensed under a MIT LICENSE.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent