<\/p>\n\n\n\n
Using the Chat Widget Controller API, you can control the behavior of the chat widget when a user clicks any button or hyperlink on your website.<\/p>\n\n\n\n
$_REVECHAT_API(function(){ \u2026 });<\/code><\/pre>\n\n\n\n1. Maximize the widget<\/h2>\n\n\n\n
To automatically maximize the widget \u2014 either when a user visits your website or when they click a button \u2014 use this function.<\/p>\n\n\n\n
\nPaste following code snippet into webpage to maximize the chat widget\n\u200b\n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API['Button'] &&$_REVECHAT_API.Button.maximize())">chat with us<\/a><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\nHow to use<\/summary>\n<script type='text\/javascript'>\n window.$_REVECHAT_API || (function(d, w) { var r = $_REVECHAT_API = function(c) {r._.push(c);}; w.__revechat_account='12-12-12-12';w.__revechat_version=2;\n r._= []; var rc = d.createElement('script'); rc.type = 'text\/javascript'; rc.async = true; rc.setAttribute('charset', 'utf-8');\n rc.src = ('https:' == document.location.protocol ? 'https:\/\/' : 'http:\/\/') + 'static.revechat.com\/co-browsing\/new-livechat.sjs?'+new Date().getTime();\n var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(rc, s);\n })(document, window);\n<\/script>\n\n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API['Button'] &&$_REVECHAT_API.Button.maximize())">chat with us<\/a><\/code><\/pre>\n<\/details>\n\n\n\n2. Minimize the widget<\/h2>\n\n\n\n
To minimize the widget, use this function when you want to collapse it back after being opened.<\/p>\n\n\n\n
Paste following code snippet into webpage to minimize the chat widget\n\n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API['Button'] &&$_REVECHAT_API.Button.minimize())">chat with us<\/a><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\nHow to use<\/summary>\n<script type='text\/javascript'>\n window.$_REVECHAT_API || (function(d, w) { var r = $_REVECHAT_API = function(c) {r._.push(c);}; w.__revechat_account='12-12-12-12';w.__revechat_version=2;\n r._= []; var rc = d.createElement('script'); rc.type = 'text\/javascript'; rc.async = true; rc.setAttribute('charset', 'utf-8');\n rc.src = ('https:' == document.location.protocol ? 'https:\/\/' : 'http:\/\/') + 'static.revechat.com\/co-browsing\/new-livechat.sjs?'+new Date().getTime();\n var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(rc, s);\n })(document, window);\n<\/script>\n \n\n\n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API['Button'] &&$_REVECHAT_API.Button.minimize())">chat with us<\/a><\/code><\/pre>\n<\/details>\n\n\n\n3. Hide the widget<\/h2>\n\n\n\n
To completely hide the widget from the page, use this function.<\/p>\n\n\n\n
Paste following code snippet into webpage to hide the chat button\n\n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API['Button'] &&$_REVECHAT_API.Button.hide())">chat with us<\/a><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\nHow to use<\/summary>\n<script type='text\/javascript'>\n window.$_REVECHAT_API || (function(d, w) { var r = $_REVECHAT_API = function(c) {r._.push(c);}; w.__revechat_account='12-12-12-12';w.__revechat_version=2;\n r._= []; var rc = d.createElement('script'); rc.type = 'text\/javascript'; rc.async = true; rc.setAttribute('charset', 'utf-8');\n rc.src = ('https:' == document.location.protocol ? 'https:\/\/' : 'http:\/\/') + 'static.revechat.com\/co-browsing\/new-livechat.sjs?'+new Date().getTime();\n var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(rc, s);\n })(document, window);\n<\/script>\n \n\n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API['Button'] &&$_REVECHAT_API.Button.hide())">chat with us<\/a><\/code><\/pre>\n<\/details>\n\n\n\n4. Show the widget<\/h2>\n\n\n\n
To display the widget on the page (if it was hidden), use this function.<\/p>\n\n\n\n
Paste following code snippet into webpage to show the chat button\n\n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API['Button'] &&$_REVECHAT_API.Button.show())">chat with us<\/a><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\nHow to use<\/summary>\n<script type='text\/javascript'>\n window.$_REVECHAT_API || (function(d, w) { var r = $_REVECHAT_API = function(c) {r._.push(c);}; w.__revechat_account='12-12-12-12';w.__revechat_version=2;\n r._= []; var rc = d.createElement('script'); rc.type = 'text\/javascript'; rc.async = true; rc.setAttribute('charset', 'utf-8');\n rc.src = ('https:' == document.location.protocol ? 'https:\/\/' : 'http:\/\/') + 'static.revechat.com\/co-browsing\/new-livechat.sjs?'+new Date().getTime();\n var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(rc, s);\n })(document, window);\n<\/script>\n \n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API['Button'] &&$_REVECHAT_API.Button.show())">chat with us<\/a><\/code><\/pre>\n<\/details>\n\n\n\n5. Initiate Audio Call<\/h2>\n\n\n\n
To initiate an audio call to the visitor directly from your website (e.g., on a button click), use this function. The business can proactively start the call.<\/p>\n\n\n\n
Paste following code snippet into webpage to initiate audio call\n\n<a href='#' id='revechatCtCButton' onclick="$_REVECHAT_API['Button'] && $_REVECHAT_API.Button.startVoiceCall()"> <img style='height: 130px; width: 130px;' src='https:\/\/static.revechat.com\/client\/images\/click-to-call-audio.png' data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" \/><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
6. Initiate Video Call<\/h2>\n\n\n\n
To initiate a video call to the visitor directly from your website (e.g., on a button click), use this function. The business can proactively start the call.<\/p>\n\n\n\n
Paste following code snippet into webpage to initiate video call\n\n\n<a href='#' id='revechatCtCButton' onclick="$_REVECHAT_API['Button'] && $_REVECHAT_API.Button.startVideoCall()"> <img style='height: 130px; width: 130px;' src='https:\/\/static.revechat.com\/client\/images\/click-to-call-video.png' data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" \/><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
7. Set language<\/h2>\n\n\n\n
To match the chat widget\u2019s language with your website\u2019s language, use this function to set the widget language dynamically.<\/p>\n\n\n\n
<script type="text\/javascript">\n\t$_REVECHAT_API(function() \n\t{\n\t\t\/\/ set Arabic language\n \t\t$_REVECHAT_API.setLanguage('ar');\n\t});\n<\/script>\n\n OR \n\nExample \nPick a language: English Portuguese Dutch Simplified Chinese\n \nPick a language:\n<a href="javascript:void($_REVECHAT_API.setLanguage&&$_REVECHAT_API.setLanguage('en'))">English<\/a>\n\n<a href="javascript:void($_REVECHAT_API.setLanguage&&$_REVECHAT_API.setLanguage('pt'))">Portuguese<\/a>\n\n<a href="javascript:void($_REVECHAT_API.setLanguage&&$_REVECHAT_API.setLanguage('nl'))">Dutch<\/a><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\nHow to use<\/summary>\n<script type='text\/javascript'>\n window.$_REVECHAT_API || (function(d, w) { var r = $_REVECHAT_API = function(c) {r._.push(c);}; w.__revechat_account='12-12-12-12';w.__revechat_version=2;\n r._= []; var rc = d.createElement('script'); rc.type = 'text\/javascript'; rc.async = true; rc.setAttribute('charset', 'utf-8');\n rc.src = ('https:' == document.location.protocol ? 'https:\/\/' : 'http:\/\/') + 'static.revechat.com\/co-browsing\/new-livechat.sjs?'+new Date().getTime();\n var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(rc, s);\n })(document, window);\n<\/script>\n \n<a href="javascript:void($_REVECHAT_API.setLanguage&&$_REVECHAT_API.setLanguage('ar'))">Arabic<\/a><\/code><\/pre>\n<\/details>\n\n\n\n8. Set Department<\/h2>\n\n\n\n
To route chats to a specific department (e.g., based on the page or context), use this function to set the desired department for the chat session.<\/p>\n\n\n\n
<script type='text\/javascript'> \nwindow.$_REVECHAT_API || (function(d, w) { var r = $_REVECHAT_API = "function(c) {r._.push(c);}; \nNaNrc.type = 'text\/javascript'; rc.async = true; rc.setAttribute('charset', 'utf-8'); \nrc.src = ('https:' == document.location.protocol ?'https:\/\/' : 'http:\/\/') \n+ 'static.revechat.com\/co-browsing\/new-livechat.sjs?'+new Date().getTime();\nvar s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(rc, s);})(document, window);\n\n$_REVECHAT_API$_REVECHAT_API(function()\n{ \n $_REVECHAT_API.setOrganization('DEPARTMENT_NAME');\n});\n<\/script><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
9. Close ongoing chat<\/h2>\n\n\n\n
To end the ongoing chat session of the visitor, use this function to close the active chat.<\/p>\n\n\n\n
Paste following code snippet into webpage to show the chat button\n\n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API.Form.Online.closeChat()">close chat<\/a><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\nHow to use<\/summary>\n<script type='text\/javascript'>\n window.$_REVECHAT_API || (function(d, w) { var r = $_REVECHAT_API = function(c) {r._.push(c);}; w.__revechat_account='12-12-12-12';w.__revechat_version=2;\n r._= []; var rc = d.createElement('script'); rc.type = 'text\/javascript'; rc.async = true; rc.setAttribute('charset', 'utf-8');\n rc.src = ('https:' == document.location.protocol ? 'https:\/\/' : 'http:\/\/') + 'static.revechat.com\/co-browsing\/new-livechat.sjs?'+new Date().getTime();\n var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(rc, s);\n })(document, window);\n<\/script>\n \n<a href="javascript:void($_REVECHAT_API && $_REVECHAT_API.Form.Online.closeChat()">close chat<\/a><\/code><\/pre>\n<\/details>\n\n\n\nNote: Use the widget code from your own REVE Chat account. To get it, log in to your REVE Chat account, go to Settings > Chat Widget, select your widget, then navigate to the Code Snippet tab. Copy your widget code and replace the example code shown above with your own.<\/em><\/p>\n\n\n\n<\/p>\n\n\n\n