????
Your IP : 3.148.106.2
<link rel="stylesheet" href="{tmp.efm_plugin_url}style.css?v={tmp.efm_plugin_version}" type="text/css" /> <link rel="stylesheet" href="{tmp.efm_plugin_url}admin.css?v={tmp.efm_plugin_version}" type="text/css" /> <div class="efm-exemple-relative"> <div class="efm-exemple-box">Exemple box</div> <div class="wrap"> <h1>Setting Live Chat Box</h1> <br> <form name="echbay_config_for_efm" id="echbay_config_for_efm" method="post" action="" class="validate" target="target_eb_plugins_iframe" onSubmit="return check_echbay_facebook_messenger();"> <input type="hidden" id="_ebnonce" name="_ebnonce" value="{tmp._ebnonce}" /> <input type="hidden" id="license" name="_efm_license" value="{tmp.license}" /> <input type="hidden" id="hide_powered" name="_efm_hide_powered" value="{tmp.hide_powered}" /> <input type="hidden" id="chat_with" name="_efm_chat_with" value="{tmp.chat_with}" /> <ul class="efm-chat-with-tabs efm-chat-change-tabs"> <li data-tab="chat-with-zalo">Zalo.me</li> <li data-tab="chat-with-customerchat" class="show-if-webgiare efm-d-none">Facebook Customerchat</li> <li data-tab="chat-with-facebook" class="show-if-webgiare efm-d-none">Facebook Messenger</li> <li data-tab="chat-with-subiz">SuBiz.com</li> <li data-tab="chat-with-tawk">Tawk.to</li> <li data-tab="chat-with-uhchat">uhchat.net</li> </ul> <p>* Note: Default values will be used if custom values are not set.</p> <table class="form-table"> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="delay_time">Delay time</label></th> <td><input name="_efm_delay_time" id="delay_time" type="number" value="{tmp.delay_time}" placeholder="{aaa.delay_time}" style="width:90px;" /> (millisecond -> 1000 millisecond = 1 second) <p class="description">Generate time for widget begin load, minimum 200 millisecond.</p></td> </tr> <tr class="form-field term-slug-wrap"> <th scope="row"><label for="widget_width">Widget Width</label></th> <td><input name="_efm_widget_width" id="widget_width" type="number" value="{tmp.widget_width}" placeholder="{aaa.widget_width}" /></td> </tr> <tr class="form-field term-slug-wrap"> <th scope="row"><label for="widget_height">Widget Height</label></th> <td><input name="_efm_widget_height" id="widget_height" type="number" value="{tmp.widget_height}" placeholder="{aaa.widget_height}" /></td> </tr> </table> <div class="chat-with-customerchat efm-default-hide"> <table class="form-table"> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="fb_page_id">Facebook Page ID</label></th> <td><input name="_efm_fb_page_id" id="fb_page_id" type="number" value="{tmp.fb_page_id}" placeholder="1234567890" /> <p class="description"><a href="https://www.google.com.vn/search?q=get+id+fb" target="_blank" rel="nofollow">Click here for get Facebook page ID</a>.</p></td>
</tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="fb_customerchat_hello">Greeting</label></th> <td><input name="_efm_fb_customerchat_hello" id="fb_customerchat_hello" type="text" value="{tmp.fb_customerchat_hello}" placeholder="{aaa.fb_customerchat_hello}" /> <p class="description">Create a greeting that people will see before deciding to chat. This greeting will only appear in customer chat on your website.</p></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="fb_customerchat_hello">Language</label></th> <td><input name="_efm_fb_customerchat_lang" id="fb_customerchat_lang" data-wplang="{tmp.wplang}" type="text" value="{tmp.fb_customerchat_lang}" placeholder="{aaa.fb_customerchat_lang}" /> <p class="description">Enter language code support by Facebook. Exemple: <strong>en_US, vi_VN, zh_CN, fr_FR, ru_RU</strong>... <a href="https://developers.facebook.com/docs/accountkit/languages/" target="_blank" rel="nofollow">Click here for get all Facebook language</a></p></td>
</tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="fb_customerchat_theme_color">Theme color</label></th> <td><input type="color" name="_efm_fb_customerchat_theme_color" id="fb_customerchat_theme_color" value="{tmp.fb_customerchat_theme_color}" placeholder="{aaa.fb_customerchat_theme_color}" class="efm-color-picker" /> <span data-set="fb_customerchat_theme_color" class="btn-restore-default">Default</span></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="fb_customerchat_attribution">Attribution</label></th> <td><input type="text" name="_efm_fb_customerchat_attribution" id="fb_customerchat_attribution" value="{tmp.fb_customerchat_attribution}" placeholder="{aaa.fb_customerchat_attribution}" /></td> </tr> </table> <br> <div style="text-align:center;"> <iframe width="427" height="240" src="https://www.youtube.com/embed/_YRVt3XLseA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div> </div> <div class="chat-with-facebook efm-default-hide"> <table class="form-table"> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="fb_link">URL Facebook Page</label></th> <td><input name="_efm_fb_link" id="fb_link" type="text" value="{tmp.fb_link}" placeholder="https://www.facebook.com/webgiare.org/" />
<p class="description">The URL of Facebook Page you want your visitors to send messages to.</p></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="fb_app_id">Facebook App ID</label></th> <td><input name="_efm_fb_app_id" id="fb_app_id" type="text" value="{tmp.fb_app_id}" /> <p class="description"><a href="https://developers.facebook.com/apps/" target="_blank" rel="nofollow">Click here for create and get Facebook App ID</a>.</p></td>
</tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="widget_title">Header Title</label></th> <td><input name="_efm_widget_title" id="widget_title" type="text" value="{tmp.widget_title}" placeholder="{aaa.widget_title}" /></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="widget_mobile_title">Header Title (mobile)</label></th> <td><input name="_efm_widget_mobile_title" id="widget_mobile_title" type="text" value="{tmp.widget_mobile_title}" placeholder="{aaa.widget_mobile_title}" /></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="header_bg">Header Background Color</label></th> <td><input type="color" name="_efm_header_bg" id="header_bg" value="{tmp.header_bg}" placeholder="{aaa.header_bg}" class="efm-color-picker" /> <span data-set="header_bg" class="btn-restore-default">Default</span></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="header_text">Header Text Color</label></th> <td><input type="color" name="_efm_header_text" id="header_text" value="{tmp.header_text}" placeholder="{aaa.header_text}" class="efm-color-picker" /> <span data-set="header_text" class="btn-restore-default">Default</span></td> </tr> <tr class="form-field term-parent-wrap"> <th scope="row"><label for="widget_position">Position</label></th> <td><select name="_efm_widget_position" id="widget_position" class="postform"> {tmp.str_position} </select></td> </tr> <tr class="form-field term-description-wrap"> <th scope="row"><label for="rectangle">Desktop widget</label></th> <td><input type="radio" id="round" name="_efm_desktop_theme" value="min" {tmp.min_desktop_widget}> <label for="round"><span class="efm-admin-min-exemple"> </span></label> <input type="radio" id="rectangle" name="_efm_desktop_theme" value="full" {tmp.full_desktop_widget}> <label for="rectangle"><span class="efm-admin-full-exemple" style="background-color:{tmp.header_bg}"><span id="exemple_widget_title">{tmp.widget_title}</span></span></label> <p class="description">Select your desktop widget.</p></td> </tr> <tr class="form-field term-description-wrap"> <th scope="row"><label for="mobile_rectangle">Mobile widget</label></th> <td><input type="radio" id="mobile_round" name="_efm_mobile_theme" value="min" {tmp.min_mobile_widget}> <label for="mobile_round"><span class="efm-admin-min-exemple"> </span></label> <input type="radio" id="mobile_rectangle" name="_efm_mobile_theme" value="full" {tmp.full_mobile_widget}> <label for="mobile_rectangle"><span class="efm-mobile-full-exemple" style="background-color:{tmp.header_bg}"><span id="exemple_widget_mobile_title">{tmp.widget_mobile_title}</span></span></label> <p class="description">Select your mobile widget.</p></td> </tr> <!-- <tr class="form-field term-description-wrap"> <th scope="row"><label for="show_bubble">Show Bubble</label></th> <td><input type="checkbox" id="show_bubble" name="_efm_show_bubble" value="no" {tmp.check_show_bubble}></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="bubble_bg_colors">Bubble Colors</label></th> <td><input type="color" name="_efm_bubble_bg_colors" id="bubble_bg_colors" value="{tmp.bubble_bg_colors}" placeholder="{aaa.bubble_bg_colors}" class="efm-color-picker" /> <input type="color" name="_efm_bubble_colors" id="bubble_colors" value="{tmp.bubble_colors}" placeholder="{aaa.bubble_colors}" class="efm-color-picker" /></td> </tr> <tr class="form-field term-slug-wrap"> <th scope="row"><label for="bubble_content">Bubble Content</label></th> <td><input name="_efm_bubble_content" id="bubble_content" type="text" value="{tmp.bubble_content}" placeholder="{aaa.bubble_content}" /></td> </tr> --> <tr class="form-field term-description-wrap"> <th scope="row"><label for="custom_style">Custom CSS</label></th> <td><textarea name="_efm_custom_style" id="custom_style" rows="5" cols="50" placeholder="{aaa.custom_style}" class="large-text">{tmp.custom_style}</textarea> <p class="description">The custom style for development.</p></td> </tr> <tr class="form-field term-parent-wrap" style="display:none;"> <th scope="row"><label for="time_show">Hours</label></th> <td><input type="radio" id="time_show" name="_efm_time_show" value="box" {tmp.box_time_show}> <label for="time_show">Show box chat only</label> <br> <input type="radio" id="select_time_show" name="_efm_time_show" value="time" {tmp.time_time_show}> <label for="select_time_show">Show on selected hours</label> <div class="option-time-out"> <ul class="set-time-out"> <li> <label for="mon_time_am">Monday</label> <input type="text" name="_efm_mon_time_am" id="mon_time_am" value="{tmp.mon_time_am}" placeholder="Time" maxlength="5" class="selected-time-show"> - <input type="text" name="_efm_mon_time_pm" value="{aaa.mon_time_am}" placeholder="Time" maxlength="5" class="selected-time-show"> </li> <li> <label for="tue_time_am">Tuesday</label> <input type="text" name="_efm_tue_time_am" id="tue_time_am" value="{tmp.tue_time_am}" placeholder="Time" maxlength="5" class="selected-time-show"> - <input type="text" name="_efm_tue_time_pm" value="{aaa.tue_time_pm}" placeholder="Time" maxlength="5" class="selected-time-show"> </li> <li> <label for="wed_time_am">Wednesday</label> <input type="text" name="_efm_wed_time_am" id="wed_time_am" value="{tmp.wed_time_am}" placeholder="Time" maxlength="5" class="selected-time-show"> - <input type="text" name="_efm_wed_time_pm" value="{aaa.wed_time_pm}" placeholder="Time" maxlength="5" class="selected-time-show"> </li> <li> <label for="thu_time_am">Thursday</label> <input type="text" name="_efm_thu_time_am" id="thu_time_am" value="{tmp.thu_time_am}" placeholder="Time" maxlength="5" class="selected-time-show"> - <input type="text" name="_efm_thu_time_pm" value="{aaa.thu_time_pm}" placeholder="Time" maxlength="5" class="selected-time-show"> </li> <li> <label for="fri_time_am">Friday</label> <input type="text" name="_efm_fri_time_am" id="fri_time_am" value="{tmp.fri_time_am}" placeholder="Time" maxlength="5" class="selected-time-show"> - <input type="text" name="_efm_fri_time_pm" value="{aaa.fri_time_pm}" placeholder="Time" maxlength="5" class="selected-time-show"> </li> <li> <label for="sat_time_am">Saturday</label> <input type="text" name="_efm_sat_time_am" id="sat_time_am" value="{tmp.sat_time_am}" placeholder="Time" maxlength="5" class="selected-time-show"> - <input type="text" name="_efm_sat_time_pm" value="{aaa.sat_time_pm}" placeholder="Time" maxlength="5" class="selected-time-show"> </li> <li> <label for="sun_time_am">Sunday</label> <input type="text" name="_efm_sun_time_am" id="sun_time_am" value="{tmp.sun_time_am}" placeholder="Time" maxlength="5" class="selected-time-show"> - <input type="text" name="_efm_sun_time_pm" value="{aaa.sun_time_pm}" placeholder="Time" maxlength="5" class="selected-time-show"> </li> </ul> <strong>After time out</strong>:<br> <input type="radio" id="time_out_show" name="_efm_time_out" value="show" {tmp.show_time_out}> <label for="time_out_show">Show contact form</label> <br> <input type="radio" id="time_out_hide" name="_efm_time_out" value="hide" {tmp.hide_time_out}> <label for="time_out_hide">Hide plugin</label> </div> <br> <input type="radio" id="contact_time_show" name="_efm_time_show" value="form" {tmp.form_time_show}> <label for="contact_time_show">Show contact form only</label></td> </tr> </table> </div> <div class="chat-with-zalo efm-default-hide"> <table class="form-table"> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="zalo_id">Zalo ID</label></th> <td><input name="_efm_zalo_id" id="zalo_id" type="number" value="{tmp.zalo_id}" placeholder="57974580123456789" /> <p class="description">Enter the ID of Zalo, we create best script for your site.</p></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="zalo_hello">Welcome message</label></th> <td><input name="_efm_zalo_hello" id="zalo_hello" type="text" value="{tmp.zalo_hello}" placeholder="{aaa.zalo_hello}" /></td> </tr> </table> </div> <div class="chat-with-subiz efm-default-hide"> <table class="form-table"> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="subiz_v4_id">Subiz ID (v4)</label></th> <td><input name="_efm_subiz_v4_id" id="subiz_v4_id" type="text" value="{tmp.subiz_v4_id}" placeholder="subizv4id" /> <p class="description">Subiz widget chat version 4.</p></td> </tr> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="subiz_id">Subiz ID</label></th> <td><input name="_efm_subiz_id" id="subiz_id" type="number" value="{tmp.subiz_id}" placeholder="987654" /> <p class="description">Enter the ID of Subiz, we create best script for your site.</p></td> </tr> </table> </div> <div class="chat-with-tawk efm-default-hide"> <table class="form-table"> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="tawk_id">Tawk ID</label></th> <td><input name="_efm_tawk_id" id="tawk_id" type="text" value="{tmp.tawk_id}" placeholder="57adc09f320147e021f6a0a0" /> <p class="description">Enter the ID of Tawk, we create best script for your site.</p></td> </tr> </table> </div> <div class="chat-with-uhchat efm-default-hide"> <table class="form-table"> <tr class="form-field form-required term-name-wrap"> <th scope="row"><label for="uhchat_id">UhChat ID</label></th> <td><input name="_efm_uhchat_id" id="uhchat_id" type="text" value="{tmp.uhchat_id}" placeholder="11aa2b" /> <p class="description">Enter the ID of UhChat, we create best script for your site.</p></td> </tr> </table> </div> <div class="eb-plugin-submit"> <input type="submit" name="submit" id="submit" class="button button-primary" value="Save Changes" /> </div> </form> </div> </div> <iframe id="target_eb_plugins_iframe" name="target_eb_plugins_iframe" src="about:blank" width="750" height="1">AJAX form</iframe> <script type="text/javascript"> if ( document.domain == 'localhost' && typeof jQuery == 'function' ) { jQuery('#target_eb_plugins_iframe').height( 600 ).attr({
height: 600 }); } </script> <script type="text/javascript" src="{tmp.efm_plugin_url}admin.js?v={tmp.efm_plugin_version}"></script>