PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 4.3.3
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v4.3.3
8.7.8 8.7.7 8.7.6 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 All 534 releases
chatbot / admin_ui.php

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

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