PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 3.8.3
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v3.8.3
8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 8.5.2 8.5.0 8.4.9 All 531 releases
chatbot / admin_ui.php

admin_ui.php in WPBot – AI ChatBot for Live Support, Lead Generation, AI Services 3.8.3, at admin_ui.php

2,073 lines 166.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2
3 // Exit if accessed directly
4 if ( ! defined( 'ABSPATH' ) ) {
5 exit;
6 }
7 ?>
8 <div class="wrap">
9 <h1 style="display:none"><?php esc_html_e('WPBot', 'wpchatbot'); ?> </h1>
10 </div>
11 <div class="wp-chatbot-wrap">
12 <div class="icon32"><br></div>
13 <form action="<?php echo esc_attr($action); ?>" method="POST" id="wp-chatbot-admin-form"
14 enctype="multipart/form-data">
15 <div class="container form-container">
16 <header class="wp-chatbot-admin-header">
17 <div class="row">
18 <div class="col-sm-6">
19 <h2><?php echo __('WPBot Control Panel', 'wpchatbot'); ?><?php echo get_option('wp_chatbot_index_meta'); ?></h2>
20 </div>
21 <div class="col-sm-6 text-right wp-chatbot-version">
22 <h3><?php esc_html_e('The Lite Version', 'wpchatbot'); ?></h3>
23 <p><a target="_blank" href="https://www.quantumcloud.com/"><?php esc_html_e('WPBot is a project by Web Design Company QuantumCloud', 'wpchatbot'); ?></a></p>
24 <p><a style="color: #b2ff20;" href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank">Upgrade To Pro</a></p>
25 </div>
26 </div>
27 </header>
28 <section class="wp-chatbot-tab-container-inner">
29 <div class="wp-chatbot-tabs wp-chatbot-tabs-style-flip">
30 <nav>
31 <ul>
32 <li tab-data="general"><a href="<?php echo esc_attr($action); ?>&tab=general">
33 <span class="wpwbot-admin-tab-icon">
34 <i class="fa fa-toggle-on"> </i>
35 </span>
36 <span class="wpwbot-admin-tab-name"> <?php esc_html_e('GENERAL SETTINGS', 'wpchatbot'); ?></span>
37 </a></li>
38 <li tab-data="themes"><a href="<?php echo esc_attr($action); ?>&tab=themes">
39 <span class="wpwbot-admin-tab-icon">
40 <i class="fa fa-gear faa-spin"></i>
41 </span>
42 <span class="wpwbot-admin-tab-name"> <?php esc_html_e('ICONS & THEMES', 'wpchatbot'); ?></span>
43 </a></li>
44 <li tab-data="support"><a href="<?php echo esc_attr($action); ?>&tab=support">
45 <span class="wpwbot-admin-tab-icon">
46 <i class="fa fa-life-ring"></i>
47 </span>
48 <span class="wpwbot-admin-tab-name"> <?php esc_html_e('FAQ Builder', 'wpchatbot'); ?></span>
49 </a></li>
50 <!--<li tab-data="notification"><a href="<?php echo esc_attr($action); ?>&tab=notification">
51 <span class="wpwbot-admin-tab-icon">
52 <i class="fa fa-bell-o"></i>
53 </span>
54 <span class="wpwbot-admin-tab-name"><?php esc_html_e('Notification Builder', 'wpchatbot'); ?></span>
55 </a></li>-->
56 <li tab-data="language"><a href="<?php echo esc_attr($action); ?>&tab=language">
57 <span class="wpwbot-admin-tab-icon">
58 <i class="fa fa-language"></i>
59 </span>
60 <span class="wpwbot-admin-tab-name"><?php esc_html_e('LANGUAGE CENTER', 'wpchatbot'); ?></span>
61 </a></li>
62
63 <li tab-data="startmenu"><a href="<?php echo esc_attr($action); ?>&tab=startmenu">
64 <span class="wpwbot-admin-tab-icon">
65 <i class="fa fa-bars"></i>
66 </span>
67 <span class="wpwbot-admin-tab-name"><?php echo esc_html__('Start Menu', 'wpchatbot'); ?></span>
68 </a></li>
69
70 <!--<li tab-data="hours"><a href="<?php echo esc_attr($action); ?>&tab=hours">
71 <span class="wpwbot-admin-tab-icon">
72 <i class="fa fa-calendar"></i>
73 </span>
74 <span class="wpwbot-admin-tab-name"><?php esc_html_e('Bot Activity Hour', 'wpchatbot'); ?></span>
75 </a></li>-->
76 <li tab-data="ai"><a href="<?php echo esc_attr($action); ?>&tab=ai">
77 <span class="wpwbot-admin-tab-icon">
78 <i class="fa fa-500px"></i>
79 </span>
80 <span class="wpwbot-admin-tab-name"><?php esc_html_e('Dialogflow', 'wpchatbot'); ?></span>
81 </a></li>
82 <!--<li tab-data="app"><a href="<?php echo esc_attr($action); ?>&tab=app">
83 <span class="wpwbot-admin-tab-icon">
84 <i class="fa fa-mobile"></i>
85 </span>
86 <span class="wpwbot-admin-tab-name"><?php esc_html_e('MOBILE APP', 'wpchatbot'); ?></span>
87 </a></li>
88 <li tab-data="custom"><a href="<?php echo esc_attr($action); ?>&tab=custom">
89 <span class="wpwbot-admin-tab-icon">
90 <i class="fa fa-code"></i>
91 </span>
92 <span class="wpwbot-admin-tab-name"><?php esc_html_e('Custom CSS', 'wpchatbot'); ?> </span>
93 </a></li>-->
94 <li tab-data="addons"><a href="<?php echo esc_attr($action); ?>&tab=addons">
95 <span class="wpwbot-admin-tab-icon">
96 <i class="fa fa-puzzle-piece" aria-hidden="true"></i>
97 </span>
98 <span class="wpwbot-admin-tab-name"><?php echo esc_html__('Addons', 'wpchatbot'); ?> </span>
99 </a></li>
100 </ul>
101 <a class="wpbot_free_messenger_adds" href="https://wordpress.org/plugins/conversational-forms/" target="_blank">Try our new Conversational Form Addon for WPBot</a>
102
103 <a class="wpbot_free_messenger_adds" href="https://wordpress.org/plugins/chatbot-for-messenger/" target="_blank">Try our new ChatBot for Messenger WPBot addon free</a>
104 </nav>
105 <div class="content-wrap">
106 <section id="section-flip-1">
107 <div class="top-section">
108 <div class="row">
109 <div class="col-xs-12">
110 <b><p>
111 The ChatBot can work with ANY language. Just change the language texts from the ChatBot Settings->Language Center to your preferred one. Multi language is supported with the <a href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank">WpBot Pro version</a> and an addon.
112 </p></b>
113 <b><p>Please see the plugin's Help and Debugging section to troubleshoot common issues.</p></b>
114
115 <div class="cxsc-settings-blocks">
116 <div class="form-group">
117 <?php
118 $url = get_site_url();
119 $url = parse_url($url);
120 $domain = $url['host'];
121
122 $admin_email = get_option('admin_email');
123 ?>
124 <h4 class="qc-opt-title"><?php echo esc_html__('Emails Will be Sent to', 'wpchatbot'); ?></h4>
125 <input type="text" class="form-control qc-opt-dcs-font"
126 name="qlcd_wp_chatbot_admin_email"
127 value="<?php echo(get_option('qlcd_wp_chatbot_admin_email') != '' ? get_option('qlcd_wp_chatbot_admin_email') : $admin_email); ?>">
128 <label for="disable_wp_chatbot"><?php echo esc_html__('Support and Call Back requests will be sent to this address', 'wpchatbot'); ?> </label>
129 </div>
130 </div>
131
132
133
134 <div class="cxsc-settings-blocks">
135 <div class="form-group">
136 <?php
137
138 $url = get_site_url();
139 $url = parse_url($url);
140 $domain = $url['host'];
141
142 $fromEmail = "wordpress@" . $domain;
143
144 ?>
145 <h4 class="qc-opt-title"><?php echo esc_html__('From Email Address', 'wpchatbot'); ?></h4>
146 <input type="text" class="form-control qc-opt-dcs-font"
147 name="qlcd_wp_chatbot_from_email"
148 value="<?php echo(get_option('qlcd_wp_chatbot_from_email') != '' ? get_option('qlcd_wp_chatbot_from_email') : $fromEmail); ?>">
149 <label for="qlcd_wp_chatbot_from_email"><?php echo esc_html__('All email will be send from this email address. If you change the From Email Address then please make sure the domain remain same otherwise the email would not send.', 'wpchatbot'); ?> </label>
150 </div>
151 </div>
152
153 </div>
154 </div>
155
156 <div class="row">
157 <div class="col-xs-12">
158 <h4 class="qc-opt-title"> <?php esc_html_e('Disable WPBot', 'wpchatbot'); ?> </h4>
159 <div class="cxsc-settings-blocks">
160 <input value="1" id="disable_wp_chatbot" type="checkbox"
161 name="disable_wp_chatbot" <?php echo(get_option('disable_wp_chatbot') == 1 ? 'checked' : ''); ?>>
162 <label for="disable_wp_chatbot"><?php esc_html_e('Disable WPBot to Load', 'wpchatbot'); ?> </label>
163 </div>
164 </div>
165 </div>
166 <div class="row">
167 <div class="col-xs-12">
168 <h4 class="qc-opt-title"> <?php esc_html_e('Disable WPbot on Mobile Device', 'wpchatbot'); ?> </h4>
169 <div class="cxsc-settings-blocks">
170 <input value="1" id="disable_wp_chatbot_on_mobile" type="checkbox"
171 name="disable_wp_chatbot_on_mobile" <?php echo(get_option('disable_wp_chatbot_on_mobile') == 1 ? 'checked' : ''); ?>>
172 <label for="disable_wp_chatbot_on_mobile"><?php esc_html_e('Disable WpBot to Load on Mobile Device', 'wpchatbot'); ?> </label>
173 </div>
174 </div>
175 </div>
176 <!--<div class="row">
177 <div class="col-xs-12">
178 <h4 class="qc-opt-title"> <?php esc_html_e('Sound on Page Load', 'wpchatbot'); ?> </h4>
179 <div class="form-group">
180 <input value="1" id="enable_wp_chatbot_sound_initial" type="checkbox"
181 name="enable_wp_chatbot_sound_initial" <?php echo(get_option('enable_wp_chatbot_sound_initial') == 1 ? 'checked' : ''); ?>>
182 <label for="enable_wp_chatbot_sound_initial"><?php esc_html_e('Enable to play sound on initial page load', 'wpchatbot'); ?> </label>
183 </div>
184 </div>
185 </div>-->
186
187 <!-- row-->
188 <!--<div class="row">
189 <div class="col-xs-12">
190 <h4 class="qc-opt-title"> <?php esc_html_e('Disable WpBot Icon Animation', 'wpchatbot'); ?> </h4>
191 <div class="cxsc-settings-blocks">
192 <input value="1" id="disable_wp_chatbot_icon_animation" type="checkbox"
193 name="disable_wp_chatbot_icon_animation" <?php echo(get_option('disable_wp_chatbot_icon_animation') == 1 ? 'checked' : ''); ?>>
194 <label for="disable_wp_chatbot_icon_animation"><?php esc_html_e('Disable WpBot icon border animation', 'wpchatbot'); ?> </label>
195 </div>
196 </div>
197 </div>-->
198
199
200
201 <!--<div class="row">
202 <div class="col-xs-12">
203 <h4 class="qc-opt-title"><?php esc_html_e('Disable WpBot Opening Notification', 'wpchatbot'); ?> </h4>
204 <div class="cxsc-settings-blocks">
205 <input value="1" id="disable_wp_chatbot_notification" type="checkbox"
206 name="disable_wp_chatbot_notification" <?php echo(get_option('disable_wp_chatbot_notification') == 1 ? 'checked' : ''); ?>>
207 <label for="disable_wp_chatbot_notification"><?php esc_html_e('Disable WpBot Opening notification messages', 'wpchatbot'); ?> </label>
208 </div>
209 </div>
210 </div>-->
211 <div class="row">
212 <div class="col-xs-12">
213 <h4 class="qc-opt-title"><?php esc_html_e('Enable RTL', 'wpchatbot'); ?> </h4>
214 <div class="cxsc-settings-blocks">
215 <input value="1" id="enable_wp_chatbot_rtl" type="checkbox"
216 name="enable_wp_chatbot_rtl" <?php echo(get_option('enable_wp_chatbot_rtl') == 1 ? 'checked' : ''); ?>>
217 <label for="enable_wp_chatbot_rtl"><?php esc_html_e('Enable RTL (Right to Left language) Support for Chat', 'wpchatbot'); ?> </label>
218 </div>
219 </div>
220 </div>
221
222 <div class="row">
223 <div class="col-xs-12">
224 <h4 class="qc-opt-title"> <?php echo esc_html__('Show Start Menu After Greetings', 'wpchatbot'); ?> </h4>
225 <div class="cxsc-settings-blocks">
226 <input value="1" id="show_menu_after_greetings" type="checkbox"
227 name="show_menu_after_greetings" <?php echo(get_option('show_menu_after_greetings') == 1 ? 'checked' : ''); ?>>
228 <label for="show_menu_after_greetings"><?php echo esc_html__('Show Start Menu After Greetings', 'wpchatbot'); ?> </label>
229 </div>
230 </div>
231 </div>
232
233 <!--<div class="row">
234 <div class="col-xs-12">
235 <h4 class="qc-opt-title"><?php esc_html_e('Disable Call Me', 'wpchatbot'); ?> </h4>
236 <div class="cxsc-settings-blocks">
237 <input value="1" id="disable_wp_chatbot_call_sup" type="checkbox"
238 name="disable_wp_chatbot_call_sup" <?php echo(get_option('disable_wp_chatbot_call_sup') == 1 ? 'checked' : ''); ?>>
239 <label for="disable_wp_chatbot_call_sup"><?php esc_html_e('Disable Call Me button', 'wpchatbot'); ?> </label>
240 </div>
241 </div>
242 </div>-->
243
244 <!-- row-->
245 <div class="row">
246 <div class="col-xs-12">
247 <h4 class="qc-opt-title"><?php esc_html_e('WPBot Open Full Screen in Mobile', 'wpchatbot'); ?> </h4>
248 <div class="cxsc-settings-blocks">
249 <input value="1" id="enable_wp_chatbot_mobile_full_screen" type="checkbox"
250 name="enable_wp_chatbot_mobile_full_screen" <?php echo(get_option('enable_wp_chatbot_mobile_full_screen') == 1 ? 'checked' : ''); ?>>
251 <label for="enable_wp_chatbot_mobile_full_screen"><?php esc_html_e('Enable WpBot Open Full Screen in Mobile', 'wpchatbot'); ?> </label>
252 </div>
253 </div>
254 </div>
255
256 <div class="row">
257 <div class="col-xs-12">
258 <h4 class="qc-opt-title"><?php echo esc_html__('Bot Response Delay', 'wpchatbot'); ?> </h4>
259 <div class="cxsc-settings-blocks">
260
261
262
263 <select name="wpbot_preloading_time" id="wpbot_preloading_time">
264 <option value="100" <?php echo(get_option('wpbot_preloading_time') == '100' ? 'selected="selected"' : ''); ?>>0 Second</option>
265 <option value="500" <?php echo(get_option('wpbot_preloading_time') == '500' ? 'selected="selected"' : ''); ?>>0.5 Second</option>
266 <option value="1000" <?php echo(get_option('wpbot_preloading_time') == '1000' ? 'selected="selected"' : ''); ?>>1 Second</option>
267 <option value="2000" <?php echo(get_option('wpbot_preloading_time') == '2000' ? 'selected="selected"' : ''); ?>>2 Second</option>
268 <option value="3000" <?php echo(get_option('wpbot_preloading_time') == '3000' ? 'selected="selected"' : ''); ?>>3 Second</option>
269 </select>
270 <label for="wpbot_preloading_time"><?php echo esc_html__('Bot Response Delay', 'wpchatbot'); ?> </label>
271
272 </div>
273 </div>
274 </div>
275
276 <div class="row">
277 <div class="col-xs-12">
278 <h4 class="qc-opt-title"><?php esc_html_e('Override WPBot Icon\'s Position', 'wpchatbot'); ?> </h4>
279 <div class="cxsc-settings-blocks">
280 <?php
281 $qcld_wb_chatbot_position_x = get_option('wp_chatbot_position_x');
282 if ((!isset($qcld_wb_chatbot_position_x)) || ($qcld_wb_chatbot_position_x == "")) {
283 $qcld_wb_chatbot_position_x = __("120", "wp_chatbot");
284 }
285 $qcld_wb_chatbot_position_y = get_option('wp_chatbot_position_y');
286 if ((!isset($qcld_wb_chatbot_position_y)) || ($qcld_wb_chatbot_position_y == "")) {
287 $qcld_wb_chatbot_position_y = __("120", "wp_chatbot");
288 } ?>
289 <input type="number" class="qc-opt-dcs-font"
290 name="wp_chatbot_position_x"
291 id=""
292 value="<?php echo($qcld_wb_chatbot_position_x); ?>"
293 placeholder="<?php esc_html_e('From Right In px', 'wpchatbot'); ?>"> <span class="qc-opt-dcs-font"><?php esc_html_e('From Right In px', 'wpchatbot'); ?></span>
294 <input type="number" class="qc-opt-dcs-font"
295 name="wp_chatbot_position_y"
296 id=""
297 value="<?php echo($qcld_wb_chatbot_position_y); ?>"
298 placeholder="<?php esc_html_e('From Bottom In Px', 'wpchatbot'); ?>"> <span class="qc-opt-dcs-font"><?php esc_html_e('From Bottom In px', 'wpchatbot'); ?></span>
299 </div>
300 </div>
301 <!--.col-sm-12-->
302 </div>
303 <!-- row-->
304
305 <div class="row">
306 <div class="col-xs-12">
307 <h4 class="qc-opt-title"><strong> <?php esc_html_e('WPBot', 'wpchatbot'); ?></strong> <?php esc_html_e('Loading Control Options', 'wpchatbot'); ?> </h4>
308 <div class="cxsc-settings-blocks">
309 <div class="row">
310 <div class="col-sm-4 text-right">
311 <span class="qc-opt-title-font"><?php esc_html_e('Show on Home Page', 'wpchatbot'); ?></span>
312 </div>
313 <div class="col-sm-8">
314 <label class="radio-inline">
315 <input id="wp-chatbot-show-home-page" type="radio"
316 name="wp_chatbot_show_home_page"
317 value="on" <?php echo(get_option('wp_chatbot_show_home_page') == 'on' ? 'checked' : ''); ?>>
318 <?php esc_html_e('YES', 'wpchatbot'); ?>
319 </label>
320 <label class="radio-inline">
321 <input id="wp-chatbot-show-home-page" type="radio"
322 name="wp_chatbot_show_home_page"
323 value="off" <?php echo(get_option('wp_chatbot_show_home_page') == 'off' ? 'checked' : ''); ?>>
324 <?php esc_html_e('NO', 'wpchatbot'); ?>
325 </label>
326 </div>
327 </div>
328 <!-- row-->
329 <div class="row">
330 <div class="col-sm-4 text-right">
331 <span class="qc-opt-title-font"><?php esc_html_e('Show on blog posts', 'wpchatbot'); ?></span>
332 </div>
333 <div class="col-sm-8">
334 <label class="radio-inline">
335 <input class="wp-chatbot-show-posts" type="radio"
336 name="wp_chatbot_show_posts"
337 value="on" <?php echo(get_option('wp_chatbot_show_posts') == 'on' ? 'checked' : ''); ?>>
338 <?php esc_html_e('YES', 'wpchatbot'); ?>
339 </label>
340 <label class="radio-inline">
341 <input class="wp-chatbot-show-posts" type="radio"
342 name="wp_chatbot_show_posts"
343 value="off" <?php echo(get_option('wp_chatbot_show_posts') == 'off' ? 'checked' : ''); ?>>
344 <?php esc_html_e('NO', 'wpchatbot'); ?>
345 </label>
346 </div>
347 </div>
348 <!-- row-->
349 <div class="row">
350 <div class="col-md-4 text-right">
351 <span class="qc-opt-title-font"><?php esc_html_e('Show on pages', 'wpchatbot'); ?></span>
352 </div>
353 <div class="col-md-8">
354 <label class="radio-inline">
355 <input class="wp-chatbot-show-pages" type="radio"
356 name="wp_chatbot_show_pages"
357 value="on" <?php echo(get_option('wp_chatbot_show_pages') == 'on' ? 'checked' : ''); ?>>
358 <?php esc_html_e('All Pages', 'wpchatbot'); ?>
359 </label>
360 <label class="radio-inline">
361 <input class="wp-chatbot-show-pages" type="radio"
362 name="wp_chatbot_show_pages"
363 value="off" <?php echo(get_option('wp_chatbot_show_pages') == 'off' ? 'checked' : ''); ?>>
364 <?php esc_html_e('Selected Pages Only ', 'wpchatbot'); ?></label>
365 <div id="wp-chatbot-show-pages-list">
366 <ul class="checkbox-list">
367 <?php
368 $wp_chatbot_pages = get_pages();
369 $wp_chatbot_select_pages = unserialize(get_option('wp_chatbot_show_pages_list'));
370 foreach ($wp_chatbot_pages as $wp_chatbot_page) {
371 ?>
372 <li>
373 <input
374 id="wp_chatbot_show_page_<?php echo $wp_chatbot_page->ID; ?>"
375 type="checkbox"
376 name="wp_chatbot_show_pages_list[]"
377 value="<?php echo $wp_chatbot_page->ID; ?>" <?php if (!empty($wp_chatbot_select_pages) && in_array($wp_chatbot_page->ID, $wp_chatbot_select_pages) == true) {
378 echo 'checked';
379 } ?> >
380 <label
381 for="wp_chatbot_show_page_<?php echo $wp_chatbot_page->ID; ?>"> <?php echo $wp_chatbot_page->post_title; ?></label>
382 </li>
383 <?php } ?>
384 </ul>
385 </div>
386 </div>
387 </div>
388
389 </div>
390 <!-- cxsc-settings-blocks-->
391 </div>
392 <!-- col-xs-12-->
393 </div>
394 <!-- row-->
395
396 </div>
397 <!-- top-section-->
398 </section>
399 <section id="section-flip-2">
400 <ul class="nav nav-tabs">
401 <li class="active"><a data-toggle="tab" href="#wp-chatbot-icon-theme-settings"><?php echo esc_html__('Icons & Themes', 'wpchatbot'); ?></a></li>
402 <li><a data-toggle="tab" href="#wp-chatbot-custom-color-options"><?php echo esc_html__('Custom Style Options', 'wpchatbot'); ?></a></li>
403 </ul>
404 <div class="tab-content">
405 <div id="wp-chatbot-icon-theme-settings" class="tab-pane fade in active">
406 <div class="top-section">
407
408 <div class="row">
409 <div class="col-xs-12">
410
411 <div class="row">
412 <div class="col-xs-12">
413 <p class="wpqcld_chk_seft">
414 <a target="_blank" href="https://www.quantumcloud.com/products/themes/chatbot-theme/"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL ?>/chatbot-theme.jpg" alt="" /></a>
415 </p>
416 </div>
417 </div>
418
419 <h4 class="qc-opt-title"><?php esc_html_e('WPBot Icon', 'wpchatbot'); ?></h4>
420 <div class="cxsc-settings-blocks">
421 <ul class="radio-list">
422 <!--<li><label for="wp_chatbot_icon_0" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-0.png"
423 alt=""> <input id="wp_chatbot_icon_0" type="radio"
424 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-0.png' ? 'checked' : ''); ?>
425 value="icon-0.png">
426 <?php esc_html_e('Icon - 0', 'wpchatbot'); ?></label>
427 </li>
428 <li><label for="wp_chatbot_icon_1" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-1.png"
429 alt=""> <input id="wp_chatbot_icon_1" type="radio"
430 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-1.png' ? 'checked' : ''); ?>
431 value="icon-1.png">
432 <?php esc_html_e('Icon - 1', 'wpchatbot'); ?></label>
433 </li>-->
434 <li><label for="wp_chatbot_icon_2" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-2.png"
435 alt=""> <input id="wp_chatbot_icon_2" type="radio"
436 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-2.png' ? 'checked' : ''); ?>
437 value="icon-2.png">
438 <?php esc_html_e('Icon - 2', 'wpchatbot'); ?></label>
439 </li>
440 <li><label for="wp_chatbot_icon_3" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-3.png"
441 alt=""> <input id="wp_chatbot_icon_3" type="radio"
442 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-3.png' ? 'checked' : ''); ?>
443 value="icon-3.png">
444 <?php esc_html_e('Icon - 3', 'wpchatbot'); ?></label>
445 </li>
446 <li><label for="wp_chatbot_icon_4" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-4.png"
447 alt=""> <input id="wp_chatbot_icon_4" type="radio"
448 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-4.png' ? 'checked' : ''); ?>
449 value="icon-4.png">
450 <?php esc_html_e('Icon - 4', 'wpchatbot'); ?></label>
451 </li>
452 <li><label for="wp_chatbot_icon_5" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-5.png"
453 alt=""> <input id="wp_chatbot_icon_5" type="radio"
454 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-5.png' ? 'checked' : ''); ?>
455 value="icon-5.png">
456 <?php esc_html_e('Icon - 5', 'wpchatbot'); ?></label>
457 </li>
458 <li><label for="wp_chatbot_icon_6" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-6.png"
459 alt=""> <input id="wp_chatbot_icon_6" type="radio"
460 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-6.png' ? 'checked' : ''); ?>
461 value="icon-6.png">
462 <?php esc_html_e('Icon - 6', 'wpchatbot'); ?></label>
463 </li>
464 <li><label for="wp_chatbot_icon_7" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-7.png"
465 alt=""> <input id="wp_chatbot_icon_7" type="radio"
466 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-7.png' ? 'checked' : ''); ?>
467 value="icon-7.png">
468 <?php esc_html_e('Icon - 7', 'wpchatbot'); ?></label>
469 </li>
470 <li><label for="wp_chatbot_icon_8" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-8.png"
471 alt=""> <input id="wp_chatbot_icon_8" type="radio"
472 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-8.png' ? 'checked' : ''); ?>
473 value="icon-8.png">
474 <?php esc_html_e('Icon - 8', 'wpchatbot'); ?></label>
475 </li>
476 <li><label for="wp_chatbot_icon_9" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-9.png"
477 alt=""> <input id="wp_chatbot_icon_9" type="radio"
478 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-9.png' ? 'checked' : ''); ?>
479 value="icon-9.png">
480 <?php esc_html_e('Icon - 9', 'wpchatbot'); ?></label>
481 </li>
482 <li><label for="wp_chatbot_icon_10" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-10.png"
483 alt=""> <input id="wp_chatbot_icon_10" type="radio"
484 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-10.png' ? 'checked' : ''); ?>
485 value="icon-10.png">
486 <?php esc_html_e('Icon - 10', 'wpchatbot'); ?></label>
487 </li>
488 <li><label for="wp_chatbot_icon_11" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-11.png"
489 alt=""> <input id="wp_chatbot_icon_11" type="radio"
490 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-11.png' ? 'checked' : ''); ?>
491 value="icon-11.png">
492 <?php esc_html_e('Icon - 11', 'wpchatbot'); ?></label>
493 </li>
494 <li><label for="wp_chatbot_icon_12" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-12.png"
495 alt=""> <input id="wp_chatbot_icon_12" type="radio"
496 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-12.png' ? 'checked' : ''); ?>
497 value="icon-12.png">
498 <?php esc_html_e('Icon - 12', 'wpchatbot'); ?></label>
499 </li>
500 <li><label for="wp_chatbot_icon_13" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-13.png"
501 alt=""> <input id="wp_chatbot_icon_13" type="radio"
502 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-13.png' ? 'checked' : ''); ?>
503 value="icon-13.png">
504 <?php esc_html_e('Icon - 13', 'wpchatbot'); ?></label>
505 </li>
506
507 <li>
508 <?php
509 if (get_option('wp_chatbot_custom_icon_path') != "") {
510 $wp_chatbot_custom_icon_path = get_option('wp_chatbot_custom_icon_path');
511 } else {
512 $wp_chatbot_custom_icon_path = QCLD_wpCHATBOT_IMG_URL . 'custom.png';
513 }
514 ?>
515 <label for="wp_chatbot_custom_icon_input" class="qc-opt-dcs-font">
516 <img id="wp_chatbot_custom_icon_src"
517 src="<?php echo $wp_chatbot_custom_icon_path; ?>" alt="">
518 <input id="wp_chatbot_custom_icon_input" type="radio"
519 name="wp_chatbot_icon"
520 value="custom.png" <?php echo(get_option('wp_chatbot_icon') == 'custom.png' ? 'checked' : ''); ?>>
521 <?php esc_html_e('Custom Icon', 'wpchatbot'); ?></label>
522 </li>
523
524 </ul>
525 </div>
526 <!-- cxsc-settings-blocks-->
527 <br>
528 <div class="cxsc-settings-blocks">
529 <div class="form-group">
530 <h4 class="qc-opt-title">
531 <?php _e('WPBot Icon Background Color.', 'woochatbot'); ?>
532 </h4>
533 <input id="wp_chatbot_floatingiconbg_color" type="text"
534 name="wp_chatbot_floatingiconbg_color"
535 value="<?php echo(get_option('wp_chatbot_floatingiconbg_color') != '' ? get_option('wp_chatbot_floatingiconbg_color') : '#fff'); ?>"/>
536 </div>
537 </div>
538 </div>
539 </div>
540 <div class="row">
541 <div class="col-xs-12">
542 <h4 class="qc-opt-title"><?php esc_html_e(' Upload custom Icon ', 'wpchatbot'); ?></h4>
543 <div class="cxsc-settings-blocks">
544 <input type="hidden" name="wp_chatbot_custom_icon_path"
545 id="wp_chatbot_custom_icon_path"
546 value="<?php echo $wp_chatbot_custom_icon_path; ?>"/>
547 <button type="button" class="wp_chatbot_custom_icon_button button"><?php esc_html_e('Upload Icon', 'wpchatbot'); ?> </button>
548 </div>
549
550 </div>
551 </div>
552 </div>
553
554 <div class="top-section">
555 <div class="row">
556 <div class="col-xs-12">
557 <h4 class="qc-opt-title"><?php esc_html_e(' WPBot Agent Image', 'wpchatbot'); ?></h4>
558 <div class="cxsc-settings-blocks">
559 <ul class="radio-list">
560 <li>
561 <label for="wp_chatbot_agent_image_def" class="qc-opt-dcs-font">
562 <img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>icon-0.png"
563 alt=""> <input id="wp_chatbot_agent_image_def" type="radio"
564 name="wp_chatbot_agent_image" <?php echo(get_option('wp_chatbot_agent_image') == 'agent-0.png' ? 'checked' : ''); ?>
565 value="agent-0.png">
566
567 <?php esc_html_e('Default Agent', 'wpchatbot'); ?></label>
568 </li>
569 <li>
570 <?php
571 if (get_option('wp_chatbot_custom_agent_path') != "") {
572 $wp_chatbot_custom_agent_path = get_option('wp_chatbot_custom_agent_path');
573 } else {
574 $wp_chatbot_custom_agent_path = QCLD_wpCHATBOT_IMG_URL . 'custom-agent.png';
575 }
576 ?>
577 <label for="wp_chatbot_agent_image_custom" class="qc-opt-dcs-font">
578 <img id="wp_chatbot_custom_agent_src"
579 src="<?php echo esc_url($wp_chatbot_custom_agent_path); ?>"
580 alt="Agent">
581 <input type="radio" name="wp_chatbot_agent_image"
582 id="wp_chatbot_agent_image_custom"
583 value="custom-agent.png" <?php echo(get_option('wp_chatbot_agent_image') == 'custom-agent.png' ? 'checked' : ''); ?>>
584 <?php echo esc_html__('Custom Agent', 'wpchatbot'); ?></label>
585 </li>
586
587 </ul>
588 </div>
589 <!-- cxsc-settings-blocks-->
590 </div>
591 </div>
592 <div class="row">
593 <div class="col-xs-12">
594 <h4 class="qc-opt-title"> <?php esc_html_e('Custom Agent Icon', 'wpchatbot'); ?> </h4>
595 <div class="cxsc-settings-blocks">
596 <input type="hidden" name="wp_chatbot_custom_agent_path"
597 id="wp_chatbot_custom_agent_path"
598 value="<?php echo $wp_chatbot_custom_agent_path; ?>"/>
599 <button type="button" class="wp_chatbot_custom_agent_button button"><?php esc_html_e('Upload Agent Icon', 'wpchatbot'); ?></button>
600 </div>
601 </div>
602 </div>
603 </div>
604 <div id="top-section">
605 <div class="row">
606 <div class="col-sm-12">
607 <h4 class="qc-opt-title"> <?php esc_html_e('WPBot Themes', 'wpchatbot'); ?></h4>
608 </div>
609 </div>
610 <div class="row">
611 <div class="col-sm-3">
612 <label for="qcld_wb_chatbot_theme_0">
613 <img class="thumbnail theme_prev"
614 src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>templates/template-00.JPG"
615 alt="Theme Basic">
616 <input id="qcld_wb_chatbot_theme_0" type="radio"
617 name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-00' ? 'checked' : ''); ?>
618 value="template-00">
619 <?php esc_html_e('Theme Basic', 'wpchatbot'); ?></label>
620 </div>
621 <div class="col-sm-3">
622 <label for="qcld_wb_chatbot_theme_1">
623 <img class="thumbnail theme_prev"
624 src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>templates/template-01.JPG"
625 alt="Theme Basic">
626 <input id="qcld_wb_chatbot_theme_1" type="radio"
627 name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-01' ? 'checked' : ''); ?>
628 value="template-01">
629 <?php esc_html_e('Theme One', 'wpchatbot'); ?></label>
630 </div>
631
632
633
634 </div>
635
636 </div>
637 </div>
638 <!--<hr>
639 <div id="top-section">
640 <div class="row">
641 <div class="col-sm-12">
642 <h4 class="qc-opt-title"> <?php esc_html_e('Custom Backgroud', 'wpchatbot'); ?></h4>
643 <div class="cxsc-settings-blocks">
644 <input value="1" id="qcld_wb_chatbot_change_bg" type="checkbox"
645 name="qcld_wb_chatbot_change_bg" <?php echo(get_option('qcld_wb_chatbot_change_bg') == 1 ? 'checked' : ''); ?>>
646 <label for="qcld_wb_chatbot_change_bg"><?php esc_html_e('Change the wpwBot message board background for Theme 2 and Theme 3.', 'wpchatbot'); ?> </label>
647 </div>
648 </div>
649 </div>
650 <div class="row qcld-wp-chatbot-board-bg-container" <?php if (get_option('qcld_wb_chatbot_change_bg') != 1) {
651 echo 'style="display:none"';
652 } ?>>
653 <div class="col-xs-6">
654 <p class="wp-chatbot-settings-instruction"> <?php esc_html_e('Upload wpwBot message board background (Ideal image size 376px X 688px).', 'wpchatbot'); ?> </p>
655 <div class="cxsc-settings-blocks">
656 <?php
657 if (get_option('qcld_wb_chatbot_board_bg_path') != "") {
658 $qcld_wb_chatbot_board_bg_path = get_option('qcld_wb_chatbot_board_bg_path');
659 } else {
660 $qcld_wb_chatbot_board_bg_path = QCLD_wpCHATBOT_IMG_URL . 'background/background.png';
661 }
662 ?>
663 <input type="hidden" name="qcld_wb_chatbot_board_bg_path"
664 id="qcld_wb_chatbot_board_bg_path"
665 value="<?php echo $qcld_wb_chatbot_board_bg_path; ?>"/>
666 <button type="button" class="qcld_wb_chatbot_board_bg_button button"><?php esc_html_e('Upload WpBot background.', 'wpchatbot'); ?></button>
667 </div>
668 </div>
669
670 <div class="col-xs-6">
671 <p class="wp-chatbot-settings-instruction"> <?php esc_html_e('Custom message board background', 'wpchatbot'); ?> </p>
672 <img id="qcld_wb_chatbot_board_bg_image" style="height:100%;width:100%"
673 src="<?php echo $qcld_wb_chatbot_board_bg_path; ?>"
674 alt="Custom Background">
675 </div>
676 </div>
677 </div>-->
678
679 <div id="wp-chatbot-custom-color-options" class="tab-pane fade">
680 <div class="top-section">
681 <div class="row">
682
683 <div class="col-xs-12">
684
685 <div class="cxsc-settings-blocks">
686 <div class="form-group">
687 <h4 class="qc-opt-title">
688 <?php _e('Bot Floating Icon Background Color.', 'woochatbot'); ?>
689 </h4>
690 <input id="wp_chatbot_floatingiconbg_color" type="text"
691 name="wp_chatbot_floatingiconbg_color"
692 value="<?php echo(get_option('wp_chatbot_floatingiconbg_color') != '' ? get_option('wp_chatbot_floatingiconbg_color') : '#fff'); ?>"/>
693 </div>
694 </div>
695
696 <h3 class="qc-opt-title">
697 <?php _e('Custom Style Options', 'woochatbot'); ?>
698 </h3>
699 <div class="cxsc-settings-blocks">
700 <input value="1" id="enable_wp_chatbot_custom_color" type="checkbox"
701 name="enable_wp_chatbot_custom_color" <?php echo(get_option('enable_wp_chatbot_custom_color') == 1 ? 'checked' : ''); ?>>
702 <label for="enable_wp_chatbot_custom_color">
703 <?php _e('Enable Style Colors ', 'woochatbot'); ?>
704 </label>
705 </div>
706 <br>
707 <div class="cxsc-settings-blocks">
708 <div class="form-group">
709 <h4 class="qc-opt-title">
710 <?php _e('Text Color.', 'woochatbot'); ?>
711 </h4>
712 <input id="wp_chatbot_text_color" type="text"
713 name="wp_chatbot_text_color"
714 value="<?php echo(get_option('wp_chatbot_text_color') != '' ? get_option('wp_chatbot_text_color') : '#37424c'); ?>"/>
715 </div>
716 </div>
717 <div class="cxsc-settings-blocks">
718 <div class="form-group">
719 <h4 class="qc-opt-title">
720 <?php _e('Link Color.', 'woochatbot'); ?>
721 </h4>
722 <input id="wp_chatbot_link_color" type="text"
723 name="wp_chatbot_link_color"
724 value="<?php echo(get_option('wp_chatbot_link_color') != '' ? get_option('wp_chatbot_link_color') : '#e2cc1f'); ?>"/>
725 </div>
726 </div>
727 <div class="cxsc-settings-blocks">
728 <div class="form-group">
729 <h4 class="qc-opt-title">
730 <?php _e('Link Hover Color.', 'woochatbot'); ?>
731 </h4>
732 <input id="wp_chatbot_link_hover_color" type="text"
733 name="wp_chatbot_link_hover_color"
734 value="<?php echo(get_option('wp_chatbot_link_hover_color') != '' ? get_option('wp_chatbot_link_hover_color') : '#734006'); ?>"/>
735 </div>
736 </div>
737 <div class="cxsc-settings-blocks">
738 <div class="form-group">
739 <h4 class="qc-opt-title">
740 <?php _e('Bot Message Background Color.', 'woochatbot'); ?>
741 </h4>
742 <input id="wp_chatbot_bot_msg_bg_color" type="text"
743 name="wp_chatbot_bot_msg_bg_color"
744 value="<?php echo(get_option('wp_chatbot_bot_msg_bg_color') != '' ? get_option('wp_chatbot_bot_msg_bg_color') : '#1f8ceb'); ?>"/>
745 </div>
746 </div>
747 <div class="cxsc-settings-blocks">
748 <div class="form-group">
749 <h4 class="qc-opt-title">
750 <?php _e('Bot Message Text Color.', 'woochatbot'); ?>
751 </h4>
752 <input id="wp_chatbot_bot_msg_text_color" type="text"
753 name="wp_chatbot_bot_msg_text_color"
754 value="<?php echo(get_option('wp_chatbot_bot_msg_text_color') != '' ? get_option('wp_chatbot_bot_msg_text_color') : '#ffffff'); ?>"/>
755 </div>
756 </div>
757 <div class="cxsc-settings-blocks">
758 <div class="form-group">
759 <h4 class="qc-opt-title">
760 <?php _e('User Message Background Color.', 'woochatbot'); ?>
761 </h4>
762 <input id="wp_chatbot_user_msg_bg_color" type="text"
763 name="wp_chatbot_user_msg_bg_color"
764 value="<?php echo(get_option('wp_chatbot_user_msg_bg_color') != '' ? get_option('wp_chatbot_user_msg_bg_color') : '#ffffff'); ?>"/>
765 </div>
766 </div>
767 <div class="cxsc-settings-blocks">
768 <div class="form-group">
769 <h4 class="qc-opt-title">
770 <?php _e('User Message Text Color.', 'woochatbot'); ?>
771 </h4>
772 <input id="wp_chatbot_user_msg_text_color" type="text"
773 name="wp_chatbot_user_msg_text_color"
774 value="<?php echo(get_option('wp_chatbot_user_msg_text_color') != '' ? get_option('wp_chatbot_user_msg_text_color') : '#000000'); ?>"/>
775 </div>
776 </div>
777 <div class="cxsc-settings-blocks">
778 <div class="form-group">
779 <h4 class="qc-opt-title">
780 <?php _e('Buttons Background Color.', 'woochatbot'); ?>
781 </h4>
782 <input id="wp_chatbot_buttons_bg_color" type="text"
783 name="wp_chatbot_buttons_bg_color"
784 value="<?php echo(get_option('wp_chatbot_buttons_bg_color') != '' ? get_option('wp_chatbot_buttons_bg_color') : '#1f8ceb'); ?>"/>
785 </div>
786 </div>
787
788 <div class="cxsc-settings-blocks">
789 <div class="form-group">
790 <h4 class="qc-opt-title">
791 <?php _e('Buttons Hover Background Color.', 'woochatbot'); ?>
792 </h4>
793 <input id="wp_chatbot_buttons_bg_color" type="text"
794 name="wp_chatbot_buttons_bg_color_hover"
795 value="<?php echo(get_option('wp_chatbot_buttons_bg_color_hover') != '' ? get_option('wp_chatbot_buttons_bg_color_hover') : '#1f8ceb'); ?>"/>
796 </div>
797 </div>
798
799 <div class="cxsc-settings-blocks">
800 <div class="form-group">
801 <h4 class="qc-opt-title">
802 <?php _e('Buttons Text Color.', 'woochatbot'); ?>
803 </h4>
804 <input id="wp_chatbot_buttons_text_color" type="text"
805 name="wp_chatbot_buttons_text_color"
806 value="<?php echo(get_option('wp_chatbot_buttons_text_color') != '' ? get_option('wp_chatbot_buttons_text_color') : '#ffffff'); ?>"/>
807 </div>
808 </div>
809
810 <div class="cxsc-settings-blocks">
811 <div class="form-group">
812 <h4 class="qc-opt-title">
813 <?php _e('Buttons Text Color Hover.', 'woochatbot'); ?>
814 </h4>
815 <input id="wp_chatbot_buttons_text_color" type="text"
816 name="wp_chatbot_buttons_text_color_hover"
817 value="<?php echo(get_option('wp_chatbot_buttons_text_color_hover') != '' ? get_option('wp_chatbot_buttons_text_color_hover') : '#ffffff'); ?>"/>
818 </div>
819 </div>
820
821 <div class="cxsc-settings-blocks">
822 <div class="form-group">
823 <h4 class="qc-opt-title">
824 <?php _e('Theme Primary Color', 'woochatbot'); ?>
825 </h4>
826 <input id="wp_chatbot_theme_primary_color" type="text"
827 name="wp_chatbot_theme_primary_color"
828 value="<?php echo(get_option('wp_chatbot_theme_primary_color') != '' ? get_option('wp_chatbot_theme_primary_color') : '#ffffff'); ?>"/>
829 </div>
830 </div>
831
832 <div class="cxsc-settings-blocks">
833 <div class="form-group">
834 <h4 class="qc-opt-title">
835 <?php _e('Theme Secondary Color', 'woochatbot'); ?>
836 </h4>
837 <input id="wp_chatbot_theme_secondary_color" type="text"
838 name="wp_chatbot_theme_secondary_color"
839 value="<?php echo(get_option('wp_chatbot_theme_secondary_color') != '' ? get_option('wp_chatbot_theme_secondary_color') : '#ffffff'); ?>"/>
840 </div>
841 </div>
842 <div class="cxsc-settings-blocks">
843 <div class="form-group">
844 <h4 class="qc-opt-title">
845 <?php _e('Font size', 'woochatbot'); ?>
846 </h4>
847 <input id="wp_chatbot_font_size" type="number"
848 name="wp_chatbot_font_size"
849 value="<?php echo(get_option('wp_chatbot_font_size') != '' ? get_option('wp_chatbot_font_size') : '16'); ?>"/>
850 </div>
851 </div>
852
853 <div class="cxsc-settings-blocks">
854 <div class="form-group">
855 <h4 class="qc-opt-title">
856 <?php
857 _e('User message Font family ', 'woochatbot');
858 $user_font = get_option('wp_chat_user_font_family') != '' ? get_option('wp_chat_user_font_family') : '';
859 $user_font_family = str_replace("\\", "",$user_font);
860 ?>
861 </h4>
862 <input id="wp_chatbot_user_font" type="text" name="wp_chatbot_user_font"
863 value="<?php echo(get_option('wp_chatbot_user_font') != '' ? get_option('wp_chatbot_user_font') : '');?>">
864 <input id="wp_chat_user_font_family" type="hidden"
865 name="wp_chat_user_font_family"
866 />
867 </div>
868 </div>
869 <div class="cxsc-settings-blocks">
870 <div class="form-group">
871 <h4 class="qc-opt-title">
872 <?php
873 _e('Bot message Font family ', 'woochatbot');
874 $bot_font = get_option('wp_chat_bot_font_family') != '' ? get_option('wp_chat_bot_font_family') : '';
875 $bot_font_family = str_replace("\\", "",$bot_font);
876 ?>
877 </h4>
878 <input id="wp_chatbot_bot_font" type="text" name="wp_chatbot_bot_font"
879 value="<?php echo(get_option('wp_chatbot_bot_font') != '' ? get_option('wp_chatbot_bot_font') : '');?>">
880 <input id="wp_chat_bot_font_family" type="hidden"
881 name="wp_chat_bot_font_family"
882 />
883 </div>
884 </div>
885 <script>
886 jQuery(function ($) {
887 $('#wp_chat_user_font_family').val(JSON.stringify(<?php echo $user_font_family; ?>));
888 $('#wp_chat_bot_font_family').val(JSON.stringify(<?php echo $bot_font_family; ?>));
889 $('#wp_chatbot_user_font')
890 .fontpicker()
891 .on('change', function() {
892 var tmp = this.value.split(':'),
893 family = tmp[0],
894 variant = tmp[1] || '400',
895 weight = parseInt(variant,10),
896 italic = /i$/.test(variant);
897 var css = {
898 fontFamily: "'" + family + "'",
899 fontWeight: weight,
900 fontStyle: italic ? 'italic' : 'normal'
901 };
902
903 $('#wp_chat_user_font_family').val(JSON.stringify(css));
904 });
905 $('#wp_chatbot_bot_font')
906 .fontpicker()
907 .on('change', function() {
908 var tmp = this.value.split(':'),
909 family = tmp[0],
910 variant = tmp[1] || '400',
911 weight = parseInt(variant,10),
912 italic = /i$/.test(variant);
913
914 // Set selected font on body
915 var css = {
916 fontFamily: "'" + family + "'",
917 fontWeight: weight,
918 fontStyle: italic ? 'italic' : 'normal'
919 };
920 $('#wp_chat_bot_font_family').val(JSON.stringify(css));
921 });
922 });
923 </script>
924 </div>
925
926 </div>
927 </div>
928 </div>
929 </div>
930 </section>
931 <section id="section-flip-3">
932 <div class="row">
933 <div class="col-xs-12">
934
935
936
937 </div>
938 </div>
939 <div class="top-section">
940 <h4 class="qc-opt-title"><?php esc_html_e('Build FAQ Query and Answers', 'wpchatbot'); ?></h4>
941 <div class="block-inner ui-sortable" id="wp-chatbot-support-builder">
942 <?php
943 $support_quereis=$this->qcld_wb_chatbot_str_replace(unserialize( get_option('support_query')));
944 $support_ans=$this->qcld_wb_chatbot_str_replace(unserialize( get_option('support_ans')));
945 if (count($support_ans) >= 1) {
946 //foreach (get_option('support_ans') as $support_ans){
947 $query_ans_counter=0;
948 foreach (array_combine($support_quereis, $support_ans) as $query => $ans) {
949 ?>
950 <div class="row">
951 <span class="pull-right"> </span>
952 <div class="col-xs-12">
953 <button type="button"
954 class="btn btn-danger btn-sm wp-chatbot-remove-support pull-right">
955 <i class="fa fa-times" aria-hidden="true"></i>
956 </button>
957 <span class="wp-chatbot-support-cross pull-right" >
958 <i class="fa fa-crosshairs" aria-hidden="true"></i>
959 </span>
960 <div class="cxsc-settings-blocks">
961 <p class="qc-opt-dcs-font"><?php esc_html_e('FAQ query ', 'wpchatbot'); ?></p>
962 <input type="text" class="form-control" name="support_query[]"
963 placeholder="<?php esc_html_e('FAQ query ', 'wpchatbot'); ?>" value="<?php echo $query ?>">
964 <br>
965 <p class="qc-opt-dcs-font"><?php esc_html_e('FAQ answer', 'wpchatbot'); ?></p>
966 <?php wp_editor(html_entity_decode(stripcslashes($ans)), 'support_ans'.'_'.$query_ans_counter, array('textarea_name' =>
967 'support_ans[]',
968 'textarea_rows' => 20,
969 'editor_height' => 100,
970 'disabled' => 'disabled',
971 'media_buttons' => false,
972 'tinymce' => array(
973 'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
974 )); ?>
975 </div>
976 </div>
977 </div>
978 <?php
979 $query_ans_counter++;
980 }
981 //}
982 } else {
983 ?>
984 <div class="row">
985 <div class="col-xs-12">
986 <button type="button"
987 class="btn btn-danger btn-sm wp-chatbot-remove-support pull-right">
988 <i class="fa fa-times" aria-hidden="true"></i>
989 </button>
990 <span class="wp-chatbot-support-cross pull-right" >
991 <i class="fa fa-crosshairs" aria-hidden="true"></i>
992 </span>
993 <div class="cxsc-settings-blocks">
994 <p class="qc-opt-dcs-font"><?php esc_html_e('Support query', 'wpchatbot'); ?> </p>
995 <input type="text" class="form-control" name="support_query[]"
996 placeholder="<?php esc_html_e('Support query ', 'wpchatbot'); ?>">
997 <br>
998 <p class="qc-opt-dcs-font"><strong><?php esc_html_e('Support answer', 'wpchatbot'); ?></strong></p>
999 <?php wp_editor(html_entity_decode(stripcslashes('')), 'support_ans_0', array('textarea_name' =>
1000 'support_ans[]',
1001 'textarea_rows' => 20,
1002 'editor_height' => 100,
1003 'disabled' => 'disabled',
1004 'media_buttons' => false,
1005 'tinymce' => array(
1006 'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
1007 )); ?>
1008 </div>
1009 <br>
1010 </div>
1011 </div>
1012 <?php
1013 }
1014 ?>
1015 </div>
1016 <div class="row">
1017 <div class="col-sm-6 text-left"></div>
1018 <div class="col-sm-6 text-right">
1019 <button class="btn btn-success btn-sm" type="button"
1020 id="add-more-support-query"><i
1021 class="fa fa-plus" aria-hidden="true"></i> <?php esc_html_e('Add More Questions and Answers', 'wpchatbot'); ?>
1022 </button>
1023 </div>
1024 </div>
1025 </div>
1026 </section>
1027 <!--<section id="section-flip-4">
1028 <div class="top-section">
1029 <div class="notification-block-inner">
1030 <div class="row">
1031 <div class="col-xs-12">
1032 <div class="cxsc-settings-blocks">
1033 <?php $notification_interval = get_option('qlcd_wp_chatbot_notification_interval') != "" ? get_option('qlcd_wp_chatbot_notification_interval') : 5 ?>
1034 <h4 class="qc-opt-title"><?php esc_html_e('Interval between notifications (in Seconds).', 'wpchatbot'); ?></h4>
1035 <input type="text" class="form-control"
1036 name="qlcd_wp_chatbot_notification_interval"
1037 value="<?php echo $notification_interval ?>">
1038 </div>
1039 </div>
1040 </div>
1041
1042 <?php
1043 $notifications = $this->qcld_wb_chatbot_str_replace(unserialize(get_option('qlcd_wp_chatbot_notifications')));
1044 if (!empty($notifications)) {
1045 $chatbot_notif_counter=0;
1046 foreach ($notifications as $notification) {
1047 ?>
1048 <div class="row">
1049 <div class="col-xs-12">
1050 <button type="button"
1051 class="btn btn-danger btn-sm wp-chatbot-remove-notification pull-right">
1052 <i class="fa fa-times" aria-hidden="true"></i>
1053 </button>
1054 <div class="cxsc-settings-blocks">
1055 <?php wp_editor(html_entity_decode(stripcslashes($notification)), 'qlcd_wp_chatbot_notifications_'.$chatbot_notif_counter, array('textarea_name' =>
1056 'qlcd_wp_chatbot_notifications[]',
1057 'textarea_rows' => 20,
1058 'editor_height' => 100,
1059 'disabled' => 'disabled',
1060 'media_buttons' => false,
1061 'tinymce' => array(
1062 'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
1063 )); ?>
1064 </div>
1065 </div>
1066
1067 </div>
1068
1069 <?php
1070 $chatbot_notif_counter++;
1071 }
1072 //}
1073 } else {
1074 ?>
1075 <div class="row">
1076 <div class="col-xs-12">
1077 <button type="button"
1078 class="btn btn-danger btn-sm wp-chatbot-remove-notification pull-right">
1079 <i class="fa fa-times" aria-hidden="true"></i>
1080 </button>
1081 <div class="cxsc-settings-blocks">
1082 <?php wp_editor(html_entity_decode(stripcslashes('')), 'qlcd_wp_chatbot_notifications_0', array('textarea_name' =>
1083 'qlcd_wp_chatbot_notifications[]',
1084 'textarea_rows' => 20,
1085 'editor_height' => 100,
1086 'disabled' => 'disabled',
1087 'media_buttons' => false,
1088 'tinymce' => array(
1089 'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
1090 )); ?>
1091 </div>
1092 </div>
1093 </div>
1094 <?php
1095 }
1096 ?>
1097 </div>
1098 <div class="row">
1099 <div class="col-sm-6 text-left"></div>
1100 <div class="col-sm-6 text-right">
1101 <button class="btn btn-success btn-sm" type="button"
1102 id="add-more-notification-message">
1103 <i class="fa fa-plus" aria-hidden="true"></i> <?php esc_html_e('Add', 'wpchatbot'); ?>
1104 </button>
1105 </div>
1106 </div>
1107
1108 </div>
1109
1110 </section>-->
1111 <section id="section-flip-4">
1112 <div class="wp-chatbot-language-center-summmery">
1113
1114 </div>
1115 <ul class="nav nav-tabs">
1116 <li class="active"><a data-toggle="tab" href="#wp-chatbot-lng-general"><?php esc_html_e('General', 'wpchatbot'); ?></a></li>
1117
1118 <li><a data-toggle="tab" href="#wp-chatbot-lng-support"><?php esc_html_e('FAQ', 'wpchatbot'); ?></a></li>
1119
1120 <li><a data-toggle="tab" href="#wp-chatbot-lng-reserve-keyword"><?php esc_html_e('ChatBot Keywords', 'wpchatbot'); ?></a></li>
1121 </ul>
1122 <div class="tab-content">
1123 <div id="wp-chatbot-lng-general" class="tab-pane fade in active">
1124 <div class="top-section">
1125 <div class="row">
1126 <div class="col-xs-12" id="wp-chatbot-language-section">
1127
1128 <p>After making changes in the language center or settings, please type reset and hit enter in the ChatBot to start testing from the beginning or open a new Incognito window (Ctrl+Shit+N in chrome).</p>
1129 <p>You could use &lt;br&gt; tag for line break.</p>
1130
1131 <div class="form-group">
1132 <h4 class="qc-opt-title"><?php esc_html_e('Your Company or Website Name', 'wpchatbot'); ?></h4>
1133 <input type="text" class="form-control qc-opt-dcs-font"
1134 name="qlcd_wp_chatbot_host"
1135 value="<?php echo(get_option('qlcd_wp_chatbot_host') != '' ? get_option('qlcd_wp_chatbot_host') : 'Our Store'); ?>">
1136 </div>
1137 <div class="form-group">
1138 <h4 class="qc-opt-title"><?php esc_html_e('Agent name', 'wpchatbot'); ?></h4>
1139 <input type="text" class="form-control qc-opt-dcs-font"
1140 name="qlcd_wp_chatbot_agent"
1141 value="<?php echo(get_option('qlcd_wp_chatbot_agent') != '' ? get_option('qlcd_wp_chatbot_agent') : 'Carrie'); ?>">
1142 </div>
1143 <div class="form-group">
1144 <h4 class="qc-opt-title"><?php esc_html_e('User demo name', 'wpchatbot'); ?></h4>
1145 <input type="text" class="form-control qc-opt-dcs-font"
1146 name="qlcd_wp_chatbot_shopper_demo_name"
1147 value="<?php echo(get_option('qlcd_wp_chatbot_shopper_demo_name') != '' ? get_option('qlcd_wp_chatbot_shopper_demo_name') : 'Amigo'); ?>">
1148 </div>
1149 <div class="form-group">
1150 <h4 class="qc-opt-title"><?php esc_html_e('YES', 'wpchatbot'); ?></h4>
1151 <input type="text" class="form-control qc-opt-dcs-font"
1152 name="qlcd_wp_chatbot_yes"
1153 value="<?php echo(get_option('qlcd_wp_chatbot_yes') != '' ? get_option('qlcd_wp_chatbot_yes') : 'YES'); ?>">
1154 </div>
1155 <div class="form-group">
1156 <h4 class="qc-opt-title"><?php esc_html_e('NO', 'wpchatbot'); ?></h4>
1157 <input type="text" class="form-control qc-opt-dcs-font"
1158 name="qlcd_wp_chatbot_no"
1159 value="<?php echo(get_option('qlcd_wp_chatbot_no') != '' ? get_option('qlcd_wp_chatbot_no') : 'NO'); ?>">
1160 </div>
1161 <div class="form-group">
1162 <h4 class="qc-opt-title"><?php esc_html_e('OR', 'wpchatbot'); ?></h4>
1163 <input type="text" class="form-control qc-opt-dcs-font"
1164 name="qlcd_wp_chatbot_or"
1165 value="<?php echo(get_option('qlcd_wp_chatbot_or') != '' ? get_option('qlcd_wp_chatbot_or') : 'OR'); ?>">
1166 </div>
1167 <div class="form-group">
1168 <h4 class="qc-opt-title"><?php esc_html_e('Sorry', 'wpchatbot'); ?></h4>
1169 <input type="text" class="form-control qc-opt-dcs-font"
1170 name="qlcd_wp_chatbot_sorry"
1171 value="<?php echo(get_option('qlcd_wp_chatbot_sorry') != '' ? get_option('qlcd_wp_chatbot_sorry') : 'Sorry'); ?>">
1172 </div>
1173 <div class="form-group">
1174 <?php
1175 $agent_join_options = unserialize(get_option('qlcd_wp_chatbot_agent_join'));
1176 $agent_join_option = 'qlcd_wp_chatbot_agent_join';
1177 $agent_join_text = __('has joined the conversation', 'wpchatbot');
1178 $this->qcld_wb_chatbot_dynamic_multi_option($agent_join_options, $agent_join_option, $agent_join_text);
1179 ?>
1180 </div>
1181 </div>
1182 <!--col-xs-12-->
1183 <div class="col-xs-12" id="wp-chatbot-language-section">
1184 <h4 class="text-success"><?php esc_html_e(' Message setting for Greetings: ', 'wpchatbot'); ?></h4>
1185 <div class="form-group">
1186 <?php
1187 $welcome_to_options = unserialize(get_option('qlcd_wp_chatbot_welcome'));
1188 $welcome_to_option = 'qlcd_wp_chatbot_welcome';
1189 $welcome_to_text =__('Welcome to', 'wpchatbot');
1190 $this->qcld_wb_chatbot_dynamic_multi_option($welcome_to_options, $welcome_to_option, $welcome_to_text);
1191 ?>
1192 </div>
1193 <div class="form-group">
1194 <?php
1195 $welcome_back_options = unserialize(get_option('qlcd_wp_chatbot_welcome_back'));
1196 $welcome_back_option = 'qlcd_wp_chatbot_welcome_back';
1197 $welcome_back_text = __('Welcome back', 'wpchatbot');
1198 $this->qcld_wb_chatbot_dynamic_multi_option($welcome_back_options, $welcome_back_option, $welcome_back_text);
1199 ?>
1200 </div>
1201 <div class="form-group">
1202 <?php
1203 $back_to_start_options = unserialize(get_option('qlcd_wp_chatbot_back_to_start'));
1204 $back_to_start_option = 'qlcd_wp_chatbot_back_to_start';
1205 $back_to_start_text = __('Back to Start', 'wpchatbot');
1206 $this->qcld_wb_chatbot_dynamic_multi_option($back_to_start_options, $back_to_start_option, $back_to_start_text);
1207 ?>
1208 </div>
1209 <div class="form-group">
1210 <?php
1211 $hi_there_options = unserialize(get_option('qlcd_wp_chatbot_hi_there'));
1212 $hi_there_option = 'qlcd_wp_chatbot_hi_there';
1213 $hi_there_text = __('Hi There!', 'wpchatbot');
1214 $this->qcld_wb_chatbot_dynamic_multi_option($hi_there_options, $hi_there_option, $hi_there_text);
1215 ?>
1216 </div>
1217 <div class="form-group">
1218 <?php
1219 $asking_name_options = unserialize(get_option('qlcd_wp_chatbot_asking_name'));
1220 $asking_name_option = 'qlcd_wp_chatbot_asking_name';
1221 $asking_name_text = __('May I know your name?', 'wpchatbot');
1222 $this->qcld_wb_chatbot_dynamic_multi_option($asking_name_options, $asking_name_option, $asking_name_text);
1223 ?>
1224 </div>
1225 <div class="form-group">
1226 <?php
1227 $i_am_options = unserialize(get_option('qlcd_wp_chatbot_i_am'));
1228 $i_am_option = 'qlcd_wp_chatbot_i_am';
1229 $i_am_text = __('I am', 'wpchatbot');
1230 $this->qcld_wb_chatbot_dynamic_multi_option($i_am_options, $i_am_option, $i_am_text);
1231 ?>
1232 </div>
1233 <div class="form-group">
1234 <?php
1235 $name_greeting_options = unserialize(get_option('qlcd_wp_chatbot_name_greeting'));
1236 $name_greeting_option = 'qlcd_wp_chatbot_name_greeting';
1237 $name_greeting_text = __('Nice to meet you', 'wpchatbot');
1238 $this->qcld_wb_chatbot_dynamic_multi_option($name_greeting_options, $name_greeting_option, $name_greeting_text);
1239 ?>
1240 </div>
1241 <div class="form-group">
1242 <?php
1243 $wildcard_msg_options = unserialize(get_option('qlcd_wp_chatbot_wildcard_msg'));
1244 $wildcard_msg_option = 'qlcd_wp_chatbot_wildcard_msg';
1245 $wildcard_msg_text = __('I am here to find what you need. What are you looking for?', 'wpchatbot');
1246 $this->qcld_wb_chatbot_dynamic_multi_option($wildcard_msg_options, $wildcard_msg_option, $wildcard_msg_text);
1247 ?>
1248 </div>
1249 <div class="form-group">
1250 <?php
1251 $empty_filter_msgs = unserialize(get_option('qlcd_wp_chatbot_empty_filter_msg'));
1252 $empty_filter_msg = 'qlcd_wp_chatbot_empty_filter_msg';
1253 $empty_filter_msg_text = __('Sorry, I did not understand that', 'wpchatbot');
1254 $this->qcld_wb_chatbot_dynamic_multi_option($empty_filter_msgs, $empty_filter_msg, $empty_filter_msg_text);
1255 ?>
1256 </div>
1257
1258 <div class="form-group">
1259 <?php
1260 $qlcd_wp_chatbot_did_you_mean = unserialize(get_option('qlcd_wp_chatbot_did_you_mean'));
1261 $qlcd_wp_chatbot_did_you_means = 'qlcd_wp_chatbot_did_you_mean';
1262 $wp_chatbot_no_result_text = esc_html__('Did you mean?', 'wpchatbot');
1263 $this->qcld_wb_chatbot_dynamic_multi_option($qlcd_wp_chatbot_did_you_mean, $qlcd_wp_chatbot_did_you_means, $wp_chatbot_no_result_text);
1264 ?>
1265 </div>
1266
1267 <h4 class="text-success"> <?php esc_html_e('Message setting for Editor Box ', 'wpchatbot'); ?></h4>
1268 <div class="form-group">
1269 <?php
1270 $is_typing_options = unserialize(get_option('qlcd_wp_chatbot_is_typing'));
1271 $is_typing_option = 'qlcd_wp_chatbot_is_typing';
1272 $is_typing_text = __('is typing...', 'wpchatbot');
1273 $this->qcld_wb_chatbot_dynamic_multi_option($is_typing_options, $is_typing_option, $is_typing_text);
1274 ?>
1275 </div>
1276 <div class="form-group">
1277 <?php
1278 $send_a_msg_options = unserialize(get_option('qlcd_wp_chatbot_send_a_msg'));
1279 $send_a_msg_option = 'qlcd_wp_chatbot_send_a_msg';
1280 $send_a_msg_text =__('Send a message', 'wpchatbot');
1281 $this->qcld_wb_chatbot_dynamic_multi_option($send_a_msg_options, $send_a_msg_option, $send_a_msg_text);
1282 ?>
1283 </div>
1284 <div class="form-group">
1285 <?php
1286 $choose_option_options = unserialize(get_option('qlcd_wp_chatbot_choose_option'));
1287 $choose_option_option = 'qlcd_wp_chatbot_choose_option';
1288 $choose_option_text = __('Choose an option', 'wpchatbot');
1289 $this->qcld_wb_chatbot_dynamic_multi_option($choose_option_options, $choose_option_option, $choose_option_text);
1290 ?>
1291 </div>
1292
1293
1294
1295 <div class="form-group">
1296 <?php
1297 $asking_email_options = unserialize(get_option('qlcd_wp_chatbot_asking_email'));
1298 $asking_email_option = 'qlcd_wp_chatbot_asking_email';
1299 $asking_email_text = __('Please provide your email address', 'wpchatbot');
1300 $this->qcld_wb_chatbot_dynamic_multi_option($asking_email_options, $asking_email_option, $asking_email_text);
1301 ?>
1302 </div>
1303 <div class="form-group">
1304 <?php
1305 $invalid_email_options = unserialize(get_option('qlcd_wp_chatbot_invalid_email'));
1306 $invalid_email_option = 'qlcd_wp_chatbot_invalid_email';
1307 $invalid_email_text = __('Sorry, Email address is not valid! Please provide a valid email.', 'wpchatbot');
1308 $this->qcld_wb_chatbot_dynamic_multi_option($invalid_email_options, $invalid_email_option, $invalid_email_text);
1309 ?>
1310 </div>
1311 <div class="form-group">
1312 <?php
1313 $asking_msg_options = unserialize(get_option('qlcd_wp_chatbot_asking_msg'));
1314 $asking_msg_option = 'qlcd_wp_chatbot_asking_msg';
1315 $asking_msg_text = __('Thank you for email address. Please write your message now.', 'wpchatbot');
1316 $this->qcld_wb_chatbot_dynamic_multi_option($asking_msg_options, $asking_msg_option, $asking_msg_text);
1317 ?>
1318 </div>
1319
1320
1321
1322 <div class="form-group">
1323 <h4 class="qc-opt-title"><?php esc_html_e('WPBot Support Mail Subject', 'wpchatbot'); ?></h4>
1324 <input type="text" class="form-control qc-opt-dcs-font"
1325 name="qlcd_wp_chatbot_email_sub"
1326 value="<?php echo(get_option('qlcd_wp_chatbot_email_sub') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_email_sub')) : 'Support Email Subject'); ?>">
1327 </div>
1328
1329 <div class="form-group">
1330 <?php
1331 $support_option_again_options = unserialize(get_option('qlcd_wp_chatbot_support_option_again'));
1332 $support_option_again_option = 'qlcd_wp_chatbot_support_option_again';
1333 $support_option_again_text = __('You may choose option from below.', 'wpchatbot');
1334 $this->qcld_wb_chatbot_dynamic_multi_option($support_option_again_options, $support_option_again_option, $support_option_again_text);
1335 ?>
1336 </div>
1337
1338 <div class="form-group">
1339 <h4 class="qc-opt-title"><?php esc_html_e('Your email was sent successfully.Thanks!', 'wpchatbot'); ?></h4>
1340 <input type="text" class="form-control qc-opt-dcs-font"
1341 name="qlcd_wp_chatbot_email_sent"
1342 value="<?php echo(get_option('qlcd_wp_chatbot_email_sent') != '' ? get_option('qlcd_wp_chatbot_email_sent') : 'Your email was sent successfully.Thanks!'); ?>">
1343 </div>
1344 <div class="form-group">
1345 <h4 class="qc-opt-title"><?php esc_html_e('Sorry! I could not send your mail! Please contact the webmaster.', 'wpchatbot'); ?></h4>
1346 <input type="text" class="form-control qc-opt-dcs-font"
1347 name="qlcd_wp_chatbot_email_fail"
1348 value="<?php echo(get_option('qlcd_wp_chatbot_email_fail') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_email_fail')) : 'Sorry! fail to send email'); ?>">
1349 </div>
1350
1351
1352
1353
1354 <div class="form-group">
1355 <?php
1356 $asking_phone_options = unserialize(get_option('qlcd_wp_chatbot_asking_phone'));
1357 $asking_phone_option = 'qlcd_wp_chatbot_asking_phone';
1358 $asking_phone_text = __('Please provide your Phone number', 'wpchatbot');
1359 $this->qcld_wb_chatbot_dynamic_multi_option($asking_phone_options, $asking_phone_option, $asking_phone_text);
1360 ?>
1361 </div>
1362 <div class="form-group">
1363 <?php
1364 $thanks_phone_options = unserialize(get_option('qlcd_wp_chatbot_thank_for_phone'));
1365 $thanks_phone_option = 'qlcd_wp_chatbot_thank_for_phone';
1366 $thanks_phone_text = __('Thank you for Phone number', 'wpchatbot');
1367 $this->qcld_wb_chatbot_dynamic_multi_option($thanks_phone_options, $thanks_phone_option, $thanks_phone_text);
1368 ?>
1369 </div>
1370
1371 <div class="form-group">
1372 <h4 class="qc-opt-title"><?php esc_html_e('Thanks for your phone number. We will call you ASAP!', 'wpchatbot'); ?></h4>
1373 <input type="text" class="form-control qc-opt-dcs-font"
1374 name="qlcd_wp_chatbot_phone_sent"
1375 value="<?php echo(get_option('qlcd_wp_chatbot_phone_sent') != '' ? get_option('qlcd_wp_chatbot_phone_sent') : 'Thanks for your phone number. We will call you ASAP!'); ?>">
1376 </div>
1377 <div class="form-group">
1378 <h4 class="qc-opt-title"><?php esc_html_e('Sorry! I could not collect phone number! Please contact the webmaster.', 'wpchatbot'); ?></h4>
1379 <input type="text" class="form-control qc-opt-dcs-font"
1380 name="qlcd_wp_chatbot_phone_fail"
1381 value="<?php echo(get_option('qlcd_wp_chatbot_phone_fail') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_phone_fail')) : 'Sorry! I could not collect phone number!'); ?>">
1382 </div>
1383
1384
1385
1386
1387
1388
1389 </div>
1390 </div>
1391 </div>
1392 </div>
1393
1394 <div id="wp-chatbot-lng-support" class="tab-pane fade">
1395 <div class="top-section">
1396 <div class="row">
1397 <div class="col-xs-12" id="wp-chatbot-language-section">
1398
1399 <div class="form-group">
1400 <?php
1401 $support_welcome_options = unserialize(get_option('qlcd_wp_chatbot_support_welcome'));
1402 $support_welcome_option = 'qlcd_wp_chatbot_support_welcome';
1403 $support_welcome_text = __('Welcome to FAQ Section', 'wpchatbot');
1404 $this->qcld_wb_chatbot_dynamic_multi_option($support_welcome_options, $support_welcome_option, $support_welcome_text);
1405 ?>
1406 </div>
1407
1408
1409
1410 <!--<div class="form-group">
1411 <?php
1412 $feedback_label_options = unserialize(get_option('qlcd_wp_chatbot_feedback_label'));
1413 $feedback_label_option = 'qlcd_wp_chatbot_feedback_label';
1414 $feedback_label_text = __('Send Feedback!', 'wpchatbot');
1415 $this->qcld_wb_chatbot_dynamic_multi_option($feedback_label_options, $feedback_label_option, $feedback_label_text);
1416 ?>
1417 </div>-->
1418
1419
1420 </div>
1421 </div>
1422 </div>
1423 </div>
1424
1425 <div id="wp-chatbot-lng-reserve-keyword" class="tab-pane fade">
1426 <div class="top-section">
1427 <div class="row">
1428 <div class="col-xs-12" id="wp-chatbot-language-section">
1429 <div class="form-group">
1430 <h4 class="qc-opt-title"><?php esc_html_e('Start Keyword', 'wpchatbot'); ?></h4>
1431 <input type="text" class="form-control qc-opt-dcs-font"
1432 name="qlcd_wp_chatbot_sys_key_help"
1433 value="<?php echo(get_option('qlcd_wp_chatbot_sys_key_help') != '' ? get_option('qlcd_wp_chatbot_sys_key_help') : 'start'); ?>">
1434 </div>
1435
1436
1437
1438 <div class="form-group">
1439 <h4 class="qc-opt-title"><strong><?php esc_html_e('FAQ', 'wpchatbot'); ?></strong> <?php esc_html_e('Keyword', 'wpchatbot'); ?></h4>
1440 <input type="text" class="form-control qc-opt-dcs-font"
1441 name="qlcd_wp_chatbot_sys_key_support"
1442 value="<?php echo(get_option('qlcd_wp_chatbot_sys_key_support') != '' ? get_option('qlcd_wp_chatbot_sys_key_support') : 'faq'); ?>">
1443 </div>
1444 <div class="form-group">
1445 <h4 class="qc-opt-title"><strong><?php esc_html_e('Converstion History Clear', 'wpchatbot'); ?></strong> <?php esc_html_e('Keyword', 'wpchatbot'); ?></h4>
1446 <input type="text" class="form-control qc-opt-dcs-font"
1447 name="qlcd_wp_chatbot_sys_key_reset"
1448 value="<?php echo(get_option('qlcd_wp_chatbot_sys_key_reset') != '' ? get_option('qlcd_wp_chatbot_sys_key_reset') : 'reset'); ?>">
1449 </div>
1450 <div class="form-group">
1451 <?php
1452 $help_welcome_options = unserialize(get_option('qlcd_wp_chatbot_help_welcome'));
1453 $help_welcome_option = 'qlcd_wp_chatbot_help_welcome';
1454 $help_welcome_text = 'Welcome to Help Section';
1455 $this->qcld_wb_chatbot_dynamic_multi_option($help_welcome_options, $help_welcome_option, $help_welcome_text);
1456 ?>
1457 </div>
1458 <div class="form-group">
1459 <?php
1460 $help_msg_options = unserialize(get_option('qlcd_wp_chatbot_help_msg'));
1461 $help_msg_option = 'qlcd_wp_chatbot_help_msg';
1462 $help_msg_text = '<h3>Type and Hit Enter</h3> 1. <b>start</b> Get back to the main menu. <br> 2. <b>faq</b> for FAQ. <br> 3. <b>eMail </b> to Send eMail <br> 4. <b>reset</b> To clear chat history and start from the beginning.';
1463 $this->qcld_wb_chatbot_dynamic_multi_option($help_msg_options, $help_msg_option, $help_msg_text);
1464 ?>
1465 </div>
1466 <div class="form-group">
1467 <?php
1468 $reset_options = unserialize(get_option('qlcd_wp_chatbot_reset'));
1469 $reset_option = 'qlcd_wp_chatbot_reset';
1470 $reset_text = 'Do you want to clear our chat history and start over?';
1471 $this->qcld_wb_chatbot_dynamic_multi_option($reset_options, $reset_option, $reset_text);
1472 ?>
1473 </div>
1474 </div>
1475 <!-- col-xs-12-->
1476 </div>
1477 <!-- row-->
1478 </div>
1479 <!-- top-section-->
1480 </div>
1481
1482 </div>
1483 <!-- tab-content-->
1484 </section>
1485
1486
1487 <section id="section-flip-5">
1488 <?php
1489 wp_enqueue_style('qcld-wp-chatbot-common-style', plugins_url(basename(plugin_dir_path(__FILE__)) . '/css/common-style.css', basename(__FILE__)), '', QCLD_wpCHATBOT_VERSION, 'screen');
1490 ?>
1491 <div class="top-section">
1492 <div class="notification-block-inner">
1493 <div class="row">
1494 <div class="col-xs-12">
1495
1496 <div class="row">
1497 <div class="col-xs-12">
1498 <h2>Predefined Intents</h2>
1499
1500
1501 <div class="row">
1502 <div class="col-xs-12">
1503 <h4 class="qc-opt-title"><?php esc_html_e('Call Me', 'wpchatbot'); ?> </h4>
1504 <div class="cxsc-settings-blocks">
1505 <input value="1" id="disable_wp_chatbot_call_gen" type="checkbox"
1506 name="disable_wp_chatbot_call_gen" <?php echo(get_option('disable_wp_chatbot_call_gen') == 1 ? 'checked' : ''); ?>>
1507 <label for="disable_wp_chatbot_call_gen"><?php esc_html_e('Disable Call Me feature and button on Start Menu', 'wpchatbot'); ?> </label>
1508 </div>
1509 </div>
1510 </div>
1511 <div class="form-group" style="margin-bottom:0px">
1512 <h4 class="qc-opt-title"><?php esc_html_e('Button Label', 'wpchatbot'); ?> </h4>
1513 <input type="text" class="form-control qc-opt-dcs-font"
1514 name="qlcd_wp_chatbot_support_phone"
1515 value="<?php echo(get_option('qlcd_wp_chatbot_support_phone') != '' ? get_option('qlcd_wp_chatbot_support_phone') : 'Leave your number. We will call you back!'); ?>">
1516 </div>
1517
1518 <div class="row">
1519 <div class="col-xs-12">
1520 <h4 class="qc-opt-title"><?php esc_html_e('Email', 'wpchatbot'); ?> </h4>
1521 <div class="cxsc-settings-blocks">
1522 <input value="1" id="disable_wp_chatbot_feedback" type="checkbox"
1523 name="disable_wp_chatbot_feedback" <?php echo(get_option('disable_wp_chatbot_feedback') == 1 ? 'checked' : ''); ?>>
1524 <label for="disable_wp_chatbot_feedback"><?php esc_html_e('Disable Email feature and button on Start Menu', 'wpchatbot'); ?> </label>
1525 </div>
1526 </div>
1527 </div>
1528 <div class="form-group" style="margin-bottom:0px">
1529 <h4 class="qc-opt-title"><?php esc_html_e('Button Label', 'wpchatbot'); ?> </h4>
1530 <input type="text" class="form-control qc-opt-dcs-font"
1531 name="qlcd_wp_chatbot_support_email"
1532 value="<?php echo(get_option('qlcd_wp_chatbot_support_email') != '' ? get_option('qlcd_wp_chatbot_support_email') : 'Send us Email'); ?>">
1533 </div>
1534 <div class="row">
1535 <div class="col-xs-12">
1536 <h4 class="qc-opt-title"><?php esc_html_e('FAQ', 'wpchatbot'); ?> </h4>
1537 <div class="cxsc-settings-blocks">
1538 <input value="1" id="disable_wp_chatbot_faq" type="checkbox"
1539 name="disable_wp_chatbot_faq" <?php echo(get_option('disable_wp_chatbot_faq') == 1 ? 'checked' : ''); ?>>
1540 <label for="disable_wp_chatbot_faq"><?php esc_html_e('Disable FAQ feature and button on Start Menu', 'wpchatbot'); ?> </label>
1541 </div>
1542 </div>
1543 </div>
1544 <div class="form-group" style="margin-bottom:0px">
1545 <h4 class="qc-opt-title"><?php esc_html_e('Button Label', 'wpchatbot'); ?> </h4>
1546 <input type="text" class="form-control qc-opt-dcs-font"
1547 name="qlcd_wp_chatbot_wildcard_support"
1548 value="<?php echo(get_option('qlcd_wp_chatbot_wildcard_support') != '' ? get_option('qlcd_wp_chatbot_wildcard_support') : 'FAQ'); ?>">
1549 </div>
1550
1551
1552 </div>
1553 </div>
1554 <div class="qc_menu_setup_area">
1555
1556 <h2>Menu Sorting & Customization Area</h2>
1557 <p style="color:red">After making changes in the settings, please clear browser cache and cookies before reloading the page or open a new Incognito window (Ctrl+Shit+N in chrome).</p>
1558 <p>In this section you can control the UI of the menu.<br> To adjust the <b>Active Menu</b> ordering just drag it up or down. To add a menu item in <b>Active Menu</b> simply drag a menu item from <b>Available Menu</b> and drop it to <b>Active Menu</b> . To remove a menu item from <b>Active Menu</b> simple drag the menu item and drop it to <b>Available Menu</b>.</p>
1559 <br>
1560
1561 <div class="qc_menu_area">
1562 <h4>Acitve Menu</h4>
1563
1564 <div class="qc_menu_area_container" id="qc_menu_area">
1565
1566 <?php
1567 if(get_option('qc_wpbot_menu_order')!=''):
1568 echo stripslashes(get_option('qc_wpbot_menu_order'));
1569 else:?>
1570 <?php if(get_option('disable_wp_chatbot_faq')==''): ?>
1571 <span class="qcld-chatbot-wildcard qc_draggable_item_remove" data-wildcart="support"><?php echo get_option('qlcd_wp_chatbot_wildcard_support'); ?></span>
1572 <?php endif; ?>
1573
1574 <?php if(get_option('enable_wp_chatbot_messenger')=='1'): ?>
1575 <span class="qcld-chatbot-wildcard qc_draggable_item_remove" data-wildcart="messenger"><?php echo qcld_choose_random(unserialize(get_option('qlcd_wp_chatbot_messenger_label'))) ?></span>
1576 <?php endif; ?>
1577
1578 <?php if(get_option('enable_wp_chatbot_whats')=='1'): ?>
1579 <span class="qcld-chatbot-wildcard qc_draggable_item_remove" data-wildcart="whatsapp"><?php echo qcld_choose_random(unserialize(get_option('qlcd_wp_chatbot_whats_label'))); ?></span>
1580 <?php endif; ?>
1581
1582 <?php if(get_option('disable_wp_chatbot_feedback')==''): ?>
1583 <span class="qcld-chatbot-suggest-email qc_draggable_item_remove"><?php echo get_option('qlcd_wp_chatbot_support_email'); ?></span>
1584 <?php endif; ?>
1585
1586 <?php if(get_option('disable_wp_chatbot_call_gen')==''): ?>
1587 <span class="qcld-chatbot-suggest-phone qc_draggable_item_remove" ><?php echo get_option('qlcd_wp_chatbot_support_phone'); ?></span>
1588 <?php endif; ?>
1589
1590 <?php
1591 if(class_exists('Qcformbuilder_Forms_Admin')){
1592 global $wpdb;
1593
1594 $results = $wpdb->get_results("SELECT * FROM ". $wpdb->prefix."wfb_forms where 1 and type='primary'");
1595 if(!empty($results)){
1596 ?>
1597 <?php
1598 foreach($results as $result){
1599 $form = unserialize($result->config);
1600 ?>
1601 <span class="qcld-chatbot-wildcard qcld-chatbot-form qc_draggable_item_remove" data-form="<?php echo $form['ID']; ?>" ><?php echo $form['name']; ?></span>
1602 <?php
1603 }
1604 ?>
1605 <?php
1606 }
1607 }
1608 ?>
1609
1610 <?php endif; ?>
1611 </div>
1612 </div>
1613
1614 <div class="qc_menu_list_area">
1615 <h4>Available Menu</h4>
1616 <div class="qc_menu_list_container">
1617 <p>Predefined Intents</p>
1618 <ul>
1619
1620
1621
1622
1623 <li>
1624 <?php if(get_option('disable_wp_chatbot_faq')==''): ?>
1625 <span class="qcld-chatbot-wildcard qc_draggable_item" data-wildcart="support"><?php echo get_option('qlcd_wp_chatbot_wildcard_support'); ?></span>
1626 <?php endif; ?>
1627
1628 </li>
1629 <li>
1630 <?php if(get_option('enable_wp_chatbot_messenger')=='1'): ?>
1631 <span class="qcld-chatbot-wildcard qc_draggable_item" data-wildcart="messenger"><?php echo qcld_choose_random(unserialize(get_option('qlcd_wp_chatbot_messenger_label'))) ?></span>
1632 <?php endif; ?>
1633
1634 </li>
1635
1636 <li>
1637 <?php if(get_option('enable_wp_chatbot_whats')=='1'): ?>
1638 <span class="qcld-chatbot-wildcard qc_draggable_item" data-wildcart="whatsapp"><?php echo qcld_choose_random(unserialize(get_option('qlcd_wp_chatbot_whats_label'))); ?></span>
1639 <?php endif; ?>
1640
1641 </li>
1642
1643 <li>
1644 <?php if(get_option('disable_wp_chatbot_feedback')==''): ?>
1645 <span class="qcld-chatbot-suggest-email qc_draggable_item"><?php echo get_option('qlcd_wp_chatbot_support_email'); ?></span>
1646 <?php endif; ?>
1647
1648 </li>
1649
1650
1651
1652 <li>
1653 <?php if(get_option('disable_wp_chatbot_call_gen')==''): ?>
1654 <span class="qcld-chatbot-suggest-phone qc_draggable_item" ><?php echo get_option('qlcd_wp_chatbot_support_phone'); ?></span>
1655 <?php endif; ?>
1656
1657 </li>
1658
1659
1660 </ul>
1661
1662
1663
1664
1665 <?php
1666 if(class_exists('Qcformbuilder_Forms_Admin')){
1667 global $wpdb;
1668
1669 $results = $wpdb->get_results("SELECT * FROM ". $wpdb->prefix."wfb_forms where 1 and type='primary'");
1670 if(!empty($results)){
1671 ?>
1672 <p>Conversational Form</p>
1673 <ul>
1674 <?php
1675 foreach($results as $result){
1676 $form = unserialize($result->config);
1677 ?>
1678 <li><span class="qcld-chatbot-wildcard qcld-chatbot-form qc_draggable_item" data-form="<?php echo $form['ID']; ?>" ><?php echo $form['name']; ?></span></li>
1679 <?php
1680 }
1681 ?>
1682 </ul>
1683 <?php
1684 }
1685 }
1686 ?>
1687
1688
1689 </div>
1690
1691 </div>
1692
1693 </div>
1694
1695 <input id="qc_wpbot_menu_order" type="hidden" name="qc_wpbot_menu_order" value='<?php echo stripslashes(get_option('qc_wpbot_menu_order')); ?>' />
1696
1697 </div>
1698 </div>
1699 </div>
1700 </div>
1701 </section>
1702
1703 <section id="section-flip-6">
1704 <div class="top-section">
1705 <div class="wp-chatbot-language-center-summmery">
1706 <p><?php esc_html_e('DialogFlow as Artificial Intelligences Engine for wpwBot', 'wpchatbot'); ?> </p>
1707 </div>
1708 <div class="row">
1709 <div class="col-xs-12">
1710 <p class="wpqcld_chk_seft">
1711 <a target="_blank" href="https://www.quantumcloud.com/custom-chatbot-services/"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL ?>/chatbot-custom-service.jpg" alt="" /></a>
1712 </p>
1713 </div>
1714 </div>
1715 <div class="row">
1716 <div class="col-xs-12">
1717 <h4 class="qc-opt-title"><?php echo esc_html__('Enable DialogFlow as AI Engine to Detect Intent', 'wpchatbot'); ?> </h4>
1718 <div class="cxsc-settings-blocks">
1719 <input value="1" id="enable_wp_chatbot_dailogflow" type="checkbox"
1720 name="enable_wp_chatbot_dailogflow" <?php echo(get_option('enable_wp_chatbot_dailogflow') == 1 ? 'checked' : ''); ?>>
1721 <label for="enable_wp_chatbot_dailogflow"><?php echo esc_html__('Enable DialogFlow AI Engine to process Natural Language commands from users.', 'wpchatbot'); ?> </label>
1722 </div>
1723 </div>
1724 <div class="col-xs-12">
1725 <br>
1726 <p><?php echo esc_html__('Log in to DialogFlow Console from', 'wpchatbot'); ?>
1727 <a class="wpbot_df_instruction" href="<?php echo esc_url('https://dialogflow.com/'); ?>" target="_blank"><?php echo esc_html__('Here', 'wpchatbot'); ?></a> <?php echo esc_html__('with your gmail account.', 'wpchatbot'); ?>
1728
1729 <a class="wpbot_df_instruction" href="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'download/wpwBot.zip'); ?>" download ><?php echo esc_html__('Download', 'wpchatbot'); ?></a> <?php echo esc_html__('the agent training data and import from DialogFlow->Settings->Export and Import tab. You can add your own intents in that agent but do not modify our following training intents which are', 'wpchatbot'); ?> <b>email, email subscription, faq, get email, get name, help, phone, reset, site search and start.</b> </p>
1730 </div>
1731
1732 <div class="col-xs-12" id="wp-chatbot-dialflow-section">
1733 <h4 class="qc-opt-title"><?php echo esc_html__('DialogFlow API Version', 'wpchatbot'); ?></h4>
1734 <div class="form-group">
1735
1736 <label class="radio-inline">
1737 <input id="wp-chatbot-df-api" type="radio"
1738 name="wp_chatbot_df_api"
1739 value="v2" checked>
1740 <?php echo esc_html__('Dialogflow API V2', 'wpchatbot'); ?>
1741 </label>
1742
1743 </div>
1744
1745 <div id="wp-chatbot-df-section-v2" style="display:block">
1746 <!-- Dialogflow V2 Configuration -->
1747
1748 <?php if(!file_exists(QCLD_wpCHATBOT_GC_DIRNAME.'/autoload.php')): ?>
1749 <div class="form-group">
1750
1751 <br>
1752 <h4 class="qc-opt-title" style="color:red"><?php echo esc_html__('For Interacting with Dialogflow V2 the Google Client Package is Required!', 'wpchatbot'); ?></h4>
1753 <p>Please click the download button below to download the Google Client package. The package will be downloaded inside your Wordpress's <b>/wp-content</b> folder. This package is around <b>10 MB</b> in zip file format and it will be about <b>49 MB</b> after unzipping. Please make sure that your server has enough space to store that package.</p>
1754 <div class="qcld-wpbot-gcdownload-area">
1755 <button class="btn btn-primary" id="qc_wpbot_gc_download" <?php echo (!is_writable(QCLD_wpCHATBOT_GC_ROOT)?'disabled':''); ?>>Download and Install the Google Client</button>
1756 <?php
1757 if(!is_writable(QCLD_wpCHATBOT_GC_ROOT)){
1758 echo '<span style="color:red;font-size: 12px;"><b>wp-content</b> folder is not writable.</span>';
1759 }
1760 ?>
1761 <br><br>
1762 <p>Alternatively, If the download operation fails for some reason like folder permission or server timeout issue then you can manually upload the <u title="Google Client">GC</u> package by following some simple steps.</p>
1763 <p>1. Download GC package from: <a href="https://github.com/qcloud/gc/archive/master.zip" target="_blank">https://github.com/qcloud/gc/archive/master.zip</a></p>
1764 <p>2. Unzip the <b>wpbotgc.zip</b> inside to your computer.</p>
1765 <p>3. Create a folder with name <b>wpbot-dfv2-client</b> under <b>wp-content</b> into your server.</p>
1766 <p>4. Upload the upziped files and folders into <b>wpbot-dfv2-client</b> via FTP.</p>
1767
1768
1769 <div class="qcld_wpbot_download_statuses">
1770
1771 </div>
1772 </div>
1773 <br>
1774
1775 </div>
1776 <?php else: ?>
1777 <div class="form-group">
1778 <h4 class="qc-opt-title" style="color:green"><?php echo esc_html__('Google Client Package is Installed on Your Website.', 'wpchatbot'); ?></h4>
1779 </div>
1780 <?php endif; ?>
1781
1782 <div class="form-group">
1783 <h4 class="qc-opt-title" >Please follow along with this <a href="https://dev.quantumcloud.com/wpbot-pro/dialogflow-integration/" target="_blank">tutorial</a>. It will help you to create a project id, private key and integrate WPBot with Dialogflow: <a href="https://dev.quantumcloud.com/wpbot-pro/dialogflow-integration/" target="_blank">Click Here</a></h4>
1784 </div>
1785
1786 <div class="form-group">
1787 <h4 class="qc-opt-title"><?php echo esc_html__('DialogFlow Project ID', 'wpchatbot'); ?></h4>
1788 <p>You can follow the <a href="https://www.youtube.com/watch?v=qY-EHFY2wH8" target="_blank">tutorial</a> to get the Project ID. </p>
1789 <input type="text" class="form-control qc-opt-dcs-font"
1790 name="qlcd_wp_chatbot_dialogflow_project_id"
1791 value="<?php echo(get_option('qlcd_wp_chatbot_dialogflow_project_id') != '' ? get_option('qlcd_wp_chatbot_dialogflow_project_id') : ''); ?>" placeholder="<?php echo esc_html__('DialogFlow Project ID', 'wpchatbot'); ?>">
1792 </div>
1793 <?php
1794
1795 $placeholderPrivatekey = '{
1796 "type": "service_account",
1797 "project_id": "PLACEYOUROWNID",
1798 "private_key_id": "31e300128..........c48",
1799 "private_key": "-----BEGIN PRIVATE KEY-----\nTHIS IS A DEMO PRIVATE KEY to SHOW HOW IT SHOULD LOOK. Replace with ACTUAL KEY.+OdT09MGEdAjlgSF2HMDA3fl8Ey4dmTxRfAN9No6G3Ugs3BrpZHfY\nSviWzS4JQ0GkCubcJc0DzJ8AqG6xX7E3SfKpdtKEn1eYV7sfQL3C2lm2lTj6nWdt\nxrkhJVHn61kxfPAWChnkdPa5EbMNFnV5mN5rhwaOxR+tEjW9nWBjVFG0NMnOMWF4\nsu6QJVjQMtI99jPBCid1r4XV/sPABSXh8dscWdMinGhZfuCjF4sOGHUUaw+VDGb6\nZpPOh65nw5fsdOHETsb4BN/LW72Khux+870Ig4jkuLIN3PnSF9QfwO8U2qTG5sZK\nn5nxhT9zAgMBAAECggEAX1NSWRGnrcVsu6n1jn9xUpzvxyy+CJe1Z1DvHo1tmHNS\n0Q8OI/Y........THIS IS A DEMO PRIVATE KEY to SHOW HOW IT SHOULD LOOK. Replace with your own key......................................paqQKBgQCJ\nvNCZIHpLGVqwiw4SVYgZW2i+VsZ78sOw0SuuhjZNmOlGjpalbQCjKs9l5dSz5t5D\nVleJVyriFaXyvVty/iF6orqTgv0EhcLO2RI9KSrTpbOXcIkgeunAhRM3oloxSndt\n98H3f1xRvTLIm1enERLkOyGHmm7nWFV0BQWD+CxeCwKBgDtBGn+uBgNgZjSaLnkJ\noemAoIBN6aD4+QWduPldRgTilH6ABQ26SL+t4sa9jbAtkMuD/hWOMLBqmz98tfCC\ndy6cPghea+b0S7lj/wmUaDA1Vmz7luCLm+lO+fe3K6WIlEhAP/9MXVH90Sj6CllF\nAn4stWzIKHrRKA3lIvgJv+9W\n-----END PRIVATE KEY-----\n",
1800 "client_email": "dialogflow-evysjn@wpbotpro.iam.gserviceaccount.com",
1801 "client_id": "1026.....032997",
1802 "auth_uri": "https://accounts.google.com/o/oauth2/auth",
1803 "token_uri": "https://oauth2.googleapis.com/token",
1804 "auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
1805 "client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/dialogflow-evysjn%40wpbotpro.iam.gserviceaccount.com"
1806 }';
1807
1808 ?>
1809 <div class="form-group">
1810 <h4 class="qc-opt-title"><?php echo esc_html__('Private Key', 'wpchatbot'); ?></h4>
1811 <p>Put your google service account's private key JSON string here. You can follow the <a href="https://www.youtube.com/watch?v=qY-EHFY2wH8" target="_blank">tutorial</a> to get private key JSON file. </p>
1812 <textarea class="form-control" rows="20" name="qlcd_wp_chatbot_dialogflow_project_key" placeholder='<?php echo $placeholderPrivatekey; ?>'><?php echo(get_option('qlcd_wp_chatbot_dialogflow_project_key') != '' ? get_option('qlcd_wp_chatbot_dialogflow_project_key') : ''); ?></textarea>
1813 </div>
1814
1815
1816
1817 <!-- End Dialogflow V2 Configuration -->
1818 </div>
1819
1820
1821 <div class="form-group">
1822 <h4 class="qc-opt-title"><?php echo esc_html__('Please Click the Button Below to Test Dialogflow Connection.', 'wpchatbot'); ?> </h4>
1823 <p style="color:red"><?php echo esc_html__('*Save settings before pressing Test Dialogflow Connection', 'wpchatbot'); ?><br>
1824 <?php echo esc_html__('*You must have owner permission for the service account your are using in Dialogflow agent.', 'wpchatbot'); ?></p>
1825 <div class="cxsc-settings-blocks">
1826 <button class="btn btn-primary" id="qc_wpbot_df_status">Test Dialogflow Connection</button>
1827 <div class="qcwp_df_status"></div>
1828 </div>
1829 </div>
1830 <br>
1831 <div class="form-group">
1832 <h4 class="qc-opt-title"><?php esc_html_e('DialofFlow Default reply', 'wpchatbot'); ?></h4>
1833 <input type="text" class="form-control qc-opt-dcs-font"
1834 name="qlcd_wp_chatbot_dialogflow_defualt_reply"
1835 value="<?php echo(get_option('qlcd_wp_chatbot_dialogflow_defualt_reply') != '' ? get_option('qlcd_wp_chatbot_dialogflow_defualt_reply') : 'Sorry, I did not understand you. You may browse'); ?>" placeholder="<?php esc_html_e('DialogFlow default reply', 'wpchatbot'); ?>">
1836 </div>
1837
1838
1839 <div class="form-group">
1840 <h4 class="qc-opt-title"><?php echo esc_html__('DialogFlow Agent Language (Ex: en)', 'wpchatbot'); ?></h4>
1841 <input type="text" class="form-control qc-opt-dcs-font"
1842 name="qlcd_wp_chatbot_dialogflow_agent_language"
1843 value="<?php echo (get_option('qlcd_wp_chatbot_dialogflow_agent_language') != '' ? get_option('qlcd_wp_chatbot_dialogflow_agent_language') : 'en'); ?>" placeholder="<?php echo esc_html__('DialogFlow Agent Language', 'wpchatbot'); ?>">
1844 </div>
1845
1846 </div>
1847 </div>
1848 </div>
1849
1850 </section>
1851 <!--<section id="section-flip-10">
1852 <div class="wp-chatbot-language-center-summmery">
1853 <p><?php esc_html_e('Enable the Mobile App feature ONLY if you bought ', 'wpchatbot'); ?> <a target="_blank" href="https://www.quantumcloud.com/products/wpcommerce-chatbot-wpwbot/#app"><?php esc_html_e(' the Mobile App Addon.', 'wpchatbot'); ?></a>
1854 </div>
1855 <div class="top-section">
1856 <div class="row">
1857 <div class="col-xs-12">
1858 <h4 class="qc-opt-title"><?php esc_html_e('Mobile App Pages', 'wpchatbot'); ?> </h4>
1859 <div class="cxsc-settings-blocks">
1860 <input value="1" id="wp_chatbot_app_pages" type="checkbox"
1861 name="wp_chatbot_app_pages" <?php echo(get_option('wp_chatbot_app_pages') == 1 ? 'checked' : ''); ?>>
1862 <label for="wp_chatbot_app_pages"><?php esc_html_e('Create pages for WpBot Mobile App', 'wpchatbot'); ?> </label>
1863 </div>
1864 <br>
1865 <p class="qc-opt-title-font"><?php esc_html_e('Following pages will be created to use in', 'wpchatbot'); ?> <strong> <?php esc_html_e('WpBot', 'wpchatbot'); ?> </strong> <?php esc_html_e(' Android or IOS Mobile App', 'wpchatbot'); ?>.</p>
1866 <ol>
1867 <li><?php esc_html_e('WpBot Mobile App', 'wpchatbot'); ?></li>
1868 <li><?php esc_html_e('WpBot App Checkout', 'wpchatbot'); ?></li>
1869 <li><?php esc_html_e('WpBot App Order Thank You', 'wpchatbot'); ?></li>
1870 </ol>
1871 <p class="qc-opt-title-font"><?php esc_html_e('Follow the', 'wpchatbot'); ?> <strong> <?php esc_html_e('Documentation', 'wpchatbot'); ?> </strong> <?php esc_html_e('to build & publish a Mobile Application (Android or IOS ) for your store using any of', 'wpchatbot'); ?> </p>
1872 <ol>
1873 <li><?php esc_html_e('WpBot Ionic FrameWork package', 'wpchatbot'); ?></li>
1874 <li><?php esc_html_e('WpBot PhoneGap package', 'wpchatbot'); ?></li>
1875 </ol>
1876 </div>
1877 </div>
1878 </div>
1879
1880 </section>-->
1881
1882
1883 <section id="section-flip-7">
1884 <div class="top-section">
1885 <div class="row">
1886 <div class="col-xs-12">
1887
1888 <?php wp_enqueue_style( 'qcpd-google-font-lato', 'https://fonts.googleapis.com/css?family=Lato' ); ?>
1889 <?php wp_enqueue_style( 'qcpd-style-addon-page', QCLD_wpCHATBOT_PLUGIN_URL.'qc-support-promo-page/css/style.css' ); ?>
1890 <?php wp_enqueue_style( 'qcpd-style-responsive-addon-page', QCLD_wpCHATBOT_PLUGIN_URL.'qc-support-promo-page/css/responsive.css' ); ?>
1891
1892 <div class="qc_support_container"><!--qc_support_container-->
1893
1894 <div class="qc_tabcontent clearfix-div">
1895 <div class="qc-row">
1896 <div class="wpbot-chatbot-pro-link">
1897 <a href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank" >Get the ChatBot Pro <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/wp-bot-logo.png'); ?>" /></a>
1898 </div>
1899 <h2 class="plugin-title wpbot_page_title" style="text-align:center" >Extend <a href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank">WPBot Pro</a> and give it more Super Powers</h2>
1900 <p style="text-align:center">Following AddOns and Themes are available for the <a href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank">WPBot pro!</a></p>
1901
1902 <div class="qc-column-6"><!-- qc-column-4 -->
1903 <!-- Feature Box 1 -->
1904 <div class="support-block support-block-custom">
1905 <div class="support-block-img">
1906 <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/conversational-forns.png'); ?>" alt="">
1907 </div>
1908 <div class="support-block-info">
1909 <h4><a href="#">Conversational Form Addon</a></h4>
1910 <p>Use the Conversational form builder AddOn to create conversations and forms for a native WordPress ChatBot experience without any 3rd party integrations. Conversational forms can also be emailed to you.</p>
1911 <p><a href="https://wordpress.org/plugins/conversational-forms/" target="_blank">Download Free</a>|<a href="<?php echo esc_url('https://www.quantumcloud.com/products/conversations-and-form-builder/'); ?>" target="_blank">Download Pro</a></p>
1912
1913 </div>
1914 </div>
1915 </div><!--/qc-column-4 -->
1916
1917 <div class="qc-column-6"><!-- qc-column-4 -->
1918 <!-- Feature Box 1 -->
1919 <div class="support-block support-block-custom">
1920 <div class="support-block-img">
1921 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/woo-addon-256.png'); ?>" alt=""></a>
1922 </div>
1923 <div class="support-block-info">
1924 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">Woocommerce Addon</a></h4>
1925 <p>Utilize the Chatbot on your Woocommerce website and make a Woocommerce Chatbot with zero configuration</p>
1926
1927 </div>
1928 </div>
1929 </div><!--/qc-column-4 -->
1930
1931 <div class="qc-column-6"><!-- qc-column-4 -->
1932 <!-- Feature Box 1 -->
1933 <div class="support-block support-block-custom">
1934 <div class="support-block-img">
1935 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/messenger-chatbot.png'); ?>" alt=""></a>
1936 </div>
1937 <div class="support-block-info">
1938 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">Messenger ChatBot Addon</a></h4>
1939 <p>Utilize the WPBot on your website as a hub to respond to customer questions on FB Page & Messenger</p>
1940 <p><a href="https://wordpress.org/plugins/chatbot-for-messenger/" target="_blank">Download Free</a>|<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">Download Pro</a></p>
1941
1942 </div>
1943 </div>
1944 </div><!--/qc-column-4 -->
1945
1946 <div class="qc-column-6"><!-- qc-column-4 -->
1947 <!-- Feature Box 1 -->
1948 <div class="support-block support-block-custom">
1949 <div class="support-block-img">
1950 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/custom-post-type-addon-logo.png'); ?>" alt=""></a>
1951 </div>
1952 <div class="support-block-info">
1953 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">Extended Search</a></h4>
1954 <p>Extend WPBot’s search power to include almost any Custom Post Type including WooCommerce</p>
1955
1956 </div>
1957 </div>
1958 </div><!--/qc-column-4 -->
1959
1960
1961 <div class="qc-column-6"><!-- qc-column-4 -->
1962 <!-- Feature Box 1 -->
1963 <div class="support-block support-block-custom">
1964 <div class="support-block-img">
1965 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/chatbot-sesssion-save.png'); ?>" alt=""></a>
1966 </div>
1967 <div class="support-block-info">
1968 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">ChatBot Session Save Addon</a></h4>
1969 <p>This AddOn saves the user chat sessions and helps you fine tune the bot for better support and performance.</p>
1970
1971 </div>
1972 </div>
1973 </div><!--/qc-column-4 -->
1974
1975
1976 <div class="qc-column-6"><!-- qc-column-4 -->
1977 <!-- Feature Box 1 -->
1978 <div class="support-block support-block-custom">
1979 <div class="support-block-img">
1980 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/WPBot-LiveChat.png'); ?>" alt=""></a>
1981 </div>
1982 <div class="support-block-info">
1983 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">LiveChat Addon</a></h4>
1984 <p>Live Human Chat integrated with WPBot<p/>
1985 </div>
1986 </div>
1987 </div><!--/qc-column-4 -->
1988
1989 <div class="qc-column-6"><!-- qc-column-4 -->
1990 <!-- Feature Box 1 -->
1991 <div class="support-block support-block-custom">
1992 <div class="support-block-img">
1993 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/white-label.png'); ?>" alt=""></a>
1994 </div>
1995 <div class="support-block-info">
1996 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">White Label WPBot</a></h4>
1997 <p>Replace the QuantumCloud Logo and branding with yours. Suitable for developers and agencies interested in providing ChatBot services for their clients.<p/>
1998 </div>
1999 </div>
2000 </div><!--/qc-column-4 -->
2001
2002 <div class="qc-column-6"><!-- qc-column-4 -->
2003 <!-- Feature Box 1 -->
2004 <div class="support-block support-block-custom">
2005 <div class="support-block-img">
2006 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/mailing-list-integrationt (1).png'); ?>" alt=""></a>
2007 </div>
2008 <div class="support-block-info">
2009 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">Mailing List Integration AddOn</a></h4>
2010 <p>Mailing List Integration is an addon that lets you connect our ChatBot with Mailchimp and Zapier accounts. You can add new subscribers to your Mailchimp Lists and unsubscribe them.<p/>
2011 </div>
2012 </div>
2013 </div><!--/qc-column-4 -->
2014 <div class="qc-column-6"><!-- qc-column-4 -->
2015 <!-- Feature Box 1 -->
2016 <div class="support-block support-block-custom">
2017 <div class="support-block-img">
2018 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/chatbot-addons.png'); ?>" alt=""></a>
2019 </div>
2020 <div class="support-block-info">
2021 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">More Addons</a></h4>
2022 <p>Check out all the available ChatBot AddOns<p/>
2023 </div>
2024 </div>
2025 </div><!--/qc-column-4 -->
2026 <div class="qc-column-12"><!-- qc-column-4 -->
2027 <!-- Feature Box 1 -->
2028 <div class="support-block ">
2029 <div class="support-block-img">
2030 <a href="<?php echo esc_url('https://www.quantumcloud.com/products/themes/chatbot-theme/'); ?>" target="_blank"> <img class="wp_addon_fullwidth" src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/ChatBot-Master-theme.png'); ?>" alt=""></a>
2031 </div>
2032 <div class="support-block-info">
2033 <h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">ChatBot Master Theme</a></h4>
2034 <p style="margin-top: -24px;margin-bottom: 50px;">Get a ChatBot Powered Theme!</p>
2035 </div>
2036 </div>
2037 </div><!--/qc-column-4 -->
2038
2039 </div>
2040 <!--qc row-->
2041 </div>
2042
2043 </div><!--qc_support_container-->
2044
2045
2046
2047 </div>
2048 </div>
2049 <!-- row-->
2050 </div>
2051 </section>
2052
2053
2054 </div><!-- /content -->
2055 </div><!-- /wp-chatbot-tabs -->
2056 <footer class="wp-chatbot-admin-footer">
2057 <div class="row">
2058 <div class="text-left col-sm-3 col-sm-offset-3">
2059 <input type="button" class="btn btn-warning submit-button"
2060 id="qcld-wp-chatbot-reset-option"
2061 value="<?php esc_html_e('Reset all options to Default', 'wpchatbot'); ?>"/>
2062 </div>
2063 <div class="text-right col-sm-6">
2064 <input type="submit" class="btn btn-primary submit-button" name="submit"
2065 id="submit" value="<?php esc_html_e('Save Settings', 'wpchatbot'); ?>"/>
2066 </div>
2067 </div>
2068 <!-- row-->
2069 </footer>
2070 </section>
2071 </div>
2072 <?php wp_nonce_field('wp_chatbot'); ?>
2073 </form>