PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 3.9.7
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v3.9.7
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.9.7, at admin_ui.php

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