PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 4.4.6
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v4.4.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 8.5.2 8.5.0 8.4.9 All 531 releases
chatbot / admin_ui.php

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

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