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

3,122 lines 232.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 <?php
3 // Exit if accessed directly
4 if ( ! defined( 'ABSPATH' ) ) {
5 exit;
6 }
7 // Ensure WordPress escaping and translation functions are available
8 if ( ! function_exists( 'esc_html' ) ) {
9 require_once( ABSPATH . 'wp-includes/formatting.php' );
10 }
11 if ( ! function_exists( 'esc_html__' ) ) {
12 require_once( ABSPATH . 'wp-includes/l10n.php' );
13 }
14 if ( ! function_exists( 'esc_html_e' ) ) {
15 require_once( ABSPATH . 'wp-includes/l10n.php' );
16 }
17 if ( ! function_exists( 'esc_attr' ) ) {
18 require_once( ABSPATH . 'wp-includes/formatting.php' );
19 }
20 if ( ! function_exists( 'esc_url' ) ) {
21 require_once( ABSPATH . 'wp-includes/formatting.php' );
22 }
23 ?>
24
25 <div class="wrap qcld-main-wrapper">
26 <h1 style="display:none">
27 <?php esc_html_e('chatbot', 'chatbot'); ?>
28 </h1>
29
30 <div class="qcld-wp-chatbot-wrap-header">
31
32 <div class="qcld-wp-chatbot-wrap-header-logo"><a href="#" class="qcld-wp-chatbot-wrap-site__logo"><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/chatbot.png' ); ?>" alt="Dialogflow CX"> WPBot Control Panel </a>
33 <p><strong>Core Version:</strong> v<?php echo esc_attr(QCLD_wpCHATBOT_VERSION); ?></p>
34 </div>
35 <ul class="qcld-wp-chatbot-wrap-version-wrapper">
36 <li>
37 <a class="wpchatbot-Upgrade" href="https://www.wpbot.pro/" target="_blank">Upgrade To Pro</a>
38
39 </li>
40 </ul>
41 </div>
42
43 <div class="qcld-wp-chatbot-wrap-header-doc">
44
45 <a href="https://wpbot.pro/docs/" target="_blank" class="qcld-wp-chatbot-wrap--doc_logo">
46 <img style="width:100%" src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/doc.jpg' ); ?>" alt="Dialogflow CX">
47 <div class="docs_icon"><span class="dashicons dashicons-media-document"></span></div>
48
49 </a>
50
51 <div class="qcld-wp-chatbot-wrap-header-doc-details">
52
53 <h3><?php esc_html_e('Get Started with WPBot', 'chatbot'); ?></h3>
54 <p><?php esc_html_e('Do more than just chat with your ChatBot! More Leads, Conversions & Satisfied customers while saving time & increasing your business opportunities. WPBot is the best ChatBot for WordPress to improve user engagement, Generate Leads, & provide Automated Live customer support across your website & social platforms.', 'chatbot'); ?></p>
55
56 <div class="qcld-wp-chatbot-wrap-header-doc-button">
57
58 <a href="https://wpbot.pro/docs/knowledgebase/getting-started-with-chatbot/" class="GetStartedwithYourChatBot" target="_blank">Get Started with Your ChatBot</a>
59 <a href="https://wpbot.pro/docs/" target="_blank">Documentation</a>
60 </div>
61 </div>
62 </div>
63
64 <div class="wp-chatbot-wrap">
65 <div class="icon32"><br>
66 </div>
67 <form action="<?php echo esc_url($action); ?>" method="POST" id="wp-chatbot-admin-form"
68 enctype="multipart/form-data">
69 <div class="form-container">
70
71 <section class="wp-chatbot-tab-container-inner">
72 <div class="wp-chatbot-tabs wp-chatbot-tabs-style-flip">
73 <nav>
74 <ul>
75 <li class="tab-current" tab-data="started" data-section="#section-flip-1"><a href="<?php echo esc_url($action).'&tab=started' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-admin-home"></span> </span> <span class="wpwbot-admin-tab-name">
76 <?php esc_html_e('Getting Started', 'chatbot'); ?>
77 </span> </a></li>
78 <li tab-data="general" data-section="#section-flip-2"><a href="<?php echo esc_url($action) .'&tab=general' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-admin-generic"></span></span> <span class="wpwbot-admin-tab-name">
79 <?php esc_html_e('General settings', 'chatbot'); ?>
80 </span> </a></li>
81 <div class="cxsc-settings_openai_border">
82 <a href="<?php echo esc_url( $action) .'_openAi' ?>">
83 <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-update"></span>
84 </span> <span class=""> <?php esc_html_e('AI Settings', 'chatbot'); ?> </span>
85 </a>
86 </div>
87 <div class="cxsc-settings_openai_border">
88 <a href="<?php echo esc_url( $action) .'_ai_actions' ?>">
89 <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-update"></span>
90 </span> <span class=""> <?php esc_html_e('AI Actions', 'chatbot'); ?> </span>
91 </a>
92 </div>
93
94 <li tab-data="themes" data-section="#section-flip-3"><a href="<?php echo esc_url($action) .'&tab=themes' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-share-alt"></span> </span> <span class="wpwbot-admin-tab-name">
95 <?php esc_html_e('Icons & Themes', 'chatbot'); ?>
96 </span> </a></li>
97 <li tab-data="startmenu" data-section="#section-flip-6"><a href="<?php echo esc_url($action).'&tab=startmenu' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-menu"></span> </span> <span class="wpwbot-admin-tab-name"><?php esc_html_e('Action Start Menu', 'chatbot'); ?></span> </a></li>
98 <li tab-data="social" data-section="#section-flip-51"><a href="<?php echo esc_url($action) .'&tab=social' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-image-filter"></span> </span> <span class="wpwbot-admin-tab-name">
99 <?php esc_html_e('Button Configurations', 'chatbot'); ?>
100 </span> </a></li>
101 <li tab-data="language" data-section="#section-flip-5"><a href="<?php echo esc_url($action) .'&tab=language' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-translation"></span> </span> <span class="wpwbot-admin-tab-name">
102 <?php esc_html_e('Change Language', 'chatbot'); ?>
103 </span> </a></li>
104 <li tab-data="support" data-section="#section-flip-4"><a href="<?php echo esc_url($action).'&tab=support' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-info-outline"></span> </span> <span class="wpwbot-admin-tab-name">
105 <?php esc_html_e('FAQ Builder', 'chatbot'); ?>
106 </span> </a></li>
107
108 <li tab-data="ai"><a href="<?php echo esc_url($action).'&tab=ai' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-format-chat"></span> </span> <span class="wpwbot-admin-tab-name">
109 <?php esc_html_e('Dialogflow', 'chatbot'); ?>
110 </span> </a></li>
111
112
113 <li tab-data="<?php echo esc_url('rpl'); ?>" data-section="#section-flip-9" class="conversational"><a href="<?php echo esc_url($action).'&tab=rpl' ?>">
114 <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-feedback"></span>
115 </span> <span class="wpwbot-admin-tab-name"> <?php esc_html_e('Conversational Form', 'chatbot'); ?>
116 </span>
117 </a>
118 </li>
119
120
121
122
123 <li tab-data="custom_css" data-section="#section-flip-13"> <a href="<?php echo esc_url($action).'&tab=custom_css'?>">
124 <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-editor-code"></span>
125 </span> <span class="wpwbot-admin-tab-name"> <?php esc_html_e('Custom CSS', 'chatbot'); ?></span>
126 </a>
127 </li>
128
129
130 </ul>
131
132 <div class="text-center mt-5 qcld-goPreemium">
133
134 <a href="https://www.wpbot.pro/" target="_blank"><span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewBox="0 0 24 21" fill="none">
135 <path d="M19.6799 17.28H4.31988C3.52596 17.28 2.87988 17.9261 2.87988 18.72C2.87988 19.5139 3.52596 20.16 4.31988 20.16H19.6799C20.4738 20.16 21.1199 19.5139 21.1199 18.72C21.1199 17.9261 20.4738 17.28 19.6799 17.28Z" fill="#FF9900"></path>
136 <path d="M22.08 2.88C21.0211 2.88 20.16 3.74114 20.16 4.8C20.16 5.51137 20.5536 6.1267 21.1305 6.45886C20.0198 9.08925 18.287 10.703 16.6675 10.5571C14.8665 10.4102 13.3977 8.28094 12.5875 4.71839C13.6262 4.45533 14.4 3.51933 14.4 2.4C14.4 1.07616 13.3238 0 12 0C10.6761 0 9.59995 1.07616 9.59995 2.4C9.59995 3.51938 10.3737 4.45538 11.4124 4.71839C10.6022 8.28094 9.13336 10.4102 7.33242 10.5571C5.71964 10.703 3.97913 9.08925 2.86941 6.45886C3.44634 6.1267 3.83995 5.51133 3.83995 4.8C3.83995 3.74114 2.97881 2.88 1.91995 2.88C0.861141 2.88 0 3.74114 0 4.8C0 5.78498 0.748781 6.58945 1.70494 6.69886L3.55392 16.32H20.4461L22.295 6.69886C23.2512 6.58945 24 5.78498 24 4.8C24 3.74114 23.1389 2.88 22.08 2.88Z" fill="url(#paint0_linear_189_140)"></path>
137 <defs>
138 <linearGradient id="paint0_linear_189_140" x1="12" y1="0" x2="12" y2="16.32" gradientUnits="userSpaceOnUse">
139 <stop stop-color="#FFC045"></stop>
140 <stop offset="1" stop-color="#FF9900"></stop>
141 </linearGradient>
142 </defs>
143 </svg></span>Go Premium</a>
144
145 </div>
146
147
148 <div class="text-center mt-5 qcld-Resetall">
149 <input type="button" class="btn btn-warning submit-button"
150 id="qcld-wp-chatbot-reset-option"
151 value="<?php echo esc_attr__('Reset all options to Default', 'chatbot') ; ?>"/>
152 </div>
153 </nav>
154
155
156
157
158 <div class="content-wrap">
159 <section id="section-flip-1">
160
161
162 <div class="wrap qcld-swpm-admin-menu-wrap">
163 <div class="wrap qcld-swpm-admin-menu-wrap">
164 <h3 class="nav-tab-wrapper sld_nav_container wppt_nav_container">
165 <a class="nav-tab sld_click_handle nav-tab-active" href="#general_int"><?php echo esc_html__('Getting Started', 'chatbot'); ?></a>
166 <a class="nav-tab sld_click_handle" href="#general_wp_nutshell"><?php echo esc_html__('WPBot – In a Nutshell', 'chatbot'); ?></a>
167 </h3>
168 <div class="wppt-settings-section" id="general_int">
169 <div class="content form-container qcbot_help_secion" style="">
170 <!-- new Section -->
171
172 <h3 class="qcld-wpbot-main-tabs-title"><?php echo esc_html__('WPBot Interactions', 'chatbot'); ?></h3>
173 <p><?php echo esc_html__('You can use WPBot to both answer user questions and collect information from the users.', 'chatbot'); ?></p>
174 <h4><?php echo esc_html__('To create answers to user questions you can use:', 'chatbot'); ?></h4>
175 <p> <b><?php echo esc_html__('Simple Text Responses', 'chatbot'); ?></b> (built-in), <b style="font-size: 14px"><?php echo esc_html__('FAQ', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Site search', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Product search', 'chatbot'); ?></b>(built-in Pro feature), <b style="font-size: 14px"><?php echo esc_html__('DialogFlow', 'chatbot'); ?></b>(3rd Party) or <b style="font-size: 14px"><?php echo esc_html__('OpenAI', 'chatbot'); ?></b>(3rd Party)</br>
176 </p>
177 <h4> <?php echo esc_html__('To collect information from your users you can use:', 'chatbot'); ?></h4>
178 <p> <b>
179 <?php echo esc_html__('Conversational forms', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Mail us', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Call me back', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Collect feedback features', 'chatbot'); ?></b>(built-in)</p>
180 <hr>
181 <p>
182 <b> <?php echo esc_html__('When you activate the plugin, by default only the Site search option will work. Site search displays links to your website pages that contain the keywords in the user query. ', 'chatbot'); ?>
183 </b></p>
184 <p><b><?php echo esc_html__('To generate direct text responses, you need to use either Simple Text Responses or AI services. ', 'chatbot'); ?>
185 </b></p>
186 <hr>
187 <h4><?php echo esc_html__('You can create user interactions in the following ways:', 'chatbot'); ?></h4>
188
189 <div class="panel panel-default">
190 <div class="panel-heading" role="tab" id="FeaturesOne">
191 <h4 class="panel-title">
192 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#FeaturescollapseOne" aria-expanded="false" aria-controls="FeaturescollapseOne"> <?php esc_html_e('Predefined intents - Built-in ChatBot Features', 'chatbot'); ?> </a>
193 </h4>
194 </div>
195 <div id="FeaturescollapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="FeaturesOne">
196 <div class="panel-body"> <?php esc_html_e('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.', 'chatbot'); ?> <div class="section-container">
197 <div class="wpb_column vc_column_container vc_col-sm-6">
198 <div class="vc_column-inner ">
199 <div class="wpb_wrapper">
200 <div class="to-icon-box left txt-left">
201 <div class="to-icon-txt fa-4x-txt ">
202 <h3>
203 <span>// </span><?php esc_html_e('Simple Text Responses', 'chatbot'); ?>
204 </h3>
205 <p><?php esc_html_e('Create unlimited text responses from your WordPress backend. The ChatBot uses advanced search algorithm for natural language phrase matching with user input.', 'chatbot'); ?> </p>
206 </div>
207 </div>
208 <div class="to-icon-box left txt-left">
209 <div class="to-icon-txt fa-4x-txt ">
210 <h3>
211 <span>// </span><?php esc_html_e('Send eMail, Call Me Back &amp; Feedback Collection', 'chatbot'); ?>
212 </h3>
213 <p><?php esc_html_e('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 Action Start Menu.', 'chatbot'); ?></p>
214 </div>
215 </div>
216 <div class="to-icon-box left txt-left">
217 <div class="to-icon-txt fa-4x-txt ">
218 <h3>
219 <span>// </span><?php esc_html_e('Advanced Site Search', 'chatbot'); ?> <span class="qc_wpbot_pro">PRO</span>
220 </h3>
221 <p><?php esc_html_e('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.', 'chatbot'); ?> </p>
222 </div>
223 </div>
224 </div>
225 </div>
226 </div>
227 <div class="wpb_column vc_column_container vc_col-sm-6">
228 <div class="vc_column-inner ">
229 <div class="wpb_wrapper">
230 <div class="to-icon-box left txt-left">
231 <div class="to-icon-txt fa-4x-txt ">
232 <h3>
233 <span>// </span><?php esc_html_e('Frequently Asked Questions', 'chatbot'); ?>
234 </h3>
235 <p><?php esc_html_e('Create a set of Frequently Asked Questions or FAQ so users can quickly find answers to the most common questions they have.', 'chatbot'); ?></p>
236 </div>
237 </div>
238 <div class="to-icon-box left txt-left">
239 <div class="to-icon-txt fa-4x-txt ">
240 <h3>
241 <span>// </span>Ask for name, email, phone number etc.
242 </h3>
243 <p><?php esc_html_e('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.', 'chatbot'); ?></p>
244 </div>
245 </div>
246 <div class="to-icon-box left txt-left">
247 <div class="to-icon-txt fa-4x-txt ">
248 <h3>
249 <span>// </span><?php esc_html_e('Newsletter Subscription', 'chatbot'); ?> <span class="qc_wpbot_pro">PRO</span>
250 </h3>
251 <p><?php esc_html_e('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!', 'chatbot'); ?> <strong>GDPR compliant</strong> with unsubscribe option from the ChatBot! </p>
252 </div>
253 </div>
254 </div>
255 </div>
256 </div>
257 </div>
258 </div>
259 </div>
260 </div>
261 <div class="panel panel-default">
262 <div class="panel-heading" role="tab" id="headingTwo">
263 <h4 class="panel-title">
264 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"><?php esc_html_e(' Menu Driven - Created with Conversational Form Builder Addon', 'chatbot'); ?> </a>
265 </h4>
266 </div>
267 <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
268 <div class="panel-body">
269 <p><?php esc_html_e('Extend the Action Start Menu with the', 'chatbot'); ?> <?php esc_html_e('powerful Conversational Forms', 'chatbot'); ?>&nbsp;<?php esc_html_e(' Addon for WPBot. It extends WPBot’s functionality and adds the ability to create', 'chatbot'); ?> <?php esc_html_e('conditional conversations', 'chatbot'); ?> <?php esc_html_e('and/or', 'chatbot'); ?> <?php esc_html_e('forms', 'chatbot'); ?> <?php esc_html_e('for the WPBot. It is a visual,', 'chatbot'); ?> <?php esc_html_e('drag and drop', 'chatbot'); ?><?php esc_html_e(' 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', 'chatbot'); ?> <?php esc_html_e('menu driven', 'chatbot'); ?>
270 <?php esc_html_e('conversations', 'chatbot'); ?> <?php esc_html_e('with if else logic', 'chatbot'); ?> . <?php esc_html_e('Conversations or forms can be', 'chatbot'); ?> <?php esc_html_e('eMailed', 'chatbot'); ?> <?php esc_html_e('to you and', 'chatbot'); ?> <?php esc_html_e('saved in the database', 'chatbot'); ?>.
271 </p>
272 <h4><?php esc_html_e('Conversational Form Builder Free or Pro version works with the WPBot Free or Pro versions.', 'chatbot'); ?></h4>
273 <a class="FormBuilder" href="https://wordpress.org/plugins/conversational-forms/" target="_blank"><?php esc_html_e('Download Free Version', 'chatbot'); ?></a>
274 <a class="FormBuilder" href="https://www.quantumcloud.com/products/conversations-and-form-builder/" target="_blank"><?php esc_html_e('Grab the Pro version', 'chatbot'); ?></a>
275 <h4><?php esc_html_e('What Can You Do with it?', 'chatbot'); ?></h4>
276 <p><?php esc_html_e('Conversation Forms allows you to create a wide variety of forms, that might include:', 'chatbot'); ?></p>
277 <ul>
278 <li><?php esc_html_e('Create menu or button driven conversations', 'chatbot'); ?></li>
279 <li><?php esc_html_e('Conditional Menu Driven Conversations', 'chatbot'); ?>
280 <span class="qc_wpbot_pro" style="font-size: 9px;"><?php esc_html_e('PRO', 'chatbot'); ?></span>
281 </li>
282 <li><?php esc_html_e('Standard Contact Forms', 'chatbot'); ?></li>
283 <li><?php esc_html_e('Dynamic,', 'chatbot'); ?> <?php esc_html_e('conditional Forms', 'chatbot'); ?> <?php esc_html_e('– where fields can change based on the user selections', 'chatbot'); ?> <span class="qc_wpbot_pro" style="font-size: 9px;">PRO</span>
284 </li>
285 <li>Job <?php esc_html_e('Application Forms', 'chatbot'); ?>
286 </li>
287 <li>
288 <?php esc_html_e('Lead Capture', 'chatbot'); ?> <?php esc_html_e('Forms', 'chatbot'); ?>
289 </li>
290 <li><?php esc_html_e('Various types of', 'chatbot'); ?> <?php esc_html_e('Calculators', 'chatbot'); ?>
291 <span class="qc_wpbot_pro" style="font-size: 9px;"><?php esc_html_e('PRO', 'chatbot'); ?></span>
292 </li>
293 <li><?php esc_html_e('Feedback', 'chatbot'); ?> Survey<?php esc_html_e(' Forms etc.', 'chatbot'); ?> </li>
294 </ul>
295 </div>
296 </div>
297 </div>
298 <div class="panel panel-default">
299 <div class="panel-heading" role="tab" id="AIheadingThree">
300 <h4 class="panel-title">
301 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#AIcollapseThree" aria-expanded="false" aria-controls="AIcollapseThree"> <?php esc_html_e('DialogFlow ES and CX, OpenAI', 'chatbot'); ?> </a>
302 </h4>
303 </div>
304 <div id="AIcollapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="AIheadingThree">
305 <div class="panel-body">
306
307 <div class="section-container">
308 <div class="wpb_column vc_column_container vc_col-sm-6">
309 <div class="wpb_wrapper">
310 <h3 style="font-size: 20px;"><?php esc_html_e('DialogFlow Essential', 'chatbot'); ?></h3> <?php esc_html_e('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 automatically 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.', 'chatbot'); ?> <p></p>
311 <p style="text-align: left;"><?php esc_html_e('In addition you can also Enable ', 'chatbot'); ?><?php esc_html_e('Advanced Chained Question and Answers 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.', 'chatbot'); ?> <span class="qc_wpbot_pro" style="font-size: 9px;"><?php esc_html_e('PRO', 'chatbot'); ?></span>
312 </p>
313 <p style="text-align: left;"><?php esc_html_e('WPBot also supports Rich responses using Facebook Messenger integration. This allows you to display Image,', 'chatbot'); ?> Cards<?php esc_html_e(', Quick Text Reply or Custom PayLoad inside the ChatBot window. You can also insert an ', 'chatbot'); ?><?php esc_html_e('image', 'chatbot'); ?><?php esc_html_e(' or', 'chatbot'); ?> <?php esc_html_e('youtube video', 'chatbot'); ?><?php esc_html_e(' link inside the DialogFlow responses and they will be automatically rendered by the WPBot!', 'chatbot'); ?> <span class="qc_wpbot_pro" style="font-size: 9px;"><?php esc_html_e('PRO', 'chatbot'); ?></span>
314 </p>
315 <h3 style="font-size: 20px;"><?php esc_html_e('OpenAI', 'chatbot'); ?></h3><?php esc_html_e('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.', 'chatbot'); ?>
316 </div>
317 </div>
318 <div class="wpb_column vc_column_container vc_col-sm-6">
319 <div class="wpb_wrapper">
320 <h3 style="font-size: 20px;"><?php esc_html_e('DialogFlow CX', 'chatbot'); ?> <span class="qc_wpbot_pro">PRO</span>
321 </h3>
322 <p><?php esc_html_e('WPBot supports', 'chatbot'); ?> <?php esc_html_e('visual workflow builder', 'chatbot'); ?><?php esc_html_e(' 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', 'chatbot'); ?> <?php esc_html_e('workflow', 'chatbot'); ?>. </p>
323 <ul>
324 <li>
325 <?php esc_html_e('Console visualization', 'chatbot'); ?><?php esc_html_e(': A new', 'chatbot'); ?><?php esc_html_e('visual builder', 'chatbot'); ?> <?php esc_html_e('makes building and maintaining agents easier. Conversation paths are graphed as a state machine model, which makes conversations easier to design, enhance, and maintain.', 'chatbot'); ?>
326 </li>
327 <li>
328 <?php esc_html_e('Intuitive and powerful conversation control', 'chatbot'); ?>: <?php esc_html_e('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.', 'chatbot'); ?>
329 </li>
330 <li>
331 <?php esc_html_e('Flows for agent partitions', 'chatbot'); ?>: <?php esc_html_e('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.', 'chatbot'); ?>
332 </li>
333 <img style="width:100%" src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/dialogflow-cx-1024x676.jpg' ); ?>" alt="Dialogflow CX">
334 </ul>
335 </div>
336 </div>
337 </div>
338
339
340 </div>
341 </div>
342
343
344 <!-- end new Section -->
345
346 </div>
347 </div>
348 </div>
349
350
351
352
353 <div class="wppt-settings-section" id="general_wp_nutshell" style="display:none;">
354 <div class="content form-container qcbot_help_secion">
355 <!-- new Section -->
356 <h3 class="qcld-wpbot-main-tabs-title"><?php echo esc_html__('WPBot – In a Nutshell', 'chatbot'); ?></h3>
357
358 <p><?php echo esc_html__('This is by no means a comprehensive list of WPBot features. But knowing these core terms will help you understand how WPBot was designed to work.', 'chatbot'); ?></p>
359 <div style="clear:both"></div>
360 <div class="panel panel-default">
361 <div class="panel-heading" role="tab" id="headingOne">
362 <h4 class="panel-title">
363 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <?php esc_html_e('Intents', 'chatbot'); ?> </a>
364 </h4>
365 </div>
366 <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
367 <div class="panel-body">
368 <?php echo esc_html_e(' Intent is all about what the user wants to get out of the interaction. Whenever a user types something or clicks a button, the ChatBot will try to understand what the user wants and fulfill the request with appropriate responses.', 'chatbot'); ?></br></br>
369 <?php echo esc_html_e('You have to create possible Intent Responses using different features of the WPBot so the bot can respond accordingly. You can create Responses for various Intents using:', 'chatbot'); ?><b>
370 <?php echo esc_html_e('Simple Text Responses, Conversational form builder, FAQ, Site Search, Send an eMail, Newsletter Subscription, DialogFlow, OpenAI etc.', 'chatbot'); ?></b></br></br>
371 <?php echo esc_html_e('Please check this article for','chatbot'); ?> <span class="wppt_nav_container qcld-plan-tab-text">
372 <a href="#general_int"><?php echo esc_html_e('more details', 'chatbot'); ?></a> </span> <?php echo esc_html_e('on how you can create Intents and Responses.', 'chatbot'); ?>
373 </div>
374 </div>
375 </div>
376 <div class="panel panel-default">
377 <div class="panel-heading" role="tab" id="headingSix">
378 <h4 class="panel-title">
379 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> <?php esc_html_e('Action Start Menu', 'chatbot'); ?> </a>
380 </h4>
381 </div>
382 <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
383 <div class="panel-body">
384 <?php echo esc_html_e('While using a ChatBot, users can get lost or not know how to Interact with the Bot. That is why we have a Action Start Menu to always give the user', 'chatbot'); ?> <b><?php echo esc_html_e('options to do more', 'chatbot'); ?></b>. <?php echo esc_html_e('From ChatBot->Settings->Action Start Menu you can drag Available Menu Items (Intents) to the Active Menu Items area.', 'chatbot'); ?></br></br>
385 <?php echo esc_html_e('Besides the built-in Intents, you can also create custom Intents for your Action Start Menu using','chatbot'); ?> <b><?php echo esc_html_e('Simple Text Responses', 'chatbot'); ?></b> and <b><?php echo esc_html_e('Conversational form builder', 'chatbot'); ?></b>. <?php echo esc_html_e('You can create almost any kind of response with the combinations of the two.', 'chatbot'); ?></br></br>
386 <?php echo esc_html_e('We recommend enabling','chatbot'); ?><b><?php echo esc_html_e(' Show Action Start Menu After Greetings ', 'chatbot'); ?></b><?php echo esc_html_e('from ChatBot Pro->Settings->General settings.','chatbot'); ?>
387 </div>
388 </div>
389 </div>
390 <div class="panel panel-default">
391 <div class="panel-heading" role="tab" id="headingSeven">
392 <h4 class="panel-title">
393 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven"> <?php esc_html_e('Settings', 'chatbot'); ?> </a>
394 </h4>
395 </div>
396 <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
397 <div class="panel-body">
398 <?php echo esc_html_e('Head over to ChatBot Pro->Settings->General and make sure to Enable the Floating Icon. As soon as you do that, the ChatBot can start working for your users. Make sure to drag some items to the Active Menu area under the Action Start Menu.', 'chatbot'); ?></br></br>
399 <?php echo esc_html_e('The ChatBot settings area is full of options. Do not be intimidated by that. You do not need to use all the options – just what you need. Head over to the Settings->', 'chatbot'); ?><b><?php echo esc_html_e('Icons and Themes','chatbot'); ?></b> <?php echo esc_html_e('for options to customize your ChatBot. You will also find options to embed the ChatBot on a page, click to chat, FAQ builder etc. under the Setting options.', 'chatbot'); ?>
400 </div>
401 </div>
402 </div>
403 <div class="panel panel-default">
404 <div class="panel-heading" role="tab" id="headingEight">
405 <h4 class="panel-title">
406 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseEight"> <?php esc_html_e('Language Center', 'chatbot'); ?> </a>
407 </h4>
408 </div>
409 <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
410 <div class="panel-body">
411 <?php echo esc_html_e('You can use the ChatBot in', 'chatbot'); ?> <b><?php echo esc_html_e('ANY language', 'chatbot'); ?></b>. <?php echo esc_html_e('Just translate the texts used by the ChatBot from the WordPress dashboard ChatBot Pro->', 'chatbot'); ?><b><?php echo esc_html_e('Language Center. Multi language', 'chatbot'); ?></b> <?php echo esc_html_e('module is available in the Master License..','chatbot'); ?>
412 </div>
413 </div>
414 </div>
415 <div class="panel panel-default">
416 <div class="panel-heading" role="tab" id="headingtwo">
417 <h4 class="panel-title">
418 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsetwo" aria-expanded="false" aria-controls="collapseOne"> <?php esc_html_e('Simple Text Responses', 'chatbot'); ?> </a>
419 </h4>
420 </div>
421 <div id="collapsetwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingtwo">
422 <div class="panel-body">
423 <?php echo esc_html_e('You can use ChatBot Pro->Simple Text Responses to create', 'chatbot'); ?> <b><?php echo esc_html_e('text-based responses', 'chatbot'); ?></b> <?php echo esc_html_e('that users may ask your ChatBot. Just define the questions, answers, and some keywords and you are done. This is a much simpler', 'chatbot'); ?> <b><?php echo esc_html_e('alternative ', 'chatbot'); ?></b> <?php echo esc_html_e('to DialogFlow or OpenAI.', 'chatbot'); ?>
424 </div>
425 </div>
426 </div>
427 <div class="panel panel-default">
428 <div class="panel-heading" role="tab" id="headingThree">
429 <h4 class="panel-title">
430 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <?php esc_html_e('Conversational Forms', 'chatbot'); ?> </a>
431 </h4>
432 </div>
433 <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
434 <div class="panel-body">
435 <?php echo esc_html_e('Use conversational forms to collect information from the users. This is also great for Button driven workflow. Create conditional conversations and forms for a native WordPress ChatBot experience. Build Standard Forms, Dynamic Forms with', 'chatbot'); ?> <b> <?php echo esc_html_e('conditional fields, Calculators, Appointment booking', 'chatbot'); ?></b> <?php echo esc_html_e('etc.', 'chatbot'); ?>
436 </div>
437 </div>
438 </div>
439 <div class="panel panel-default">
440 <div class="panel-heading" role="tab" id="headingten">
441 <h4 class="panel-title">
442 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseten" aria-expanded="false" aria-controls="collapseten"> <?php esc_html_e('Retargeting (Pro feature)', 'chatbot'); ?> </a>
443 </h4>
444 </div>
445 <div id="collapseten" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingten">
446 <div class="panel-body">
447 <?php echo esc_html_e('Retargeting is a powerful feature to grab your user’s attention with motivating information (a sale, coupon, ebook etc.). You can trigger a Retargeting message and the ChatBot window will automatically', 'chatbot'); ?> <b> <?php echo esc_html_e('automatically ', 'chatbot'); ?></b><?php echo esc_html_e('open up with your message. You can trigger Retargeting for ', 'chatbot'); ?><b> <?php echo esc_html_e('Exit Intent, Exit Intent, Scroll Intent, Auto After “X” Seconds, Checkout', 'chatbot'); ?></b> <?php echo esc_html_e('etc.', 'chatbot'); ?>
448 </div>
449 </div>
450 </div>
451 <div class="panel panel-default">
452 <div class="panel-heading" role="tab" id="headingFour">
453 <h4 class="panel-title">
454 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <?php esc_html_e('OpenAI or DialogFlow', 'chatbot'); ?> </a>
455 </h4>
456 </div>
457 <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
458 <div class="panel-body">
459 <?php echo esc_html_e('If you need a bot that can understand natural language better, use either OpenAI or DialogFlow. Between the two', 'chatbot'); ?> <b> <?php echo esc_html_e('DialogFlow', 'chatbot'); ?></b> <?php echo esc_html_e('is better if you want to', 'chatbot'); ?> <b> <?php echo esc_html_e('provide customer support', 'chatbot'); ?></b>. <?php echo esc_html_e('OpenAI is better at generic questions and training OpenAI also requires a large dataset. But you do not have to use either 3rd party service. Using OpenAI or DialogFlow requires some patience and', 'chatbot'); ?> <b> <?php echo esc_html_e('effort', 'chatbot'); ?></b>. <?php echo esc_html_e('You may very well achieve what you need using ', 'chatbot'); ?><b> <?php echo esc_html_e('Simple Text Responses', 'chatbot'); ?></b> <?php echo esc_html_e('and/or', 'chatbot'); ?> <b> <?php echo esc_html_e('Conversational form builder', 'chatbot'); ?></b> <?php echo esc_html_e('instead.', 'chatbot'); ?>
460 </div>
461 </div>
462 </div>
463 <div class="panel panel-default">
464 <div class="panel-heading" role="tab" id="headingFive">
465 <h4 class="panel-title">
466 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> <?php esc_html_e('Getting Help', 'chatbot'); ?> </a>
467 </h4>
468 </div>
469 <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
470 <div class="panel-body">
471 <?php echo esc_html_e('We have built-in Help section under each module. Please check them out and you will get many answers to the questions you may have. If you cannot find the answer to something particular, just contact us.', 'chatbot'); ?> <b><?php echo esc_html_e('Pro version ', 'chatbot'); ?></b><?php echo esc_html_e('users can open a support ticket from here. We are ', 'chatbot'); ?><b><?php echo esc_html_e('friendly ', 'chatbot'); ?></b><?php echo esc_html_e('and always here to help.', 'chatbot'); ?>
472 </div>
473 </div>
474 </div>
475 </div>
476 <!-- end new Section -->
477
478
479 </div>
480 <script type="text/javascript">
481 jQuery(document).ready(function($){
482 var url=document.URL;
483 var arr=url.split('#');
484 var tab_tar = '.'+arr[1];
485 setTimeout(function(){
486 jQuery(tab_tar).trigger('click');
487 }, 500);
488
489 jQuery('.wppt_nav_container .nav-tab').on('click', function(e){
490 e.preventDefault();
491 var section_id = jQuery(this).attr('href');
492 jQuery('.wppt_nav_container .nav-tab').removeClass('nav-tab-active');
493 jQuery(this).addClass('nav-tab-active');
494 jQuery('.wppt-settings-section').hide();
495 jQuery('.wppt-settings-section').each(function(){
496 jQuery(section_id).show();
497 });
498 });
499 })
500 </script>
501 </section>
502 <section id="section-flip-2">
503 <div class="top-section">
504 <div class="row">
505 <div class="col-xs-12">
506 <!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic" style="<?php // echo esc_attr('background: #2271B1'); ?>">
507 <p class="<?php // esc_attr_e( 'd-ib"><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'chatbot'); ?>
508 </div> -->
509
510 <h3 class="qcld-wpbot-main-tabs-title"><?php esc_html_e('General settings', 'chatbot'); ?></h3>
511
512 <?php if( get_option( 'ai_enabled') != 1 && get_option('qcld_openrouter_enabled') !='1' ){ ?>
513 <div class="qcld-general-settings-connection-notic">
514
515 <p>
516 <?php esc_html_e( ' When you activate the plugin, by default only the Site search option will work. Site search displays links to your website pages that contain the keywords in the user query.','chatbot' ); ?>
517 </p>
518 <p>
519 <?php esc_html_e( 'Use ','chatbot' ); ?><a href="<?php echo esc_url(admin_url('admin.php?page=simple-text-response')); ?>"><b><?php esc_html_e( 'Simple Text Responses','chatbot' ); ?></b></a> <?php esc_html_e( ' or','chatbot' ); ?> <a href="<?php echo esc_url(admin_url('admin.php?page=wpbot_openAi')); ?>"><b><?php esc_html_e( 'Connect to an AI service','chatbot' ); ?> </b></a><?php esc_html_e( 'like OpenAI or OpenRouter. Openrouter supports all the major AI models like Anthropic, Google Gemini, Meta, Mistral, Cohere, xAI, Perplexity AI, DeepSeek etc. and also provides Free Credits.','chatbot' ); ?>
520
521 </p>
522
523 <a class="qcld-general-settings-close" href="javascript:void(0);" onclick="this.parentElement.style.display='none'; localStorage.setItem('qcld_general_settings_notice_closed', '1');">×</a>
524 </div>
525 <?php } ?>
526
527 <div class="cxsc-settings-blocks-notic">
528 <p class="d-ib"><i class="dashicons dashicons-yes" aria-hidden="true"></i> <?php esc_html_e('Please see the plugin`s Getting Started section for how to create interactions.', 'chatbot'); ?></p>
529 <p class="d-ib"><i class="dashicons dashicons-yes" aria-hidden="true"></i> <?php esc_html_e('You can change ALL the texts used by the ChatBot to YOUR language here to make it speak French, German, Spanish etc. -> Change Language', 'chatbot'); ?></p>
530 <p class="d-ib"><i class="dashicons dashicons-yes" aria-hidden="true"></i> <?php esc_html_e('Please see the plugin`s Help and Debugging section to troubleshoot common issues.', 'chatbot'); ?></p>
531 </div>
532 </div>
533 </div>
534
535
536
537
538 <div class="row">
539 <div class="col-xs-6">
540 <div class="cxsc-settings-blocks">
541 <div class="form-group" style=" min-height: 150px;">
542 <?php
543 $qcld_wpbot_url = get_site_url();
544 $qcld_wpbot_url_parts = wp_parse_url($qcld_wpbot_url);
545 $qcld_wpbot_domain = $qcld_wpbot_url_parts['host'];
546 $qcld_wpbot_admin_email = get_option('admin_email');
547 ?>
548 <h4 class="qc-opt-title"><?php esc_html_e('Emails Will be Sent to', 'chatbot'); ?></h4>
549 <input type="text" class="form-control qc-opt-dcs-font"
550 name="qlcd_wp_chatbot_admin_email"
551 value="<?php echo (get_option('qlcd_wp_chatbot_admin_email') != '' ? esc_attr(get_option('qlcd_wp_chatbot_admin_email')) : esc_attr(sanitize_email($qcld_wpbot_admin_email)) ); ?>">
552 <label class="qcld_label_width_full qcld_label_width_half" for="disable_wp_chatbot"><?php esc_html_e('Support and Call Back requests will be sent to this address', 'chatbot'); ?> </label>
553 </div>
554 </div>
555 </div>
556 <div class="col-xs-6">
557 <div class="cxsc-settings-blocks">
558 <div class="form-group">
559 <?php
560 $qcld_wpbot_url = get_site_url();
561 $qcld_wpbot_url_parts = wp_parse_url($qcld_wpbot_url);
562 $qcld_wpbot_domain = $qcld_wpbot_url_parts['host'];
563 $qcld_wpbot_from_email = "wordpress@" . $qcld_wpbot_domain;
564 ?>
565 <h4 class="qc-opt-title"><?php esc_html_e('From Email Address', 'chatbot'); ?></h4>
566 <input type="text" class="form-control qc-opt-dcs-font"
567 name="qlcd_wp_chatbot_from_email"
568 value="<?php echo (get_option('qlcd_wp_chatbot_from_email') != '' ? esc_attr( get_option('qlcd_wp_chatbot_from_email')) : esc_attr(sanitize_email($qcld_wpbot_from_email))); ?> ">
569 <label class="qcld_label_width_full qcld_label_width_half" for="qlcd_wp_chatbot_from_email"><?php esc_html_e('All emails will be sent from this email address. If you change the From Email Address then please make sure the domain remains the same as where WordPress is installed. Otherwise, the emails may not be received.', 'chatbot'); ?> </label>
570 </div>
571 </div>
572 </div>
573 </div>
574 <style>
575 .wpbot-cards-grid {
576 display: grid;
577 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
578 gap: 20px;
579 margin-bottom: 20px;
580 margin-top: 20px;
581 }
582 .wpbot-checkbox-card {
583 cursor: pointer;
584 display: block;
585 position: relative;
586 margin: 0;
587 }
588 .wpbot-checkbox-card input[type="checkbox"] {
589 position: absolute;
590 opacity: 0;
591 width: 0;
592 height: 0;
593 }
594 .wpbot-checkbox-card .card-body {
595 border: 1px solid #e2e8f0;
596 border-radius: 12px;
597 padding: 20px;
598 background: #f8fafc;
599 transition: all 0.2s ease;
600 height: 100%;
601 box-sizing: border-box;
602 display: flex;
603 flex-direction: column;
604 position: relative;
605 }
606 .wpbot-checkbox-card input[type="checkbox"]:checked + .card-body {
607 border-color: #5b4e96;
608 background: #eff6ff;
609 box-shadow: 0 0 0 1px #5b4e96, 0 8px 24px rgba(37, 99, 235, 0.15);
610 }
611 .wpbot-checkbox-card .check-icon {
612 position: absolute;
613 top: 30px;
614 right: 16px;
615 width: 24px;
616 height: 24px;
617 border-radius: 50%;
618 background: #f8fafc;
619 border: 2px solid #e2e8f0;
620 display: flex;
621 align-items: center;
622 justify-content: center;
623 transition: all 0.2s ease;
624 z-index: 2;
625 }
626 .wpbot-checkbox-card input[type="checkbox"]:checked + .card-body .check-icon {
627 background: #5b4e96;
628 border-color: #5b4e96;
629 }
630 .wpbot-checkbox-card .check-icon svg {
631 width: 14px;
632 height: 14px;
633 stroke: #e2e8f0;
634 stroke-width: 3;
635 stroke-linecap: round;
636 stroke-linejoin: round;
637 fill: none;
638 transition: stroke 0.2s ease;
639 }
640 .wpbot-checkbox-card input[type="checkbox"]:checked + .card-body .check-icon svg {
641 stroke: white;
642 }
643 .wpbot-checkbox-card .icon-wrapper {
644 width: 48px;
645 height: 48px;
646 border-radius: 12px;
647 background: #ffffff;
648 border: 1px solid #e2e8f0;
649 display: flex;
650 align-items: center;
651 justify-content: center;
652 margin-bottom: 16px;
653 color: #64748b;
654 }
655 .wpbot-checkbox-card input[type="checkbox"]:checked + .card-body .icon-wrapper {
656 border-color: #e0e7ff;
657 background: #f0fdf4;
658 color: #5b4e96;
659 }
660 .wpbot-checkbox-card h4 {
661 margin: 0 0 8px 0 !important;
662 font-size: 16px !important;
663 font-weight: 600 !important;
664 color: #1e293b !important;
665 line-height: 1.4 !important;
666 }
667 .wpbot-checkbox-card p {
668 margin: 0 !important;
669 font-size: 14px !important;
670 color: #64748b !important;
671 line-height: 1.5 !important;
672 }
673 .wpbot-cards-grid-divider {
674 height: 1px;
675 width: 100%;
676 background: #eee;
677 }
678 </style>
679
680 <div class="row">
681 <div class="col-xs-12">
682
683 <div class="wpbot-cards-grid-divider"></div>
684
685 <div class="wpbot-cards-grid">
686 <label class="wpbot-checkbox-card">
687 <input value="1" id="enable_asking_for_email" type="checkbox" name="enable_asking_for_email" <?php echo (get_option('enable_asking_for_email') == 1 ? esc_attr('checked' ): ''); ?>>
688 <div class="card-body">
689 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
690 <div class="icon-wrapper"><i class="dashicons dashicons-email" style="font-size:24px;width:24px;height:24px;"></i></div>
691 <h4><?php esc_html_e('Enable Asking for Email', 'chatbot'); ?></h4>
692 <p><?php esc_html_e('Enable Asking for Email', 'chatbot'); ?></p>
693 </div>
694 </label>
695 </div>
696 <div class="wpbot-cards-grid-divider"></div>
697 <div class="wpbot-cards-grid">
698 <label class="wpbot-checkbox-card">
699 <input value="1" id="skip_wp_greetings" type="checkbox" name="skip_wp_greetings" <?php echo(get_option('skip_wp_greetings') == 1 ? 'checked' : ''); ?>>
700 <div class="card-body">
701 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
702 <div class="icon-wrapper"><i class="dashicons dashicons-controls-skipforward" style="font-size:24px;width:24px;height:24px;"></i></div>
703 <h4><?php echo esc_html__("Skip Greetings (Asking for Name, Email) and Show Action Start Menu", 'chatbot'); ?></h4>
704 <p><?php echo esc_html__("Skip asking for name, Email and directly show the Action Start Menu.", 'chatbot'); ?></p>
705 </div>
706 </label>
707 <label class="wpbot-checkbox-card">
708 <input value="1" id="skip_wp_greetings_donot_show_menu" type="checkbox" name="skip_wp_greetings_donot_show_menu" <?php echo(get_option('skip_wp_greetings_donot_show_menu') == 1 ? 'checked' : ''); ?>>
709 <div class="card-body">
710 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
711 <div class="icon-wrapper"><i class="dashicons dashicons-hidden" style="font-size:24px;width:24px;height:24px;"></i></div>
712 <h4><?php echo esc_html__("Skip Greetings (Asking for Name, Email) and Disable Action Start Menu", 'chatbot'); ?></h4>
713 <p><?php echo esc_html__("Skip asking for name, Email and disable the Action Start Menu.", 'chatbot'); ?></p>
714 </div>
715 </label>
716 <label class="wpbot-checkbox-card">
717 <input value="1" id="show_menu_after_greetings" type="checkbox" name="show_menu_after_greetings" <?php echo (get_option('show_menu_after_greetings') == 1 ? esc_attr('checked' ): ''); ?>>
718 <div class="card-body">
719 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
720 <div class="icon-wrapper"><i class="dashicons dashicons-menu-alt" style="font-size:24px;width:24px;height:24px;"></i></div>
721 <h4><?php esc_html_e('Show Action Start Menu After Greetings', 'chatbot'); ?></h4>
722 <p><?php esc_html_e('Show Action Start Menu immediately after greetings.', 'chatbot'); ?></p>
723 </div>
724 </label>
725 </div>
726 <div class="wpbot-cards-grid-divider"> </div>
727 <div class="wpbot-cards-grid">
728 <label class="wpbot-checkbox-card">
729 <span class="pro-badge" style="display:inline-block; padding:2px 8px; background:#5B4E96; color:#fff; border-radius:20px; font-size:9px; font-weight:bold; text-transform:uppercase; vertical-align:middle;position: relative;top: 10px;z-index: 999;">PRO</span>
730 <input value="1" id="skip_wp_greetings_trigger_intent" type="checkbox" name="skip_wp_greetings_trigger_intent" disabled />
731 <div class="card-body">
732 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
733 <div class="icon-wrapper"><i class="dashicons dashicons-controls-skipforward" style="font-size:24px;width:24px;height:24px;"></i></div>
734 <h4><?php echo esc_html__("Skip Greetings and Trigger an Intent", 'chatbot'); ?> </h4>
735 <p><?php echo esc_html__("Skip Asking for Name and Trigger an Intent", 'chatbot'); ?></p>
736 <div class="qc_wp_intent_select_container" style="margin-top: 10px; ">
737 <div style="margin-bottom: 8px;">
738 <label style="font-weight: 600; font-size: 13px; color: #5b4e96; display: block; margin-bottom: 4px;"><?php esc_html_e('Select an Intent for non logged in user', 'chatbot'); ?></label>
739 <select name="qlcd_wp_chatbot_intent_for_non_logged_in_user" id="qlcd_wp_chatbot_intent_for_non_logged_in_user" style="width: 100%; max-width: 250px;" disabled>
740 <option value=""><?php esc_html_e('Select Intent', 'chatbot'); ?></option>
741
742 </select>
743 </div>
744 <div>
745 <label style="font-weight: 600; font-size: 13px; color: #5b4e96; display: block; margin-bottom: 4px;"><?php esc_html_e('Select an Intent for Logged in User', 'chatbot'); ?></label>
746 <select name="qlcd_wp_chatbot_intent_for_logged_in_user" id="qlcd_wp_chatbot_intent_for_logged_in_user" style="width: 100%; max-width: 250px;" disabled>
747 <option value=""><?php esc_html_e('Select Intent', 'chatbot'); ?></option>
748 </select>
749 </div>
750 </div>
751 </div>
752 </label>
753 </div>
754 <div class="wpbot-cards-grid-divider"></div>
755 <div class="wpbot-cards-grid">
756 <label class="wpbot-checkbox-card">
757 <input value="1" id="disable_back_to_start_menu" type="checkbox" name="disable_back_to_start_menu" <?php echo (get_option('disable_back_to_start_menu') == 1 ? esc_attr('checked' ): ''); ?>>
758 <div class="card-body">
759 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
760 <div class="icon-wrapper"><i class="dashicons dashicons-undo" style="font-size:24px;width:24px;height:24px;"></i></div>
761 <h4><?php esc_html_e('Disable Back to Action Start Menu', 'chatbot'); ?></h4>
762 <p><?php esc_html_e('Remove the option to go back to the Action Start Menu.', 'chatbot'); ?></p>
763 </div>
764 </label>
765 </div>
766 <div class="wpbot-cards-grid-divider"></div>
767 <div class="wpbot-cards-grid">
768
769
770 <label class="wpbot-checkbox-card">
771 <input value="1" id="enable_wp_chatbot_rtl" type="checkbox" name="enable_wp_chatbot_rtl" <?php echo (get_option('enable_wp_chatbot_rtl') == 1 ? esc_attr('checked' ): ''); ?>>
772 <div class="card-body">
773 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
774 <div class="icon-wrapper"><i class="dashicons dashicons-editor-rtl" style="font-size:24px;width:24px;height:24px;"></i></div>
775 <h4><?php esc_html_e('Enable RTL', 'chatbot'); ?></h4>
776 <p><?php esc_html_e('Enable Right to Left language support for Chat.', 'chatbot'); ?></p>
777 </div>
778 </label>
779
780
781 <label class="wpbot-checkbox-card">
782 <input value="1" id="wpbot_enable_on_search" type="checkbox" name="wpbot_enable_on_search" <?php echo (get_option('wpbot_enable_on_search') == 1 ? esc_attr('checked') : ''); ?>>
783 <div class="card-body">
784 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
785 <div class="icon-wrapper"><i class="dashicons dashicons-search" style="font-size:24px;width:24px;height:24px;"></i></div>
786 <h4><?php esc_html_e('Enable Chatbot On WordPress search', 'chatbot'); ?></h4>
787 <p><?php esc_html_e('Enable Chatbot on WordPress search pages.', 'chatbot'); ?></p>
788 </div>
789 </label>
790
791 <label class="wpbot-checkbox-card">
792 <input value="1" id="open_links_new_window" type="checkbox" name="open_links_new_window" <?php echo (get_option('open_links_new_window') == 1 ? esc_attr('checked'): ''); ?>>
793 <div class="card-body">
794 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
795 <div class="icon-wrapper"><i class="dashicons dashicons-external" style="font-size:24px;width:24px;height:24px;"></i></div>
796 <h4><?php esc_html_e('Links in New Window', 'chatbot'); ?></h4>
797 <p><?php esc_html_e('Open all Chatbot links in a new browser window.', 'chatbot'); ?></p>
798 </div>
799 </label>
800 </div>
801 <div class="wpbot-cards-grid-divider"></div>
802 <div class="wpbot-cards-grid">
803 <label class="wpbot-checkbox-card">
804 <input value="1" id="disable_floating_button" type="checkbox" name="disable_floating_button" <?php echo (get_option('disable_floating_button') == 1 ? esc_attr('checked' ): ''); ?>>
805 <div class="card-body">
806 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
807 <div class="icon-wrapper"><i class="dashicons dashicons-dismiss" style="font-size:24px;width:24px;height:24px;"></i></div>
808 <h4><?php esc_html_e('Disable Floating Button', 'chatbot'); ?></h4>
809 <p><?php esc_html_e('Hide the chatbot floating icon from your website.', 'chatbot'); ?></p>
810 </div>
811 </label>
812 <label class="wpbot-checkbox-card">
813 <input value="1" id="disable_wp_chatbot_on_mobile" type="checkbox" name="disable_wp_chatbot_on_mobile" <?php echo (get_option('disable_wp_chatbot_on_mobile') == 1 ? esc_attr('checked' ) : ''); ?>>
814 <div class="card-body">
815 <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
816 <div class="icon-wrapper"><i class="dashicons dashicons-smartphone" style="font-size:24px;width:24px;height:24px;"></i></div>
817 <h4><?php esc_html_e('Disable WPbot on Mobile Device', 'chatbot'); ?></h4>
818 <p><?php esc_html_e('Disable WPBot from loading on mobile devices.', 'chatbot'); ?></p>
819 </div>
820 </label>
821 </div>
822
823
824 </div>
825 </div>
826
827 <div class="row">
828 <div class="col-xs-12">
829 <div class="form-group">
830 <h4 class="qc-opt-title"><?php esc_html_e('Bot Response Delay', 'chatbot'); ?> </h4>
831 <div class="cxsc-settings-blocks">
832 <select name="wpbot_preloading_time" id="wpbot_preloading_time">
833 <?php $current_preloading_time = get_option('wpbot_preloading_time'); ?>
834 <option value="100" <?php selected($current_preloading_time, '100'); ?>><?php esc_html_e('0.1 Second', 'chatbot'); ?></option>
835 <option value="500" <?php selected($current_preloading_time, '500'); ?>><?php esc_html_e('0.5 Second', 'chatbot'); ?></option>
836 <option value="1000" <?php selected($current_preloading_time, '1000'); ?>><?php esc_html_e('1 Second', 'chatbot'); ?></option>
837 <option value="2000" <?php selected($current_preloading_time, '2000'); ?>><?php esc_html_e('2 Second', 'chatbot'); ?></option>
838 <option value="3000" <?php selected($current_preloading_time, '3000'); ?>><?php esc_html_e('3 Second', 'chatbot'); ?></option>
839 </select>
840 <label class="qcld_label_width_full" for="wpbot_preloading_time"><?php esc_html_e('Bot Response Delay', 'chatbot'); ?> </label>
841 </div>
842 </div>
843 </div>
844 </div>
845
846
847
848
849
850 <div class="row">
851 <div class="col-xs-12">
852 <div class="form-group">
853 <h4 class="qc-opt-title">
854 <?php esc_html_e('Override WPBot Icon\'s Position', 'chatbot'); ?>
855 </h4>
856 <div class="cxsc-settings-blocks cxsc-settings-blocks-font-resize">
857 <?php
858 $qcld_wb_chatbot_position_x = get_option('wp_chatbot_position_x');
859 if ((!isset($qcld_wb_chatbot_position_x)) || ($qcld_wb_chatbot_position_x == "")) {
860 $qcld_wb_chatbot_position_x = __("120", 'chatbot');
861 }
862 $qcld_wb_chatbot_position_y = get_option('wp_chatbot_position_y');
863 if ((!isset($qcld_wb_chatbot_position_y)) || ($qcld_wb_chatbot_position_y == "")) {
864 $qcld_wb_chatbot_position_y = __("120", 'chatbot');
865 }
866 ?>
867 <input type="number" class="qc-opt-dcs-font"
868 name="wp_chatbot_position_x"
869 value="<?php echo esc_attr($qcld_wb_chatbot_position_x);?>"
870 placeholder="<?php esc_attr_e('From Right In ', 'chatbot'); ?>">
871 <span class="qc-opt-dcs-font">
872 <?php esc_html_e('From Right In px', 'chatbot'); ?>
873 </span>
874 <input type="number" class="qc-opt-dcs-font"
875 name="wp_chatbot_position_y"
876 value="<?php echo esc_attr($qcld_wb_chatbot_position_y); ?>"
877 placeholder="<?php esc_attr_e('From Bottom In Px', 'chatbot'); ?> ">
878 <span class="qc-opt-dcs-font">
879 <?php esc_html_e('From Bottom In px', 'chatbot'); ?>
880 </span> </div>
881 </div>
882 <!--.col-sm-12-->
883 </div>
884 <!-- row-->
885 </div>
886 <div class="row">
887 <div class="col-xs-12">
888
889 <div class="panel panel-default">
890 <div class="panel-heading" role="tab" id="headingTwoControl">
891 <h4 class="panel-title">
892 <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwoControl" aria-expanded="false" aria-controls="collapseTwoControl"> <?php esc_html_e('WPBot Loading Control Options', 'chatbot'); ?> </a>
893 </h4>
894 </div>
895 <div id="collapseTwoControl" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwoControl">
896 <div class="panel-body">
897 <h3 class="qcld-wpbot-main-tabs-title"><?php esc_html_e('WPBot Loading Control Options', 'chatbot'); ?></h3>
898 <div class="cxsc-settings-blocks cxsc-settings-blocks-style">
899 <div class="row">
900 <div class="col-sm-4 text-right"> <span class="qc-opt-title-font">
901 <?php esc_html_e('Show on Home Page', 'chatbot'); ?>
902 </span> </div>
903 <div class="col-sm-8">
904 <label class="radio-inline ">
905 <input id="wp-chatbot-show-home-page" type="radio"
906 name="wp_chatbot_show_home_page"
907 value="on" <?php echo(get_option('wp_chatbot_show_home_page') == 'on' ? esc_attr('checked' ): ''); ?>>
908 <?php esc_html_e('YES', 'chatbot'); ?>
909 </label>
910 <label class="radio-inline ">
911 <input id="wp-chatbot-show-home-page" type="radio"
912 name="wp_chatbot_show_home_page"
913 value="off" <?php echo(get_option('wp_chatbot_show_home_page') == 'off' ? esc_attr('checked' ): ''); ?>>
914 <?php esc_html_e('NO', 'chatbot'); ?>
915 </label>
916 </div>
917 </div>
918 <!-- row-->
919 <div class="row">
920 <div class="col-sm-4 text-right"> <span class="qc-opt-title-font">
921 <?php esc_html_e('Show on blog posts', 'chatbot'); ?>
922 </span> </div>
923 <div class="col-sm-8">
924 <label class="radio-inline ">
925 <input class="wp-chatbot-show-posts" type="radio"
926 name="wp_chatbot_show_posts"
927 value="on" <?php echo(get_option('wp_chatbot_show_posts') == 'on' ? esc_attr('checked' ): ''); ?>>
928 <?php esc_html_e('YES', 'chatbot'); ?>
929 </label>
930 <label class="radio-inline ">
931 <input class="wp-chatbot-show-posts" type="radio"
932 name="wp_chatbot_show_posts"
933 value="off" <?php echo(get_option('wp_chatbot_show_posts') == 'off' ? esc_attr('checked' ): ''); ?>>
934 <?php esc_html_e('NO', 'chatbot'); ?>
935 </label>
936 </div>
937 </div>
938 <!-- row-->
939 <div class="row">
940 <div class="col-md-4 text-right"> <span class="qc-opt-title-font">
941 <?php esc_html_e('Show on pages', 'chatbot'); ?>
942 </span> </div>
943 <div class="col-md-8">
944 <label class="radio-inline ">
945 <input class="wp-chatbot-show-pages" type="radio"
946 name="wp_chatbot_show_pages"
947 value="on" <?php echo(get_option('wp_chatbot_show_pages') == 'on' ? esc_attr('checked' ): ''); ?>>
948 <?php esc_html_e('All Pages', 'chatbot'); ?>
949 </label>
950 <label class="radio-inline ">
951 <input class="wp-chatbot-show-pages" type="radio"
952 name="wp_chatbot_show_pages"
953 value="off" <?php echo(get_option('wp_chatbot_show_pages') == 'off' ? esc_attr('checked' ): ''); ?>>
954 <?php esc_html_e('Selected Pages Only ', 'chatbot'); ?>
955 </label>
956 <div id="wp-chatbot-show-pages-list">
957 <ul class="checkbox-list">
958 <?php
959 $wp_chatbot_pages = get_pages();
960 $wp_chatbot_select_pages = maybe_unserialize(get_option('wp_chatbot_show_pages_list'));
961 foreach ($wp_chatbot_pages as $wp_chatbot_page) {
962 ?>
963 <li>
964 <input id="<?php echo esc_attr('wp_chatbot_show_page_'. $wp_chatbot_page->ID ); ?>"
965 type="checkbox"
966 name="wp_chatbot_show_pages_list[]"
967 value="<?php echo esc_attr($wp_chatbot_page->ID); ?>" <?php if (!empty($wp_chatbot_select_pages) && in_array($wp_chatbot_page->ID, $wp_chatbot_select_pages) == true) {
968 echo esc_attr('checked');
969 } ?> >
970 <label for="wp_chatbot_show_page_<?php echo esc_attr($wp_chatbot_page->ID); ?>"> <?php echo esc_html($wp_chatbot_page->post_title); ?></label>
971 </li>
972 <?php } ?>
973 </ul>
974 </div>
975 </div>
976 </div>
977 <!--row-->
978 <div class="row">
979 <div class="col-sm-4 text-right"> <span class="qc-opt-title-font">
980 <?php esc_html_e('Exclude from Custom Post', 'chatbot'); ?>
981 </span></div>
982 <div class="col-sm-8">
983 <div id="wp-chatbot-exclude-post-list" class="wp-chatbot-exclude-post-list">
984 <ul class="checkbox-list">
985 <?php
986 $get_cpt_args = array(
987 'public' => true,
988 '_builtin' => false
989 );
990
991 $post_types = get_post_types( $get_cpt_args, 'object' );
992 $wp_chatbot_exclude_post_list = maybe_unserialize(get_option('wp_chatbot_exclude_post_list'));
993
994 foreach ($post_types as $post_type) {
995 ?>
996 <li>
997 <input
998 id="<?php echo esc_attr( 'wp_chatbot_exclude_post_'. $post_type->name ); ?>"
999 type="checkbox"
1000 name="wp_chatbot_exclude_post_list[]"
1001 value="<?php echo esc_attr($post_type->name); ?>" <?php if (!empty($wp_chatbot_exclude_post_list) && in_array($post_type->name, $wp_chatbot_exclude_post_list) == true) {
1002 echo esc_attr('checked');
1003 } ?> >
1004 <label
1005 for="wp_chatbot_exclude_post_<?php echo esc_attr($post_type->name); ?>"> <?php echo esc_html($post_type->name); ?></label>
1006 </li>
1007 <?php } ?>
1008 </ul>
1009 </div>
1010 </div>
1011 </div>
1012 </div>
1013
1014 </div>
1015 </div>
1016 </div>
1017 <!-- cxsc-settings-blocks-->
1018 </div>
1019 <!-- col-xs-12-->
1020 </div>
1021 <!-- row-->
1022
1023 </div>
1024 <!-- top-section-->
1025 </section>
1026 <section id="section-flip-5">
1027 <div class="wp-chatbot-language-center-summmery"> </div>
1028 <div class="row">
1029 <div class="col-md-12">
1030 <h4 class="qc-opt-title"><b><?php echo esc_html__( 'Change Language', 'chatbot'); ?></b></h4>
1031 <!-- Language Selection Dropdown -->
1032 <div class="cxsc-settings-blocks mb-6">
1033 <div class="form-group">
1034 <label for="qcld_language_center_select" class="block text-sm font-medium text-gray-700 mb-2 qc-opt-language-title">
1035 <?php echo esc_html__( 'Select a Language:', 'chatbot'); ?>
1036 </label>
1037 <select id="qcld_language_center_select" class="form-select" onchange="qcld_wpbot_languageChange_from_center(this.value)">
1038 <option value=""> <?php echo esc_html__( '-- Choose a language --', 'chatbot'); ?></option>
1039 <option value="arabic" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'arabic' ? 'selected' : '' ?>><?php echo esc_html__( 'Arabic (ar)', 'chatbot'); ?></option>
1040 <option value="bulgarian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'bulgarian' ? 'selected' : '' ?>><?php echo esc_html__( 'Bulgarian (bg)', 'chatbot'); ?></option>
1041 <option value="chinese" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'chinese' ? 'selected' : '' ?>><?php echo esc_html__( 'Chinese (zh)', 'chatbot'); ?></option>
1042 <option value="chinese_mandarin" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'chinese_mandarin' ? 'selected' : '' ?>><?php echo esc_html__( 'Chinese Mandarin (cmn)', 'chatbot'); ?></option>
1043 <option value="danish" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'danish' ? 'selected' : '' ?>><?php echo esc_html__( 'Danish (da)', 'chatbot'); ?></option>
1044 <option value="dutch" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'dutch' ? 'selected' : '' ?>><?php echo esc_html__( 'Dutch (nl)', 'chatbot'); ?></option>
1045 <option value="english" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'english' ? 'selected' : '' ?>><?php echo esc_html__( 'English (en)', 'chatbot'); ?></option>
1046 <option value="estonian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'estonian' ? 'selected' : '' ?>><?php echo esc_html__( 'Estonian (et)', 'chatbot'); ?></option>
1047 <option value="filipino" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'filipino' ? 'selected' : '' ?>><?php echo esc_html__( 'Filipino (fil)', 'chatbot'); ?></option>
1048 <option value="french" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'french' ? 'selected' : '' ?>><?php echo esc_html__( 'French (fr)', 'chatbot'); ?></option>
1049 <option value="german" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'german' ? 'selected' : '' ?>><?php echo esc_html__( 'German (de)', 'chatbot'); ?></option>
1050 <option value="greek" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'greek' ? 'selected' : '' ?>><?php echo esc_html__( 'Greek (el)', 'chatbot'); ?></option>
1051 <option value="hebrew" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'hebrew' ? 'selected' : '' ?>><?php echo esc_html__( 'Hebrew (he)', 'chatbot'); ?></option>
1052 <option value="hindi" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'hindi' ? 'selected' : '' ?>><?php echo esc_html__( 'Hindi (hi)', 'chatbot'); ?></option>
1053 <option value='hungarian' <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'hungarian' ? 'selected' : '' ?>><?php echo esc_html__( 'Hungarian (hu)', 'chatbot'); ?></option>
1054 <option value="indonesian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'indonesian' ? 'selected' : '' ?>><?php echo esc_html__( 'Indonesian (id)', 'chatbot'); ?></option>
1055 <option value="italian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'italian' ? 'selected' : '' ?>><?php echo esc_html__( 'Italian (it)', 'chatbot'); ?></option>
1056 <option value="japanese" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'japanese' ? 'selected' : '' ?>><?php echo esc_html__( 'Japanese (ja)', 'chatbot'); ?></option>
1057 <option value="korean" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'korean' ? 'selected' : '' ?>><?php echo esc_html__( 'Korean (ko)', 'chatbot'); ?></option>
1058 <option value="lithuanian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'lithuanian' ? 'selected' : '' ?>><?php echo esc_html__( 'Lithuanian (lt)', 'chatbot'); ?></option>
1059 <option value="malay" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'malay' ? 'selected' : '' ?>><?php echo esc_html__( 'Malay (ms)', 'chatbot'); ?></option>
1060 <option value="norwegian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'norwegian' ? 'selected' : '' ?>><?php echo esc_html__( 'Norwegian (no)', 'chatbot'); ?></option>
1061 <option value="persian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'persian' ? 'selected' : '' ?>><?php echo esc_html__( 'Persian (fa)', 'chatbot'); ?></option>
1062 <option value="polish" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'polish' ? 'selected' : '' ?>><?php echo esc_html__( 'Polish (pl)', 'chatbot'); ?></option>
1063 <option value="portuguese" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'portuguese' ? 'selected' : '' ?>><?php echo esc_html__( 'Portuguese (pt)', 'chatbot'); ?></option>
1064 <option value="romanian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'romanian' ? 'selected' : '' ?>><?php echo esc_html__( 'Romanian (ro)', 'chatbot'); ?></option>
1065 <option value="russian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'russian' ? 'selected' : '' ?>><?php echo esc_html__( 'Russian (ru)', 'chatbot'); ?></option>
1066 <option value="sinhala" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'sinhala' ? 'selected' : '' ?>><?php echo esc_html__( 'Sinhala (si)', 'chatbot'); ?></option>
1067 <option value="spanish" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'spanish' ? 'selected' : '' ?>><?php echo esc_html__( 'Spanish (es)', 'chatbot'); ?></option>
1068 <option value="swedish" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'swedish' ? 'selected' : '' ?>><?php echo esc_html__( 'Swedish (sv)', 'chatbot'); ?></option>
1069 <option value="thai" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'thai' ? 'selected' : '' ?>><?php echo esc_html__( 'Thai (th)', 'chatbot'); ?></option>
1070 <option value="turkish" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'turkish' ? 'selected' : '' ?>><?php echo esc_html__( 'Turkish (tr)', 'chatbot'); ?></option>
1071 <option value="ukrainian" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'ukrainian' ? 'selected' : '' ?>><?php echo esc_html__( 'Ukrainian (uk)', 'chatbot'); ?></option>
1072 <option value="vietnamese" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'vietnamese' ? 'selected' : '' ?>><?php echo esc_html__( 'Vietnamese (vi)', 'chatbot'); ?></option>
1073 <option value="not_mine" <?php echo (get_option('wp_chatbot_language_center_language') !== "") && get_option('wp_chatbot_language_center_language') === 'not_mine' ? 'selected' : '' ?>><?php echo esc_html__( 'My language is not here', 'chatbot'); ?></option>
1074 </select>
1075 <!-- Results Display Area -->
1076 <div id="results-container" class="mt-8 p-4 flex items-center justify-center text-gray-600">
1077 <p id="initial-message">
1078 <?php echo esc_html__( 'Select your language to auto translate the texts used by the ChatBot. You can fine tune and update them manually from below.', 'chatbot'); ?> <b><?php echo esc_html__( 'Remember to Save the Settings.', 'chatbot'); ?></b>
1079 </p>
1080 <p id="waring-message"></p>
1081 </div>
1082 </div>
1083 </div>
1084 </div>
1085 </div>
1086 <ul class="nav nav-tabs">
1087 <li class="active"><a data-toggle="tab" href="#wp-chatbot-lng-general">
1088 <?php esc_html_e('General', 'chatbot'); ?>
1089 </a></li>
1090 <li><a data-toggle="tab" href="#wp-chatbot-lng-support">
1091 <?php esc_html_e('FAQ', 'chatbot'); ?>
1092 </a></li>
1093 <li><a data-toggle="tab" href="#wp-chatbot-lng-reserve-keyword">
1094 <?php esc_html_e('ChatBot Keywords', 'chatbot'); ?>
1095 </a></li>
1096 </ul>
1097 <div class="tab-content">
1098 <div id="wp-chatbot-lng-general" class="tab-pane fade in active">
1099 <div class="top-section">
1100
1101 <div class="row">
1102 <div class="col-xs-12" id="wp-chatbot-language-section">
1103 <p style="color: red"><b><?php esc_html_e('You can change ALL the texts used by the ChatBot to YOUR OWN language here (like Spanish, French etc.).', 'chatbot' ); ?></b></p>
1104 <p><?php esc_html_e('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).', 'chatbot' ); ?></p>
1105 <p><?php esc_html_e('You could use &lt;br&gt; tag for line break.', 'chatbot' ); ?></p>
1106 <div class="form-group">
1107 <h4 class="qc-opt-title">
1108 <?php esc_html_e('Your Company or Website Name', 'chatbot'); ?>
1109 </h4>
1110 <input type="text" class="form-control qc-opt-dcs-font"
1111 name="qlcd_wp_chatbot_host"
1112 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_host') != '' ? get_option('qlcd_wp_chatbot_host') : 'Our Store') ); ?>">
1113 </div>
1114 <div class="form-group">
1115 <h4 class="qc-opt-title">
1116 <?php esc_html_e('Agent name', 'chatbot'); ?>
1117 </h4>
1118 <input type="text" class="form-control qc-opt-dcs-font"
1119 name="qlcd_wp_chatbot_agent"
1120 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_agent') != '' ? get_option('qlcd_wp_chatbot_agent') : 'Carrie')); ?>">
1121 </div>
1122 <div class="form-group">
1123 <h4 class="qc-opt-title">
1124 <?php esc_html_e('User demo name', 'chatbot'); ?>
1125 </h4>
1126 <input type="text" class="form-control qc-opt-dcs-font"
1127 name="qlcd_wp_chatbot_shopper_demo_name"
1128 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_shopper_demo_name') != '' ? get_option('qlcd_wp_chatbot_shopper_demo_name') : 'Amigo')); ?>">
1129 </div>
1130 <div class="form-group">
1131 <h4 class="qc-opt-title">
1132 <?php esc_html_e('YES', 'chatbot'); ?>
1133 </h4>
1134 <input type="text" class="form-control qc-opt-dcs-font"
1135 name="qlcd_wp_chatbot_yes"
1136 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_yes') != '' ? get_option('qlcd_wp_chatbot_yes') : 'YES')); ?>">
1137 </div>
1138 <div class="form-group">
1139 <h4 class="qc-opt-title">
1140 <?php esc_html_e('NO', 'chatbot'); ?>
1141 </h4>
1142 <input type="text" class="form-control qc-opt-dcs-font"
1143 name="qlcd_wp_chatbot_no"
1144 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_no') != '' ? get_option('qlcd_wp_chatbot_no') : 'NO')); ?>">
1145 </div>
1146 <div class="form-group">
1147 <h4 class="qc-opt-title">
1148 <?php esc_html_e('OR', 'chatbot'); ?>
1149 </h4>
1150 <input type="text" class="form-control qc-opt-dcs-font"
1151 name="qlcd_wp_chatbot_or"
1152 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_or') != '' ? get_option('qlcd_wp_chatbot_or') : 'OR')); ?>">
1153 </div>
1154 <div class="form-group">
1155 <h4 class="qc-opt-title">
1156 <?php esc_html_e('Sorry', 'chatbot'); ?>
1157 </h4>
1158 <input type="text" class="form-control qc-opt-dcs-font "
1159 name="qlcd_wp_chatbot_sorry"
1160 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sorry') != '' ? get_option('qlcd_wp_chatbot_sorry') : 'Sorry')); ?>">
1161 </div>
1162
1163 <div class="form-group">
1164 <?php
1165 $agent_join_options = maybe_unserialize(get_option('qlcd_wp_chatbot_agent_join'));
1166 $agent_join_option = 'qlcd_wp_chatbot_agent_join';
1167 $agent_join_text = __('has joined the conversation', 'chatbot');
1168 $this->qcld_wb_chatbot_dynamic_multi_option($agent_join_options, $agent_join_option, $agent_join_text);
1169 ?>
1170 </div>
1171 </div>
1172 <!--col-xs-12-->
1173 <div class="col-xs-12" id="wp-chatbot-language-section">
1174 <h4 class="text-success">
1175 <?php esc_html_e(' Message setting for Greetings: ', 'chatbot'); ?>
1176 </h4>
1177 <div class="form-group">
1178 <?php
1179 $welcome_to_options = maybe_unserialize(get_option('qlcd_wp_chatbot_welcome'));
1180 $welcome_to_option = 'qlcd_wp_chatbot_welcome';
1181 $welcome_to_text = esc_html('Welcome to');
1182 $this->qcld_wb_chatbot_dynamic_multi_option($welcome_to_options, $welcome_to_option, $welcome_to_text);
1183 ?>
1184 </div>
1185 <div class="form-group">
1186 <?php
1187 $welcome_back_options = maybe_unserialize(get_option('qlcd_wp_chatbot_welcome_back'));
1188 $welcome_back_option = 'qlcd_wp_chatbot_welcome_back';
1189 $welcome_back_text = esc_html('Welcome back');
1190 $this->qcld_wb_chatbot_dynamic_multi_option($welcome_back_options, $welcome_back_option, $welcome_back_text);
1191 ?>
1192 </div>
1193 <div class="form-group">
1194 <?php
1195 $back_to_start_options = maybe_unserialize(get_option('qlcd_wp_chatbot_back_to_start'));
1196 $back_to_start_option = 'qlcd_wp_chatbot_back_to_start';
1197 $back_to_start_text = esc_html('Back to Start');
1198 $this->qcld_wb_chatbot_dynamic_multi_option($back_to_start_options, $back_to_start_option, $back_to_start_text);
1199 ?>
1200 </div>
1201 <div class="form-group">
1202 <?php
1203 $hi_there_options = maybe_unserialize(get_option('qlcd_wp_chatbot_hi_there'));
1204 $hi_there_option = 'qlcd_wp_chatbot_hi_there';
1205 $hi_there_text = esc_html('Hi There!');
1206 $this->qcld_wb_chatbot_dynamic_multi_option($hi_there_options, $hi_there_option, $hi_there_text);
1207 ?>
1208 </div>
1209 <div class="form-group">
1210 <?php
1211 $hello_options = maybe_unserialize(get_option('qlcd_wp_chatbot_hello'));
1212 $hello_option = 'qlcd_wp_chatbot_hello';
1213 $hello_text = esc_html('Hello');
1214 $this->qcld_wb_chatbot_dynamic_multi_option($hello_options, $hello_option, $hello_text);
1215 ?>
1216 </div>
1217 <div class="form-group">
1218 <?php
1219 $asking_name_options = maybe_unserialize(get_option('qlcd_wp_chatbot_asking_name'));
1220 $asking_name_option = 'qlcd_wp_chatbot_asking_name';
1221 $asking_name_text = esc_html('May I know your name?');
1222 $this->qcld_wb_chatbot_dynamic_multi_option($asking_name_options, $asking_name_option, $asking_name_text);
1223 ?>
1224 </div>
1225 <div class="form-group">
1226 <?php
1227 $i_am_options = maybe_unserialize(get_option('qlcd_wp_chatbot_i_am'));
1228 $i_am_option = 'qlcd_wp_chatbot_i_am';
1229 $i_am_text = esc_html('I am');
1230 $this->qcld_wb_chatbot_dynamic_multi_option($i_am_options, $i_am_option, $i_am_text);
1231 ?>
1232 </div>
1233 <div class="form-group">
1234 <?php
1235 $name_greeting_options = maybe_unserialize(get_option('qlcd_wp_chatbot_name_greeting'));
1236 $name_greeting_option = 'qlcd_wp_chatbot_name_greeting';
1237 $name_greeting_text = esc_html('Nice to meet you');
1238 $this->qcld_wb_chatbot_dynamic_multi_option($name_greeting_options, $name_greeting_option, $name_greeting_text);
1239 ?>
1240 </div>
1241 <div class="form-group">
1242 <?php
1243 $wildcard_msg_options = maybe_unserialize(get_option('qlcd_wp_chatbot_wildcard_msg'));
1244 $wildcard_msg_option = 'qlcd_wp_chatbot_wildcard_msg';
1245 $wildcard_msg_text = esc_html('I am here to find what you need. What are you looking for?');
1246 $this->qcld_wb_chatbot_dynamic_multi_option($wildcard_msg_options, $wildcard_msg_option, $wildcard_msg_text);
1247 ?>
1248 </div>
1249 <div class="form-group">
1250 <?php
1251 $empty_filter_msgs = maybe_unserialize(get_option('qlcd_wp_chatbot_empty_filter_msg'));
1252 $empty_filter_msg = 'qlcd_wp_chatbot_empty_filter_msg';
1253 $empty_filter_msg_text = esc_html('Sorry, I did not understand that');
1254 $this->qcld_wb_chatbot_dynamic_multi_option($empty_filter_msgs, $empty_filter_msg, $empty_filter_msg_text);
1255 ?>
1256 </div>
1257 <div class="form-group">
1258 <?php
1259 $qlcd_wp_chatbot_did_you_mean = maybe_unserialize(get_option('qlcd_wp_chatbot_did_you_mean'));
1260 $qlcd_wp_chatbot_did_you_means = 'qlcd_wp_chatbot_did_you_mean';
1261 $wp_chatbot_no_result_text = esc_html('Did you mean?');
1262 $this->qcld_wb_chatbot_dynamic_multi_option($qlcd_wp_chatbot_did_you_mean, $qlcd_wp_chatbot_did_you_means, $wp_chatbot_no_result_text);
1263 ?>
1264 </div>
1265 <h4 class="text-success">
1266 <?php esc_html_e('Message setting for Editor Box ', 'chatbot'); ?>
1267 </h4>
1268 <div class="form-group">
1269 <?php
1270 $is_typing_options = maybe_unserialize(get_option('qlcd_wp_chatbot_is_typing'));
1271 $is_typing_option = 'qlcd_wp_chatbot_is_typing';
1272 $is_typing_text = esc_html('is typing...');
1273 $this->qcld_wb_chatbot_dynamic_multi_option($is_typing_options, $is_typing_option, $is_typing_text);
1274 ?>
1275 </div>
1276 <div class="form-group">
1277 <?php
1278 $send_a_msg_options = maybe_unserialize(get_option('qlcd_wp_chatbot_send_a_msg'));
1279 $send_a_msg_option = 'qlcd_wp_chatbot_send_a_msg';
1280 $send_a_msg_text = esc_html('Send a message');
1281 $this->qcld_wb_chatbot_dynamic_multi_option($send_a_msg_options, $send_a_msg_option, $send_a_msg_text);
1282 ?>
1283 </div>
1284 <div class="form-group">
1285 <?php
1286 $choose_option_options = maybe_unserialize(get_option('qlcd_wp_chatbot_choose_option'));
1287 $choose_option_option = 'qlcd_wp_chatbot_choose_option';
1288 $choose_option_text = esc_html('Choose an option');
1289 $this->qcld_wb_chatbot_dynamic_multi_option($choose_option_options, $choose_option_option, $choose_option_text);
1290 ?>
1291 </div>
1292 <div class="form-group">
1293 <?php
1294 $asking_email_options = maybe_unserialize(get_option('qlcd_wp_chatbot_asking_email'));
1295 $asking_email_option = 'qlcd_wp_chatbot_asking_email';
1296 $asking_email_text = esc_html('Please provide your email address');
1297 $this->qcld_wb_chatbot_dynamic_multi_option($asking_email_options, $asking_email_option, $asking_email_text);
1298 ?>
1299 </div>
1300 <div class="form-group">
1301 <?php
1302 $invalid_email_options = maybe_unserialize(get_option('qlcd_wp_chatbot_invalid_email'));
1303 $invalid_email_option = 'qlcd_wp_chatbot_invalid_email';
1304 $invalid_email_text = esc_html('Sorry, Email address is not valid! Please provide a valid email.');
1305 $this->qcld_wb_chatbot_dynamic_multi_option($invalid_email_options, $invalid_email_option, $invalid_email_text);
1306 ?>
1307 </div>
1308 <div class="form-group">
1309 <?php
1310 $asking_msg_options = maybe_unserialize(get_option('qlcd_wp_chatbot_asking_msg'));
1311 $asking_msg_option = 'qlcd_wp_chatbot_asking_msg';
1312 $asking_msg_text = esc_html('Thank you for email address. Please write your message now.');
1313 $this->qcld_wb_chatbot_dynamic_multi_option($asking_msg_options, $asking_msg_option, $asking_msg_text);
1314 ?>
1315 </div>
1316 <div class="form-group">
1317 <h4 class="qc-opt-title">
1318 <?php esc_html_e('WPBot Support Mail Subject', 'chatbot'); ?>
1319 </h4>
1320 <input type="text" class="form-control qc-opt-dcs-font"
1321 name="qlcd_wp_chatbot_email_sub"
1322 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_email_sub') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_email_sub')) : 'Support Email Subject') ); ?>">
1323 </div>
1324 <div class="form-group">
1325 <?php
1326 $support_option_again_options = maybe_unserialize(get_option('qlcd_wp_chatbot_support_option_again'));
1327 $support_option_again_option = 'qlcd_wp_chatbot_support_option_again';
1328 $support_option_again_text = esc_html('You may choose option from below.');
1329 $this->qcld_wb_chatbot_dynamic_multi_option($support_option_again_options, $support_option_again_option, $support_option_again_text);
1330 ?>
1331 </div>
1332 <div class="form-group">
1333 <h4 class="qc-opt-title">
1334 <?php esc_html_e('Your email was sent successfully.Thanks!', 'chatbot'); ?>
1335 </h4>
1336 <input type="text" class="form-control qc-opt-dcs-font"
1337 name="qlcd_wp_chatbot_email_sent"
1338 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_email_sent') != '' ? get_option('qlcd_wp_chatbot_email_sent') : 'Your email was sent successfully.Thanks!')); ?> ">
1339 </div>
1340 <div class="form-group">
1341 <h4 class="qc-opt-title">
1342 <?php esc_html_e('Sorry! I could not send your mail! Please contact the webmaster.', 'chatbot'); ?>
1343 </h4>
1344 <input type="text" class="form-control qc-opt-dcs-font "
1345 name="qlcd_wp_chatbot_email_fail"
1346 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_email_fail') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_email_fail')) : 'Sorry! fail to send email')); ?> ">
1347 </div>
1348
1349 <div class="form-group">
1350 <h4 class="qc-opt-title">
1351 <?php esc_html_e('Check the relevant pages for more details and up to date information:', 'chatbot'); ?>
1352 </h4>
1353 <input type="text" class="form-control qc-opt-dcs-font "
1354 name="qlcd_wp_chatbot_relevant_post_link_openai"
1355 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_relevant_post_link_openai') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_relevant_post_link_openai')) : 'Check the relevant pages for more details and up to date information:')); ?> ">
1356 </div>
1357
1358 <div class="form-group">
1359 <?php
1360 $asking_phone_options = maybe_unserialize(get_option('qlcd_wp_chatbot_asking_phone'));
1361 $asking_phone_option = 'qlcd_wp_chatbot_asking_phone';
1362 $asking_phone_text = esc_html('Please provide your Phone number');
1363 $this->qcld_wb_chatbot_dynamic_multi_option($asking_phone_options, $asking_phone_option, $asking_phone_text);
1364 ?>
1365 </div>
1366 <div class="form-group">
1367 <?php
1368 $thanks_phone_options = maybe_unserialize(get_option('qlcd_wp_chatbot_thank_for_phone'));
1369 $thanks_phone_option = 'qlcd_wp_chatbot_thank_for_phone';
1370 $thanks_phone_text = esc_html('Thank you for Phone number');
1371 $this->qcld_wb_chatbot_dynamic_multi_option($thanks_phone_options, $thanks_phone_option, $thanks_phone_text);
1372 ?>
1373 </div>
1374 <div class="form-group">
1375 <h4 class="qc-opt-title">
1376 <?php esc_html_e('Thanks for your phone number. We will call you ASAP!', 'chatbot'); ?>
1377 </h4>
1378 <input type="text" class="form-control qc-opt-dcs-font"
1379 name="qlcd_wp_chatbot_phone_sent"
1380 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_phone_sent') != '' ?get_option('qlcd_wp_chatbot_phone_sent') : 'Thanks for your phone number. We will call you ASAP!')); ?> ">
1381 </div>
1382 <div class="form-group">
1383 <h4 class="qc-opt-title">
1384 <?php esc_html_e('Sorry! I could not collect phone number! Please contact the webmaster.', 'chatbot'); ?>
1385 </h4>
1386 <input type="text" class="form-control qc-opt-dcs-font"
1387 name="qlcd_wp_chatbot_phone_fail"
1388 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_phone_fail') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_phone_fail')) : 'Sorry! I could not collect phone number!')); ?> ">
1389 </div>
1390
1391 <div class="form-group">
1392 <h4 class="qc-opt-title">
1393 <?php esc_html_e('Please enter your keyword for searching', 'chatbot'); ?>
1394 </h4>
1395 <input type="text" class="form-control qc-opt-dcs-font"
1396 name="qlcd_wp_chatbot_asking_search_keyword"
1397 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_asking_search_keyword') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_asking_search_keyword')) : 'Please enter your keyword for searching')); ?> ">
1398 </div>
1399 <div class="form-group">
1400 <h4 class="qc-opt-title">
1401 <?php esc_html_e('We have found these results', 'chatbot'); ?>
1402 </h4>
1403 <input type="text" class="form-control qc-opt-dcs-font"
1404 name="qlcd_wp_chatbot_found_result"
1405 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_found_result') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_found_result')) : 'We have found these results')); ?> ">
1406 </div>
1407 <div class="form-group">
1408 <?php
1409 $qlcd_wp_chatbot_product_fails = maybe_unserialize(get_option('qlcd_wp_chatbot_product_fail'));
1410 $qlcd_wp_chatbot_product_fail = 'qlcd_wp_chatbot_product_fail';
1411 $fail_text = esc_html('Sorry, I found nothing');
1412 $this->qcld_wb_chatbot_dynamic_multi_option($qlcd_wp_chatbot_product_fails, $qlcd_wp_chatbot_product_fail, $fail_text);
1413 ?>
1414 </div>
1415 </div>
1416 </div>
1417 </div>
1418 </div>
1419 <div id="wp-chatbot-lng-support" class="tab-pane fade">
1420 <div class="top-section">
1421 <div class="row">
1422 <div class="col-xs-12" id="wp-chatbot-language-section">
1423 <div class="form-group">
1424 <?php
1425 $support_welcome_options = maybe_unserialize(get_option('qlcd_wp_chatbot_support_welcome'));
1426 $support_welcome_option = 'qlcd_wp_chatbot_support_welcome';
1427 $support_welcome_text = esc_html('Welcome to FAQ Section');
1428 $this->qcld_wb_chatbot_dynamic_multi_option($support_welcome_options, $support_welcome_option, $support_welcome_text);
1429 ?>
1430 </div>
1431
1432
1433
1434 </div>
1435 </div>
1436 </div>
1437 </div>
1438 <div id="wp-chatbot-lng-reserve-keyword" class="tab-pane fade">
1439 <div class="top-section">
1440 <div class="row">
1441 <div class="col-xs-12" id="wp-chatbot-language-section">
1442 <div class="form-group">
1443 <h4 class="qc-opt-title">
1444 <?php esc_html_e('Start Keyword', 'chatbot'); ?>
1445 </h4>
1446 <input type="text" class="form-control qc-opt-dcs-font"
1447 name="qlcd_wp_chatbot_sys_key_help"
1448 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sys_key_help') != '' ? get_option('qlcd_wp_chatbot_sys_key_help'): 'start')) ; ?> ">
1449 </div>
1450 <div class="form-group">
1451 <h4 class="qc-opt-title"><strong>
1452 <?php esc_html_e('FAQ', 'chatbot'); ?>
1453 </strong>
1454 <?php esc_html_e('Keyword', 'chatbot'); ?>
1455 </h4>
1456 <input type="text" class="form-control qc-opt-dcs-font"
1457 name="qlcd_wp_chatbot_sys_key_support"
1458 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sys_key_support') != '' ? get_option('qlcd_wp_chatbot_sys_key_support') : 'faq')); ?> ">
1459 </div>
1460 <div class="form-group">
1461 <h4 class="qc-opt-title"><strong>
1462 <?php esc_html_e('Converstion History Clear', 'chatbot'); ?>
1463 </strong>
1464 <?php esc_html_e('Keyword', 'chatbot'); ?>
1465 </h4>
1466 <input type="text" class="form-control qc-opt-dcs-font"
1467 name="qlcd_wp_chatbot_sys_key_reset"
1468 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sys_key_reset') != '' ? get_option('qlcd_wp_chatbot_sys_key_reset') : 'reset')); ?> ">
1469 </div>
1470 <div class="form-group">
1471 <h4 class="qc-opt-title"><strong>
1472 <?php esc_html_e('eMail', 'chatbot'); ?>
1473 </strong>
1474 <?php esc_html_e('Keyword to Send eMail', 'chatbot'); ?>
1475 </h4>
1476 <input type="text" class="form-control qc-opt-dcs-font"
1477 name="qlcd_wp_chatbot_sys_key_email"
1478 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sys_key_email') != '' ? get_option('qlcd_wp_chatbot_sys_key_email'): 'email')); ?>">
1479 </div>
1480 <div class="form-group">
1481 <?php
1482 $help_welcome_options = maybe_unserialize(wp_kses_post(get_option('qlcd_wp_chatbot_help_welcome')));
1483 $help_welcome_option = 'qlcd_wp_chatbot_help_welcome';
1484 $help_welcome_text = esc_html('Welcome to Help Section');
1485 $this->qcld_wb_chatbot_dynamic_multi_option($help_welcome_options, $help_welcome_option, $help_welcome_text);
1486 ?>
1487 </div>
1488 <div class="form-group">
1489 <?php
1490 $help_msg_options = maybe_unserialize(wp_kses_post(get_option('qlcd_wp_chatbot_help_msg')));
1491 $help_msg_option = 'qlcd_wp_chatbot_help_msg';
1492 $help_msg_text = '<b>Type and Hit Enter</b><br><ul><li> <b>start</b> to Get back to the main menu. </li><li> <b>faq</b> for FAQ. </li><li> <b>email </b> to send eMail </li><li> <b>reset</b> to restart the chat</li></ul>';
1493 $this->qcld_wb_chatbot_dynamic_multi_option($help_msg_options, $help_msg_option, $help_msg_text);
1494 ?>
1495 </div>
1496 <div class="form-group">
1497 <?php
1498 $reset_options = maybe_unserialize(wp_kses_post(get_option('qlcd_wp_chatbot_reset')));
1499 $reset_option = 'qlcd_wp_chatbot_reset';
1500 $reset_text = esc_html('Do you want to clear our chat history and start over?' );
1501 $this->qcld_wb_chatbot_dynamic_multi_option($reset_options, $reset_option, $reset_text);
1502 ?>
1503 </div>
1504 </div>
1505 <!-- col-xs-12-->
1506 </div>
1507 <!-- row-->
1508 </div>
1509 <!-- top-section-->
1510 </div>
1511 </div>
1512 <!-- tab-content-->
1513 </section>
1514 <section id="section-flip-51">
1515 <!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic" style="<?php // echo esc_attr('background: #2271B1'); ?>">
1516 <p class="<?php // esc_attr_e( 'd-ib"><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'chatbot'); ?>
1517 </div> -->
1518 <div class="wp-chatbot-socail-btn-summmery"> </div>
1519
1520 <div class="tab-content">
1521 <div id="wp-chatbot-lng-general" class="tab-pane fade in active">
1522 <div class="top-section">
1523 <div class="row">
1524 <div class="col-xs-12" id="wp-chatbot-socila-btn">
1525
1526
1527
1528 <div class="form-group">
1529 <h4 class="qc-opt-title"> <?php echo esc_html__( 'Enable Chat Reactions for analytics (Like & Dislike)', 'chatbot' ); ?> </h4>
1530 <div class="cxsc-settings-blocks">
1531 <input value="1" id="skip_chat_reactions_menu" type="checkbox"
1532 name="skip_chat_reactions_menu" <?php echo( get_option( 'skip_chat_reactions_menu', 1 ) == 1 ? 'checked' : '' ); ?>>
1533 <label for="skip_chat_reactions_menu"><?php echo esc_html__( 'Enable Chat Reactions for analytics (Like & Dislike)', 'chatbot' ); ?> </label>
1534 </div>
1535 </div>
1536 <div class="form-group">
1537 <h4 class="qc-opt-title">
1538 <?php esc_html_e('Like Text', 'chatbot'); ?>
1539 </h4>
1540 <input type="text" class="form-control qc-opt-dcs-font "
1541 name="qlcd_wp_chatbot_like_text"
1542 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_like_text') != '' ? get_option('qlcd_wp_chatbot_like_text') : 'Like')); ?>">
1543 </div>
1544 <div class="form-group">
1545 <h4 class="qc-opt-title">
1546 <?php esc_html_e('Dislike Text', 'chatbot'); ?>
1547 </h4>
1548 <input type="text" class="form-control qc-opt-dcs-font "
1549 name="qlcd_wp_chatbot_dislike_text"
1550 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_dislike_text') != '' ? get_option('qlcd_wp_chatbot_dislike_text') : 'Dislike')); ?>">
1551 </div>
1552
1553 <div class="form-group">
1554 <h4 class="qc-opt-title"> <?php echo esc_html__( 'Enable Reporting Message', 'chatbot'); ?> </h4>
1555 <div class="cxsc-settings-blocks">
1556 <input value="1" id="enable_chat_report_menu" type="checkbox"
1557 name="enable_chat_report_menu" <?php echo( get_option( 'enable_chat_report_menu', 1 ) == 1 ? 'checked' : '' ); ?>>
1558 <label for="enable_chat_report_menu"><?php echo esc_html__( 'Enable Reporting Message', 'chatbot'); ?> </label>
1559 </div>
1560 </div>
1561 <div class="form-group">
1562 <h4 class="qc-opt-title">
1563 <?php esc_html_e('Report this Message', 'chatbot'); ?>
1564 </h4>
1565 <input type="text" class="form-control qc-opt-dcs-font "
1566 name="qlcd_wp_chatbot_report_text"
1567 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_report_text') != '' ? get_option('qlcd_wp_chatbot_report_text') : 'Report')); ?>">
1568 </div>
1569 <div class="form-group">
1570 <h4 class="qc-opt-title"> <?php echo esc_html__( 'Enable Chat Share', 'chatbot'); ?> </h4>
1571 <div class="cxsc-settings-blocks">
1572 <input value="1" id="enable_chat_share_menu" type="checkbox"
1573 name="enable_chat_share_menu" <?php echo( get_option( 'enable_chat_share_menu', 1 ) == 1 ? 'checked' : '' ); ?>>
1574 <label for="enable_chat_share_menu"><?php echo esc_html__( 'Enable Chat Share', 'chatbot'); ?> </label>
1575 </div>
1576 </div>
1577 <div class="form-group">
1578 <h4 class="qc-opt-title">
1579 <?php esc_html_e('Share', 'chatbot'); ?>
1580 </h4>
1581 <input type="text" class="form-control qc-opt-dcs-font "
1582 name="qlcd_wp_chatbot_share_text"
1583 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_share_text') != '' ? get_option('qlcd_wp_chatbot_share_text') : 'Share')); ?>">
1584 </div>
1585
1586 </div>
1587
1588 </div>
1589 </div>
1590 </div>
1591
1592 </div>
1593 <!-- tab-content-->
1594 </section>
1595
1596 <section id="section-flip-3">
1597 <!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic" style="<?php // echo esc_attr('background: #2271B1'); ?>">
1598 <p class="<?php // esc_attr_e( 'd-ib"><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'chatbot'); ?>
1599 </div> -->
1600 <ul class="nav nav-tabs">
1601 <li class="active"><a data-toggle="tab" href="#wp-chatbot-icon-theme-settings"><?php esc_html_e('Icons & Themes', 'chatbot'); ?></a></li>
1602 <li><a data-toggle="tab" href="#wp-chatbot-custom-color-options"><?php esc_html_e('Custom Style Options', 'chatbot'); ?></a></li>
1603 </ul>
1604 <div class="tab-content">
1605 <div id="wp-chatbot-icon-theme-settings" class="tab-pane fade in active">
1606 <div class="top-section">
1607
1608
1609
1610 <div class="row">
1611 <div class="col-xs-6">
1612 <div class="form-group">
1613 <h4 class="qc-opt-title">
1614 <?php esc_html_e('ChatBot Window Max Height', 'wpchatbot'); ?>
1615 </h4>
1616 <div class="cxsc-settings-blocks" style=" font-size: 15px;">
1617 <?php
1618 $chatbot_content_max_height = get_option('chatbot_content_max_height');
1619 if (!$chatbot_content_max_height) {
1620 $chatbot_content_max_height = 80;
1621 } else {
1622 $chatbot_content_max_height = get_option('chatbot_content_max_height');
1623 }
1624 ?>
1625 <input value="<?php echo esc_attr( $chatbot_content_max_height ); ?>" id="chatbot_content_max_height" type="number" min="0" max="100" placeholder="Max height 100" name="chatbot_content_max_height"> vh
1626 </div>
1627 </div>
1628 </div>
1629 <div class="col-xs-6">
1630 <div class="form-group">
1631 <h4 class="qc-opt-title">
1632 <?php esc_html_e('ChatBot Window Max Height ( Mobile Device )', 'wpchatbot'); ?>
1633 </h4>
1634 <div class="cxsc-settings-blocks" style=" font-size: 15px;">
1635 <?php
1636 $chatbot_content_max_height_responsive = get_option('chatbot_content_max_height_responsive');
1637 if (!$chatbot_content_max_height_responsive) {
1638 $chatbot_content_max_height_responsive = 100;
1639 } else {
1640 $chatbot_content_max_height_responsive = get_option('chatbot_content_max_height_responsive');
1641 }
1642 ?>
1643 <input value="<?php echo esc_attr( $chatbot_content_max_height_responsive ); ?>" id="chatbot_content_max_height_responsive" type="number" min="0" max="100" placeholder="Max height 100" name="chatbot_content_max_height_responsive"> vh
1644 </div>
1645 </div>
1646 </div>
1647 </div>
1648
1649
1650
1651
1652
1653
1654
1655 <div class="row">
1656 <div class="col-xs-12">
1657
1658 <h3 class="qcld-wpbot-main-tabs-title">
1659 <?php esc_html_e('WPBot Icon', 'chatbot'); ?>
1660 </h3>
1661 <div class="cxsc-settings-blocks">
1662 <ul class="radio-list">
1663
1664 <li>
1665 <label for="wp_chatbot_icon_0" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-0.png" alt="">
1666 <input id="wp_chatbot_icon_0" type="radio"
1667 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-0.png' ? esc_attr('checked' ): ''); ?>
1668 value="<?php echo esc_attr('icon-0.png'); ?>">
1669 <?php esc_html_e('Icon - 0', 'chatbot'); ?>
1670 </label>
1671 </li>
1672 <li>
1673 <label for="wp_chatbot_icon_1" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-1.png"
1674 alt="">
1675 <input id="wp_chatbot_icon_1" type="radio"
1676 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-1.png' ? esc_attr('checked' ): ''); ?>
1677 value="<?php echo esc_attr('icon-1.png'); ?>">
1678 <?php esc_html_e('Icon - 1', 'chatbot'); ?>
1679 </label>
1680 </li>
1681 <li>
1682 <label for="wp_chatbot_icon_2" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-2.png"
1683 alt="">
1684 <input id="wp_chatbot_icon_2" type="radio"
1685 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-2.png' ? esc_attr('checked' ): ''); ?>
1686 value="<?php echo esc_attr('icon-2.png'); ?>">
1687 <?php esc_html_e('Icon - 2', 'chatbot'); ?>
1688 </label>
1689 </li>
1690 <li>
1691 <label for="wp_chatbot_icon_3" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-3.png"
1692 alt="">
1693 <input id="wp_chatbot_icon_3" type="radio"
1694 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-3.png' ? esc_attr('checked' ): ''); ?>
1695 value="<?php echo esc_attr('icon-3.png'); ?>">
1696 <?php esc_html_e('Icon - 3', 'chatbot'); ?>
1697 </label>
1698 </li>
1699 <li>
1700 <label for="wp_chatbot_icon_4" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-4.png"
1701 alt="' ">
1702 <input id="wp_chatbot_icon_4" type="radio"
1703 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-4.png' ? esc_attr('checked'): ''); ?>
1704 value="<?php echo esc_attr('icon-4.png'); ?>">
1705 <?php esc_html_e('Icon - 4', 'chatbot'); ?>
1706 </label>
1707 </li>
1708 <li>
1709 <label for="wp_chatbot_icon_5" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-5.png"
1710 alt="">
1711 <input id="wp_chatbot_icon_5" type="radio"
1712 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-5.png' ? esc_attr('checked' ): ''); ?>
1713 value="<?php echo esc_attr('icon-5.png'); ?>">
1714 <?php esc_html_e('Icon - 5', 'chatbot'); ?>
1715 </label>
1716 </li>
1717 <li>
1718 <label for="wp_chatbot_icon_6" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-6.png"
1719 alt=" ">
1720 <input id="wp_chatbot_icon_6" type="radio"
1721 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-6.png' ? esc_attr('checked' ): ''); ?>
1722 value="<?php echo esc_attr('icon-6.png'); ?>">
1723 <?php esc_html_e('Icon - 6', 'chatbot'); ?>
1724 </label>
1725 </li>
1726 <li>
1727 <label for="wp_chatbot_icon_7" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-7.png"
1728 alt=" ">
1729 <input id="wp_chatbot_icon_7" type="radio"
1730 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-7.png' ? esc_attr('checked' ): ''); ?>
1731 value="<?php echo esc_attr('icon-7.png'); ?>">
1732 <?php esc_html_e('Icon - 7', 'chatbot'); ?>
1733 </label>
1734 </li>
1735 <li>
1736 <label for="wp_chatbot_icon_8" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-8.png"
1737 alt="">
1738 <input id="wp_chatbot_icon_8" type="radio"
1739 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-8.png' ? esc_attr('checked' ): ''); ?>
1740 value="<?php echo esc_attr('icon-8.png'); ?>">
1741 <?php esc_html_e('Icon - 8', 'chatbot'); ?>
1742 </label>
1743 </li>
1744 <li>
1745 <label for="wp_chatbot_icon_9" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-9.png"
1746 alt=" ">
1747 <input id="wp_chatbot_icon_9" type="radio"
1748 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-9.png' ? esc_attr('checked' ): ''); ?>
1749 value="<?php echo esc_attr('icon-9.png'); ?>">
1750 <?php esc_html_e('Icon - 9', 'chatbot'); ?>
1751 </label>
1752 </li>
1753 <li>
1754 <label for="wp_chatbot_icon_10" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-10.png"
1755 alt=" ">
1756 <input id="wp_chatbot_icon_10" type="radio"
1757 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-10.png' ? esc_attr('checked' ): ''); ?>
1758 value="<?php echo esc_attr('icon-10.png'); ?>">
1759 <?php esc_html_e('Icon - 10', 'chatbot'); ?>
1760 </label>
1761 </li>
1762 <li>
1763 <label for="wp_chatbot_icon_11" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-11.png"
1764 alt="">
1765 <input id="wp_chatbot_icon_11" type="radio"
1766 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-11.png' ? esc_attr('checked' ): ''); ?>
1767 value="<?php echo esc_attr('icon-11.png'); ?>">
1768 <?php esc_html_e('Icon - 11', 'chatbot'); ?>
1769 </label>
1770 </li>
1771 <li>
1772 <label for="wp_chatbot_icon_12" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-12.png"
1773 alt="">
1774 <input id="wp_chatbot_icon_12" type="radio"
1775 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-12.png' ? esc_attr('checked' ): ''); ?>
1776 value="<?php echo esc_attr('icon-12.png'); ?>">
1777 <?php esc_html_e('Icon - 12', 'chatbot'); ?>
1778 </label>
1779 </li>
1780
1781 <li>
1782 <label for="wp_chatbot_icon_13" class="qc-opt-dcs-font"><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-13.png"
1783 alt="">
1784 <input id="wp_chatbot_icon_13" type="radio"
1785 name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-13.png' ? esc_attr('checked' ): ''); ?>
1786 value="<?php echo esc_attr('icon-13.png'); ?>">
1787 <?php esc_html_e('Icon - 13', 'chatbot'); ?>
1788 </label>
1789 </li>
1790 <li>
1791 <?php
1792 if (get_option('wp_chatbot_custom_icon_path') != "") {
1793 $wp_chatbot_custom_icon_path = get_option('wp_chatbot_custom_icon_path');
1794 } else {
1795 $wp_chatbot_custom_icon_path = esc_url(QCLD_wpCHATBOT_IMG_URL) . 'custom.png';
1796 }
1797 ?>
1798 <label for="wp_chatbot_custom_icon_input" class="qc-opt-dcs-font"> <img id="wp_chatbot_custom_icon_src "
1799 src="<?php echo esc_url($wp_chatbot_custom_icon_path); ?>" alt=" ">
1800 <input id="wp_chatbot_custom_icon_input" type="radio"
1801 name="wp_chatbot_icon"
1802 value="<?php echo esc_attr('custom.png' ); ?>" <?php echo(get_option('wp_chatbot_icon') == 'custom.png' ? esc_attr('checked' ): ''); ?>>
1803 <?php esc_html_e('Custom Icon', 'chatbot'); ?>
1804 </label>
1805 </li>
1806 </ul>
1807 </div>
1808 <!-- cxsc-settings-blocks-->
1809
1810 <div class="row">
1811 <div class="col-xs-12">
1812 <div class="cxsc-settings-blocks">
1813 <div class="form-group">
1814 <h4 class="qc-opt-title">
1815 <?php esc_html_e('WPBot Icon Background Color.', 'chatbot'); ?>
1816 </h4>
1817 <input id="wp_chatbot_floatingiconbg_color" type="text" name="wp_chatbot_floatingiconbg_color" value="<?php echo esc_attr((get_option('wp_chatbot_floatingiconbg_color') != '' ? get_option('wp_chatbot_floatingiconbg_color'): '#fff') ); ?>"/>
1818 </div>
1819 </div>
1820 </div>
1821 </div>
1822 <div class="row">
1823 <div class="col-xs-12">
1824 <div class="form-group">
1825 <h4 class="qc-opt-title">
1826 <?php esc_html_e(' Upload custom Icon ', 'chatbot'); ?> <span class="small"><span class="text-danger"><?php esc_html_e('** If you select custom icon, you must upload an icon image.', 'chatbot'); ?></span></span>
1827 </h4>
1828 <div class="cxsc-settings-blocks">
1829 <input type="hidden" name="wp_chatbot_custom_icon_path"
1830 id="wp_chatbot_custom_icon_path"
1831 value="<?php echo esc_attr( $wp_chatbot_custom_icon_path ); ?>"/>
1832 <button type="button" class="qcld_chatbot_custom_icon_button button">
1833 <?php esc_html_e('Upload Icon', 'chatbot'); ?>
1834 </button>
1835 </div>
1836 </div>
1837 </div>
1838 </div>
1839 <!-- ===== Custom Icon Video / YouTube ===== -->
1840 <div class="row">
1841 <div class="col-xs-12">
1842 <div class="form-group">
1843 <h4 class="qc-opt-title"><?php echo esc_html__('Custom Icon Video / YouTube Link', 'wpchatbot'); ?></h4>
1844 <p style="margin-bottom:8px;"><?php echo esc_html__('Upload a short video file or paste a YouTube embed URL to use instead of the wpbot icon.', 'wpchatbot'); ?></p>
1845 <div class="cxsc-settings-blocks">
1846
1847 <?php
1848 $wp_chatbot_icon_video = get_option('wp_chatbot_icon_video', '');
1849 $is_youtube = (strpos($wp_chatbot_icon_video, 'youtube.com') !== false || strpos($wp_chatbot_icon_video, 'youtu.be') !== false);
1850 $is_video = !$is_youtube && $wp_chatbot_icon_video !== '';
1851 ?>
1852
1853 <!-- Video Upload -->
1854 <p style="font-weight:600;margin-bottom:4px;"><?php echo esc_html__('Upload Video File', 'wpchatbot'); ?></p>
1855 <input type="hidden"
1856 name="wp_chatbot_icon_video"
1857 id="wp_chatbot_icon_video"
1858 value="<?php echo esc_url($wp_chatbot_icon_video); ?>" />
1859 <button type="button" id="wp_chatbot_icon_video_btn" class="button">
1860 <?php echo esc_html__('Upload Video', 'wpchatbot'); ?>
1861 </button>
1862 <?php if ($is_video): ?>
1863 <span style="margin-left:8px;vertical-align:middle;">
1864 <video src="<?php echo esc_url($wp_chatbot_icon_video); ?>" width="80" height="80" style="border-radius:50%;object-fit:cover;" muted loop autoplay playsinline></video>
1865 </span>
1866 <?php endif; ?>
1867 <button type="button" id="wp_chatbot_icon_video_clear_btn" class="button" style="margin-left:6px;<?php echo ($wp_chatbot_icon_video === '' || $is_youtube) ? 'display:none;' : ''; ?>">
1868 <?php echo esc_html__('Remove Video', 'wpchatbot'); ?>
1869 </button>
1870
1871 <!-- YouTube URL -->
1872 <p style="font-weight:600;margin-top:12px;margin-bottom:4px;"><?php echo esc_html__('— or — YouTube Embed URL', 'wpchatbot'); ?></p>
1873 <?php $youtube_url_val = $is_youtube ? esc_url($wp_chatbot_icon_video) : ''; ?>
1874 <input type="url"
1875 name="wp_chatbot_icon_youtube_url"
1876 id="wp_chatbot_icon_youtube_url"
1877 class="regular-text"
1878 placeholder="https://www.youtube.com/embed/VIDEO_ID"
1879 value="<?php echo esc_url( $youtube_url_val ); ?>" />
1880 <button type="button" id="wp_chatbot_icon_youtube_url_clear_btn" class="button" style="margin-left:6px;<?php echo ($youtube_url_val === '' ? 'display:none;' : ''); ?>">
1881 <?php echo esc_html__('Remove YouTube URL', 'wpchatbot'); ?>
1882 </button>
1883 <p class="description"><?php echo esc_html__('Paste the YouTube embed URL (e.g. https://www.youtube.com/embed/xxxxx). This will override the uploaded video above.', 'wpchatbot'); ?></p>
1884
1885 <p style="font-weight:600;margin-top:14px;margin-bottom:4px;"><?php echo esc_html__('Autoplay Delay (seconds)', 'wpchatbot'); ?></p>
1886 <input type="number"
1887 name="wp_chatbot_icon_video_delay"
1888 id="wp_chatbot_icon_video_delay"
1889 class="small-text"
1890 min="0"
1891 max="60"
1892 step="1"
1893 value="<?php echo absint( get_option('wp_chatbot_icon_video_delay', 0) ); ?>" />
1894 <p class="description"><?php echo esc_html__('Wait this many seconds after page load before starting the video. Set to 0 for immediate autoplay.', 'wpchatbot'); ?></p>
1895
1896 </div>
1897 </div>
1898 </div>
1899 </div>
1900 <!-- ===== /Custom Icon Video / YouTube ===== -->
1901 <script>
1902 (function($){
1903 $(document).ready(function(){
1904 // Video upload via WP Media Library
1905 $('#wp_chatbot_icon_video_btn').on('click', function(e){
1906 e.preventDefault();
1907 var frame = wp.media({
1908 title: '<?php echo esc_js(__('Select or Upload Video', 'wpchatbot')); ?>',
1909 button: { text: '<?php echo esc_js(__('Use this video', 'wpchatbot')); ?>' },
1910 multiple: false,
1911 library: { type: 'video' }
1912 });
1913 frame.on('select', function(){
1914 var attachment = frame.state().get('selection').first().toJSON();
1915 $('#wp_chatbot_icon_video').val(attachment.url);
1916 $('#wp_chatbot_icon_youtube_url').val('');
1917 $('#wp_chatbot_icon_youtube_url_clear_btn').hide();
1918 $('#wp_chatbot_icon_video_clear_btn').show();
1919 });
1920 frame.open();
1921 });
1922
1923 // Clear uploaded video
1924 $('#wp_chatbot_icon_video_clear_btn').on('click', function(){
1925 $('#wp_chatbot_icon_video').val('');
1926 $(this).hide();
1927 });
1928
1929 // Show/hide Remove YouTube URL button dynamically
1930 $('#wp_chatbot_icon_youtube_url').on('input keyup change', function(){
1931 if ($(this).val().trim() !== '') {
1932 $('#wp_chatbot_icon_youtube_url_clear_btn').show();
1933 } else {
1934 $('#wp_chatbot_icon_youtube_url_clear_btn').hide();
1935 }
1936 });
1937
1938 // Clear YouTube URL
1939 $('#wp_chatbot_icon_youtube_url_clear_btn').on('click', function(){
1940 $('#wp_chatbot_icon_youtube_url').val('');
1941 var currentVideoVal = $('#wp_chatbot_icon_video').val();
1942 if (currentVideoVal.indexOf('youtube.com') !== -1 || currentVideoVal.indexOf('youtu.be') !== -1) {
1943 $('#wp_chatbot_icon_video').val('');
1944 }
1945 $(this).hide();
1946 });
1947 });
1948 })(jQuery);
1949 </script>
1950
1951
1952 <div class="row">
1953 <div class="col-xs-12">
1954 <div class="form-group">
1955 <h4 class="qc-opt-title">
1956 <?php esc_html_e(' WPBot Agent Image', 'chatbot'); ?>
1957 </h4>
1958 <div class="cxsc-settings-blocks">
1959 <ul class="radio-list radio-list-custom">
1960 <li>
1961 <label for="wp_chatbot_agent_image_def" class="qc-opt-dcs-font"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>icon-13.png"
1962 alt="">
1963 <input id="wp_chatbot_agent_image_def" type="radio"
1964 name="wp_chatbot_agent_image" <?php echo(get_option('wp_chatbot_agent_image') == 'agent-0.png' ? esc_attr('checked' ): ''); ?>
1965 value="agent-0.png">
1966 <?php esc_html_e('Default Agent', 'chatbot'); ?>
1967 </label>
1968 </li>
1969 <li>
1970
1971 <?php
1972 if (get_option('wp_chatbot_custom_agent_path') != "") {
1973 $wp_chatbot_custom_agent_path = get_option('wp_chatbot_custom_agent_path');
1974 } else {
1975 $wp_chatbot_custom_agent_path = esc_url(QCLD_wpCHATBOT_IMG_URL) . 'custom.png';
1976 }
1977 ?>
1978
1979 <label for="wp_chatbot_agent_image_custom" class="qc-opt-dcs-font"> <img id="wp_chatbot_custom_agent_src"
1980 src="<?php echo esc_url($wp_chatbot_custom_agent_path); ?>"
1981 alt="Agent">
1982 <input type="radio" name="wp_chatbot_agent_image"
1983 id="wp_chatbot_agent_image_custom"
1984 value="<?php echo esc_attr('custom-agent.png' ); ?>" <?php echo(get_option('wp_chatbot_agent_image') == 'custom-agent.png' ? esc_attr('checked' ): ''); ?>>
1985 <?php esc_html_e('Custom Agent', 'chatbot'); ?></label>
1986
1987 </li>
1988 </ul>
1989 </div>
1990 <!-- cxsc-settings-blocks-->
1991 </div>
1992 </div>
1993 </div>
1994 </div>
1995 </div>
1996 </div>
1997 <div class="top-section">
1998 <div class="row">
1999 <div class="col-xs-12">
2000 <div class="form-group">
2001 <h4 class="qc-opt-title">
2002 <?php esc_html_e('Custom Agent Icon', 'chatbot'); ?>
2003 </h4>
2004 <div class="cxsc-settings-blocks">
2005 <input type="hidden" name="wp_chatbot_custom_agent_path"
2006 id="wp_chatbot_custom_agent_path"
2007 value="<?php echo esc_attr( $wp_chatbot_custom_agent_path ); ?>"/>
2008 <button type="button" class="wp_chatbot_custom_agent_button button">
2009 <?php esc_html_e('Upload Agent Icon', 'chatbot'); ?>
2010 </button>
2011 </div>
2012 </div>
2013 </div>
2014 </div>
2015 </div>
2016 <div id="top-section">
2017 <div class="form-group">
2018 <!-- Avatar Location Section -->
2019 <div class="avatar-location-wrapper">
2020 <h4 class="qc-opt-title"><?php esc_html_e('Avatar Location', 'chatbot'); ?></h4>
2021 <?php $avatar_location = get_option('qcld_chatbot_avatar_location'); ?>
2022 <input type="hidden" id="qcld-avatar-location" name="qcld_chatbot_avatar_location" value="<?php echo esc_attr($avatar_location); ?>">
2023 <div class="avatar-location-cards">
2024 <div class="avatar-location-card <?php echo ($avatar_location === 'inside') ? 'active' : ''; ?>" data-location="inside">
2025 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
2026 <span><?php esc_html_e('Inside', 'chatbot'); ?></span>
2027 </div>
2028 <div class="avatar-location-card <?php echo ($avatar_location === 'side') ? 'active' : ''; ?>" data-location="side">
2029 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="9" y1="3" x2="9" y2="21"/></svg>
2030 <span><?php esc_html_e('Side', 'chatbot'); ?></span>
2031 </div>
2032 <div class="avatar-location-card <?php echo ($avatar_location === 'hidden') ? 'active' : ''; ?>" data-location="hidden">
2033 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>
2034 <span><?php esc_html_e('Hidden', 'chatbot'); ?></span>
2035 </div>
2036 </div>
2037 </div>
2038 <!-- End Avatar Location Section -->
2039 <div class="row">
2040 <div class="col-sm-12">
2041 <h4 class="qc-opt-title">
2042 <?php esc_html_e('WPBot Themes', 'chatbot'); ?>
2043 </h4>
2044 </div>
2045 </div>
2046 <div class="row qcld_thumbnail_theme_prev">
2047 <div class="col-sm-3">
2048 <label for="qcld_wb_chatbot_theme_0"> <img class="thumbnail theme_prev"
2049 src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>templates/template-00.JPG"
2050 alt="Theme Basic">
2051 <input id="qcld_wb_chatbot_theme_0" type="radio"
2052 name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-00' ? esc_attr('checked' ): ''); ?>
2053 value="template-00">
2054 <?php esc_html_e('Theme Basic', 'chatbot'); ?>
2055 </label>
2056 </div>
2057 <div class="col-sm-3">
2058 <label for="qcld_wb_chatbot_theme_1"> <img class="thumbnail theme_prev"
2059 src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>templates/template-01.JPG"
2060 alt="Theme Basic">
2061 <input id="qcld_wb_chatbot_theme_1" type="radio"
2062 name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-01' ? esc_attr('checked' ): ''); ?>
2063 value="template-01">
2064 <?php esc_html_e('Theme One', 'chatbot'); ?>
2065 </label>
2066 </div>
2067 <div class="col-sm-6">
2068 <label for="qcld_wb_chatbot_theme_horizontal"> <img class="thumbnail theme_prev"
2069 src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>templates/horizontal.png"
2070 alt="Theme horizontal">
2071 <input id="qcld_wb_chatbot_theme_horizontal" type="radio"
2072 name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-horizontal' ? esc_attr('checked' ): ''); ?>
2073 value="template-horizontal">
2074 <?php esc_html_e('Theme Horizontal', 'chatbot'); ?>
2075 </label>
2076 </div>
2077 </div>
2078 </div>
2079 </div>
2080 </div>
2081
2082
2083 <div id="wp-chatbot-custom-color-options" class="tab-pane fade">
2084 <div class="top-section">
2085 <div class="row">
2086
2087 <div class="col-xs-6">
2088 <div class="cxsc-settings-blocks cxsc-settings-blocks-style">
2089 <div class="form-group">
2090 <h4 class="qc-opt-title">
2091 <?php esc_html_e('Custom Style Options', 'chatbot'); ?>
2092 </h4>
2093 <div class="cxsc-settings-blocks">
2094 <input value="1" id="enable_wp_chatbot_custom_color" type="checkbox"
2095 name="enable_wp_chatbot_custom_color" <?php echo(get_option('enable_wp_chatbot_custom_color') == 1 ? esc_attr('checked' ): ''); ?>>
2096 <label for="enable_wp_chatbot_custom_color">
2097 <?php esc_html_e('Enable Custom Styles ', 'chatbot'); ?>
2098 </label>
2099 </div>
2100 </div>
2101 </div>
2102 </div>
2103 <div class="col-xs-6">
2104 <div class="cxsc-settings-blocks">
2105 <div class="form-group">
2106 <h4 class="qc-opt-title">
2107 <?php esc_html_e('Text Color.', 'chatbot'); ?>
2108 </h4>
2109 <input id="wp_chatbot_text_color" type="text"
2110 name="wp_chatbot_text_color"
2111 value="<?php echo esc_attr((get_option('wp_chatbot_text_color') != '' ? get_option('wp_chatbot_text_color') : '#37424c')); ?>"/>
2112 </div>
2113 </div>
2114 </div>
2115 <div class="col-xs-6">
2116 <div class="cxsc-settings-blocks">
2117 <div class="form-group">
2118 <h4 class="qc-opt-title">
2119 <?php esc_html_e('Link Color.', 'chatbot'); ?>
2120 </h4>
2121 <input id="wp_chatbot_link_color" type="text"
2122 name="wp_chatbot_link_color"
2123 value="<?php echo esc_attr((get_option('wp_chatbot_link_color') != '' ? get_option('wp_chatbot_link_color') : '#e2cc1f')); ?>"/>
2124 </div>
2125 </div>
2126 </div>
2127 <div class="col-xs-6">
2128 <div class="cxsc-settings-blocks">
2129 <div class="form-group">
2130 <h4 class="qc-opt-title">
2131 <?php esc_html_e('Link Hover Color.', 'chatbot'); ?>
2132 </h4>
2133 <input id="wp_chatbot_link_hover_color" type="text"
2134 name="wp_chatbot_link_hover_color"
2135 value="<?php echo esc_attr((get_option('wp_chatbot_link_hover_color') != '' ? get_option('wp_chatbot_link_hover_color') : '#734006')); ?>"/>
2136 </div>
2137 </div>
2138 </div>
2139 <div class="col-xs-6">
2140 <div class="cxsc-settings-blocks">
2141 <div class="form-group">
2142 <h4 class="qc-opt-title">
2143 <?php esc_html_e('Bot Message Background Color.', 'chatbot'); ?>
2144 </h4>
2145 <input id="wp_chatbot_bot_msg_bg_color" type="text"
2146 name="wp_chatbot_bot_msg_bg_color"
2147 value="<?php echo esc_attr((get_option('wp_chatbot_bot_msg_bg_color') != '' ? get_option('wp_chatbot_bot_msg_bg_color'): '#1f8ceb')) ; ?>"/>
2148 </div>
2149 </div>
2150 </div>
2151 <div class="col-xs-6">
2152 <div class="cxsc-settings-blocks">
2153 <div class="form-group">
2154 <h4 class="qc-opt-title">
2155 <?php esc_html_e('Bot Message Text Color.', 'chatbot'); ?>
2156 </h4>
2157 <input id="wp_chatbot_bot_msg_text_color" type="text"
2158 name="wp_chatbot_bot_msg_text_color"
2159 value="<?php echo esc_attr((get_option('wp_chatbot_bot_msg_text_color') != '' ? get_option('wp_chatbot_bot_msg_text_color') : '#ffffff')); ?>"/>
2160 </div>
2161 </div>
2162 </div>
2163 <div class="col-xs-6">
2164 <div class="cxsc-settings-blocks">
2165 <div class="form-group">
2166 <h4 class="qc-opt-title">
2167 <?php esc_html_e('User Message Background Color.', 'chatbot'); ?>
2168 </h4>
2169 <input id="wp_chatbot_user_msg_bg_color" type="text"
2170 name="wp_chatbot_user_msg_bg_color"
2171 value="<?php echo esc_attr((get_option('wp_chatbot_user_msg_bg_color') != '' ? get_option('wp_chatbot_user_msg_bg_color') : '#ffffff') ); ?>"/>
2172 </div>
2173 </div>
2174 </div>
2175 <div class="col-xs-6">
2176 <div class="cxsc-settings-blocks">
2177 <div class="form-group">
2178 <h4 class="qc-opt-title">
2179 <?php esc_html_e('User Message Text Color.', 'chatbot'); ?>
2180 </h4>
2181 <input id="wp_chatbot_user_msg_text_color" type="text"
2182 name="wp_chatbot_user_msg_text_color"
2183 value="<?php echo esc_attr((get_option('wp_chatbot_user_msg_text_color') != '' ? get_option('wp_chatbot_user_msg_text_color') : '#000000')); ?>"/>
2184 </div>
2185 </div>
2186 </div>
2187 <div class="col-xs-6">
2188 <div class="cxsc-settings-blocks">
2189 <div class="form-group">
2190 <h4 class="qc-opt-title">
2191 <?php esc_html_e('Buttons Background Color.', 'chatbot'); ?>
2192 </h4>
2193 <input id="wp_chatbot_buttons_bg_color" type="text"
2194 name="wp_chatbot_buttons_bg_color"
2195 value="<?php echo esc_attr((get_option('wp_chatbot_buttons_bg_color') != '' ?get_option('wp_chatbot_buttons_bg_color'): '#1f8ceb')) ; ?>"/>
2196 </div>
2197 </div>
2198 </div>
2199 <div class="col-xs-6">
2200 <div class="cxsc-settings-blocks">
2201 <div class="form-group">
2202 <h4 class="qc-opt-title">
2203 <?php esc_html_e('Buttons Hover Background Color.', 'chatbot'); ?>
2204 </h4>
2205 <input id="wp_chatbot_buttons_bg_color" type="text"
2206 name="wp_chatbot_buttons_bg_color_hover"
2207 value="<?php echo esc_attr((get_option('wp_chatbot_buttons_bg_color_hover') != '' ? get_option('wp_chatbot_buttons_bg_color_hover') : '#1f8ceb')); ?>"/>
2208 </div>
2209 </div>
2210 </div>
2211 <div class="col-xs-6">
2212 <div class="cxsc-settings-blocks">
2213 <div class="form-group">
2214 <h4 class="qc-opt-title">
2215 <?php esc_html_e('Buttons Text Color.', 'chatbot'); ?>
2216 </h4>
2217 <input id="wp_chatbot_buttons_text_color" type="text"
2218 name="wp_chatbot_buttons_text_color"
2219 value="<?php echo esc_attr((get_option('wp_chatbot_buttons_text_color') != '' ? get_option('wp_chatbot_buttons_text_color') : '#ffffff')); ?>"/>
2220 </div>
2221 </div>
2222 </div>
2223 <div class="col-xs-6">
2224 <div class="cxsc-settings-blocks">
2225 <div class="form-group">
2226 <h4 class="qc-opt-title">
2227 <?php esc_html_e('Buttons Text Color Hover.', 'chatbot'); ?>
2228 </h4>
2229 <input id="wp_chatbot_buttons_text_color" type="text"
2230 name="wp_chatbot_buttons_text_color_hover"
2231 value="<?php echo esc_attr((get_option('wp_chatbot_buttons_text_color_hover') != '' ? get_option('wp_chatbot_buttons_text_color_hover') : '#ffffff')); ?>"/>
2232 </div>
2233 </div>
2234 </div>
2235 <div class="col-xs-6">
2236 <div class="cxsc-settings-blocks">
2237 <div class="form-group">
2238 <h4 class="qc-opt-title">
2239 <?php esc_html_e('Header background Color', 'chatbot'); ?>
2240 </h4>
2241 <input id="wp_chatbot_header_background_color" type="text"
2242 name="wp_chatbot_header_background_color"
2243 value="<?php echo esc_attr((get_option('wp_chatbot_header_background_color') != '' ? get_option('wp_chatbot_header_background_color'): '#ffffff')); ?>"/>
2244 </div>
2245 </div>
2246 </div>
2247 <div class="col-xs-6">
2248 <div class="cxsc-settings-blocks">
2249 <div class="form-group">
2250 <h4 class="qc-opt-title">
2251 <?php esc_html_e('Theme Primary Color', 'chatbot'); ?>
2252 </h4>
2253 <input id="wp_chatbot_theme_primary_color" type="text"
2254 name="wp_chatbot_theme_primary_color"
2255 value="<?php echo esc_attr((get_option('wp_chatbot_theme_primary_color') != '' ? get_option('wp_chatbot_theme_primary_color') : '#ffffff')); ?>"/>
2256 </div>
2257 </div>
2258 </div>
2259 <div class="col-xs-6">
2260 <div class="cxsc-settings-blocks">
2261 <div class="form-group">
2262 <h4 class="qc-opt-title">
2263 <?php esc_html_e('Theme Secondary Color', 'chatbot'); ?>
2264 </h4>
2265 <input id="wp_chatbot_theme_secondary_color" type="text"
2266 name="wp_chatbot_theme_secondary_color"
2267 value="<?php echo esc_attr((get_option('wp_chatbot_theme_secondary_color') != '' ? get_option('wp_chatbot_theme_secondary_color') : '#ffffff')); ?>"/>
2268 </div>
2269 </div>
2270 </div>
2271 <div class="col-xs-6">
2272 <div class="cxsc-settings-blocks">
2273 <div class="form-group">
2274 <h4 class="qc-opt-title">
2275 <?php esc_html_e('Font size', 'chatbot'); ?>
2276 </h4>
2277 <input id="wp_chatbot_font_size" type="number"
2278 name="wp_chatbot_font_size"
2279 value="<?php echo esc_attr((get_option('wp_chatbot_font_size') != '' ? get_option('wp_chatbot_font_size'): '16')) ; ?>"/>
2280 </div>
2281 </div>
2282 </div>
2283 <div class="col-xs-6">
2284 <div class="cxsc-settings-blocks">
2285 <div class="form-group">
2286 <h4 class="qc-opt-title">
2287 <?php
2288 esc_html_e('User message Font family ', 'chatbot');
2289 $user_font = get_option('wp_chat_user_font_family') != '' ? get_option('wp_chat_user_font_family') : '';
2290 $user_font_family = str_replace("\\", "",$user_font);
2291 ?>
2292 </h4>
2293 <input id="wp_chatbot_user_font" type="text" name="wp_chatbot_user_font"
2294 value="<?php echo esc_attr((get_option('wp_chatbot_user_font') != '' ? get_option('wp_chatbot_user_font') : ''));?>">
2295 <input id="wp_chat_user_font_family" type="hidden"
2296 name="wp_chat_user_font_family"
2297 />
2298 </div>
2299 </div>
2300 </div>
2301 <div class="col-xs-6">
2302 <div class="cxsc-settings-blocks">
2303 <div class="form-group">
2304 <h4 class="qc-opt-title">
2305 <?php
2306 esc_html_e('Bot message Font family ', 'chatbot');
2307 $bot_font = get_option('wp_chat_bot_font_family') != '' ? get_option('wp_chat_bot_font_family') : '';
2308 $bot_font_family = str_replace("\\", "",$bot_font);
2309 ?>
2310 </h4>
2311 <input id="wp_chatbot_bot_font" type="text" name="wp_chatbot_bot_font"
2312 value="<?php echo esc_attr((get_option('wp_chatbot_bot_font') != '' ? get_option('wp_chatbot_bot_font') : ''));?>">
2313 <input id="wp_chat_bot_font_family" type="hidden"
2314 name="wp_chat_bot_font_family"
2315 />
2316 </div>
2317 </div>
2318 </div>
2319
2320 <?php
2321 $custom_js = "jQuery(function ($) {
2322 $('#wp_chat_user_font_family').val(JSON.stringify(". esc_attr($user_font_family) ."));
2323 $('#wp_chat_bot_font_family').val(JSON.stringify(". esc_attr($bot_font_family)."));
2324 $('#wp_chatbot_user_font')
2325 .fontpicker()
2326 .on('change', function() {
2327 var tmp = this.value.split(':'),
2328 family = tmp[0],
2329 variant = tmp[1] || '400',
2330 weight = parseInt(variant,10),
2331 italic = /i$/.test(variant);
2332 var css = {
2333 fontFamily:family,
2334 fontWeight: weight,
2335 fontStyle: italic ? 'italic' : 'normal'
2336 };
2337 $('#wp_chat_user_font_family').val(JSON.stringify(css));
2338 });
2339 $('#wp_chatbot_bot_font')
2340 .fontpicker()
2341 .on('change', function() {
2342 var tmp = this.value.split(':'),
2343 family = tmp[0],
2344 variant = tmp[1] || '400',
2345 weight = parseInt(variant,10),
2346 italic = /i$/.test(variant);
2347 // Set selected font on body
2348 var css = {
2349 fontFamily:family,
2350 fontWeight: weight,
2351 fontStyle: italic ? 'italic' : 'normal'
2352 };
2353 $('#wp_chat_bot_font_family').val(JSON.stringify(css));
2354 });
2355 });
2356 ";
2357 wp_add_inline_script('qcld-wp-chatbot-admin-js', $custom_js );
2358
2359 ?>
2360 </div>
2361 </div>
2362 </div>
2363 </div>
2364 </section>
2365
2366 <section id="section-flip-4">
2367 <div class="row">
2368 <div class="col-xs-12">
2369 <!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic" style="<?php // echo esc_attr('background: #2271B1'); ?>">
2370 <p class="<?php // esc_attr_e( 'd-ib"><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'chatbot'); ?>
2371 </div> -->
2372 </div>
2373 </div>
2374 <div class="top-section">
2375 <h3 class="qcld-wpbot-main-tabs-title">
2376 <?php esc_html_e('Build FAQ Query and Answers', 'chatbot'); ?>
2377
2378 </h3>
2379
2380 <p><b><?php esc_html_e('These FAQs are not searchable. You can use ChatBot->Simple Text Responses for searchable FAQs', 'chatbot'); ?></b></p>
2381
2382 <div class="block-inner ui-sortable qcld-faq-block" id="wp-chatbot-support-builder">
2383 <?php
2384 $support_quereis=$this->qcld_wb_chatbot_str_replace(maybe_unserialize( get_option('support_query')));
2385 $support_ans=$this->qcld_wb_chatbot_str_replace(maybe_unserialize( get_option('support_ans')));
2386 if (($support_quereis[0] != '') && ($support_ans[0] != '') && !empty($support_ans[0]) && (count($support_ans) == count($support_quereis))) {
2387
2388 $query_ans_counter=0;
2389 foreach (array_combine($support_quereis, $support_ans) as $query => $ans) {
2390 ?>
2391 <div class="row"> <span class="pull-right"> </span>
2392 <div class="col-xs-12">
2393 <button type="button" class="btn btn-danger btn-sm wp-chatbot-remove-support pull-right"> <span class="dashicons dashicons-remove"></span></button>
2394
2395 <div class="cxsc-settings-blocks cxsc-settings-faq-blocks">
2396 <p>
2397 <b> <?php esc_html_e('FAQ query ', 'chatbot'); ?> </b>
2398 </p>
2399 <input type="text" class="form-control" name="support_query[]"
2400 placeholder="<?php esc_html_e('FAQ query', 'chatbot' ); ?> " value="<?php echo esc_html( $query ); ?>">
2401 <br>
2402 <p>
2403 <b><?php esc_html_e('FAQ answer', 'chatbot'); ?></b>
2404 </p>
2405 <?php
2406 $anss = is_string( $ans ) ? $ans : '';
2407 $answer = !is_array($ans) ? stripcslashes($ans) : $anss;
2408
2409 wp_editor(html_entity_decode($answer), 'support_ans'.'_'.$query_ans_counter, array('textarea_name' =>
2410 'support_ans[]',
2411 'textarea_rows' => 20,
2412 'editor_height' => 100,
2413 'disabled' => 'disabled',
2414 'media_buttons' => false,
2415 'tinymce' => array(
2416 'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
2417 ));
2418
2419 ?>
2420 </div>
2421 </div>
2422 </div>
2423 <?php
2424 $query_ans_counter++;
2425 }
2426 //}
2427 } else {
2428 ?>
2429 <div class="row"> <span class="pull-right"> </span>
2430 <div class="col-xs-12">
2431 <button type="button" class="btn btn-danger btn-sm wp-chatbot-remove-support pull-right"> <span class="dashicons dashicons-remove"></span> </button>
2432
2433
2434
2435
2436 <div class="cxsc-settings-blocks">
2437 <p>
2438 <b> <?php esc_html_e('FAQ Query', 'chatbot'); ?></b>
2439 </p>
2440 <input type="text" class="form-control" name="support_query[]"
2441 placeholder="<?php esc_html_e('FAQ Query ', 'chatbot'); ?> ">
2442 <br>
2443 <p class="qc-opt-dcs-font"><strong>
2444 <?php esc_html_e('FAQ answer', 'chatbot'); ?>
2445 </strong></p>
2446 <?php
2447 wp_editor(html_entity_decode(stripcslashes('')), 'support_ans_0', array('textarea_name' =>
2448 'support_ans[]',
2449 'textarea_rows' => 20,
2450 'editor_height' => 100,
2451 'disabled' => 'disabled',
2452 'media_buttons' => false,
2453 'tinymce' => array(
2454 'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
2455 ));
2456 ?>
2457 </div>
2458 <br>
2459 </div>
2460 </div>
2461 <?php
2462 }
2463 ?>
2464 </div>
2465 <div class="row">
2466 <div class="col-sm-6 text-left"></div>
2467 <div class="col-sm-6 text-right">
2468 <button class="btn btn-success btn-sm" type="button"
2469 id="add-more-support-query">
2470 <span class="dashicons dashicons-plus"></span>
2471
2472 </button>
2473 </div>
2474 </div>
2475 </div>
2476 </section>
2477
2478
2479 <section id="section-flip-6">
2480 <!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic" style="<?php // echo esc_attr('background: #2271B1'); ?>">
2481 <p class="<?php // esc_attr_e( 'd-ib"><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'chatbot'); ?>
2482 </div> -->
2483 <?php
2484 wp_enqueue_style('qcld-wp-chatbot-common-style', plugins_url(basename(plugin_dir_path(__FILE__)) . '/css/common-style.css', basename(__FILE__)), '', esc_attr(QCLD_wpCHATBOT_VERSION), 'screen');
2485 ?>
2486 <div class="top-section">
2487 <div class="notification-block-inner">
2488 <div class="row">
2489 <div class="col-xs-12">
2490
2491
2492 <div id="qcld-show-more-wrapper-box">
2493 <div class="qcld-show-more-text qcld-show-more-show-more-height">
2494 <div class="row">
2495 <div class="col-xs-12">
2496 <h3 class="qcld-wpbot-main-tabs-title"><?php echo esc_attr('Predefined Intents'); ?></h3>
2497 <div class="row">
2498 <div class="col-xs-12">
2499 <div class="form-group">
2500 <h4 class="qc-opt-title">
2501 <?php esc_html_e('Site Search', 'chatbot'); ?>
2502 </h4>
2503 <div class="cxsc-settings-blocks">
2504 <input value="<?php echo esc_attr('1' ); ?>" id="disable_wp_chatbot_site_search" type="checkbox"
2505 name="disable_wp_chatbot_site_search" <?php echo(get_option('disable_wp_chatbot_site_search') == 1 ? esc_attr('checked' ): ''); ?>>
2506 <label for="disable_wp_chatbot_site_search">
2507 <?php esc_html_e('Disable site search feature and button on Action Start Menu', 'chatbot'); ?>
2508 </label>
2509 </br><small><?php echo esc_html( '(You can disable searching post contents option below so it searches only the post Titles for most relevancy)'); ?></small></br>
2510 </div>
2511 <div class="cxsc-settings-blocks">
2512 <input value="<?php echo esc_attr('1' ); ?>" id="enable_wp_chatbot_post_content" type="checkbox"
2513 name="enable_wp_chatbot_post_content" <?php echo(get_option('enable_wp_chatbot_post_content') == 1 ? esc_attr('checked' ): ''); ?>>
2514 <label for="enable_wp_chatbot_post_content">
2515 <?php esc_html_e('Enable Searching Post Contents as well', 'chatbot'); ?>
2516 </label>
2517 </div>
2518 </div>
2519 </div>
2520 </div>
2521 <div class="form-group">
2522 <h4 class="qc-opt-title">
2523 <?php esc_html_e('Button Label', 'chatbot'); ?>
2524 </h4>
2525 <input type="text" class="form-control qc-opt-dcs-font"
2526 name="qlcd_wp_chatbot_wildcard_site_search"
2527 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_wildcard_site_search') != '' ? get_option('qlcd_wp_chatbot_wildcard_site_search') : 'Site Search')); ?> ">
2528 </div>
2529 <div class="row">
2530 <div class="col-xs-12">
2531 <div class="form-group">
2532 <h4 class="qc-opt-title">
2533 <?php esc_html_e('Call Me', 'chatbot'); ?>
2534 </h4>
2535 <div class="cxsc-settings-blocks">
2536 <input value="<?php echo esc_attr('1'); ?>" id="disable_wp_chatbot_call_gen" type="checkbox"
2537 name="disable_wp_chatbot_call_gen" <?php echo(get_option('disable_wp_chatbot_call_gen') == 1 ? esc_attr('checked' ): ''); ?>>
2538 <label for="disable_wp_chatbot_call_gen">
2539 <?php esc_html_e('Disable Call Me feature and button on Action Start Menu', 'chatbot'); ?>
2540 </label>
2541 </div>
2542 </div>
2543 </div>
2544 </div>
2545 <div class="form-group">
2546 <h4 class="qc-opt-title">
2547 <?php esc_html_e('Button Label', 'chatbot'); ?>
2548 </h4>
2549 <input type="text" class="form-control qc-opt-dcs-font"
2550 name="qlcd_wp_chatbot_support_phone"
2551 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_support_phone') != '' ? get_option('qlcd_wp_chatbot_support_phone') : 'Leave your number. We will call you back!')); ?> ">
2552 </div>
2553 <div class="row">
2554 <div class="col-xs-12">
2555 <div class="form-group">
2556 <h4 class="qc-opt-title">
2557 <?php esc_html_e('Email', 'chatbot'); ?>
2558 </h4>
2559 <div class="cxsc-settings-blocks">
2560 <input value="<?php echo esc_attr('1' ); ?>" id="disable_wp_chatbot_feedback" type="checkbox"
2561 name="disable_wp_chatbot_feedback" <?php echo esc_attr((get_option('disable_wp_chatbot_feedback') == 1 ? 'checked' : ''), 'chatbot' ); ?>>
2562 <label for="disable_wp_chatbot_feedback">
2563 <?php esc_html_e('Disable Email feature and button on Action Start Menu', 'chatbot'); ?>
2564 </label>
2565 </div>
2566 </div>
2567 </div>
2568 </div>
2569 <div class="form-group">
2570 <h4 class="qc-opt-title">
2571 <?php esc_html_e('Button Label', 'chatbot'); ?>
2572 </h4>
2573 <input type="text" class="form-control qc-opt-dcs-font"
2574 name="qlcd_wp_chatbot_support_email"
2575 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_support_email') != '' ? get_option('qlcd_wp_chatbot_support_email') : 'Send us Email')); ?> ">
2576 </div>
2577 <div class="row">
2578 <div class="col-xs-12">
2579 <div class="form-group">
2580 <h4 class="qc-opt-title">
2581 <?php esc_html_e('FAQ', 'chatbot'); ?>
2582 </h4>
2583 <div class="cxsc-settings-blocks">
2584 <input value="<?php echo esc_attr('1' ); ?>" id="disable_wp_chatbot_faq" type="checkbox"
2585 name="disable_wp_chatbot_faq" <?php echo(get_option('disable_wp_chatbot_faq') == 1 ? esc_attr('checked' ): ''); ?>>
2586 <label for="disable_wp_chatbot_faq">
2587 <?php esc_html_e('Disable FAQ feature and button on Action Start Menu', 'chatbot'); ?>
2588 </label>
2589 </div>
2590 </div>
2591 </div>
2592 </div>
2593 <div class="form-group">
2594 <h4 class="qc-opt-title">
2595 <?php esc_html_e('Button Label', 'chatbot'); ?>
2596 </h4>
2597 <input type="text" class="form-control qc-opt-dcs-font"
2598 name="qlcd_wp_chatbot_wildcard_support"
2599 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_wildcard_support') != '' ? get_option('qlcd_wp_chatbot_wildcard_support') : 'FAQ')); ?> ">
2600 </div>
2601
2602 </div>
2603 </div>
2604 </div>
2605 <div class="qcld-show-more-show-more"><div class="Expandmore">Expand for More Options<span>+</span></div></div>
2606 </div>
2607 <div class="qc_menu_setup_area">
2608 <h3 class="qcld-wpbot-main-tabs-title"><?php esc_html_e('Menu Sorting & Customization Area', 'chatbot'); ?></h3>
2609 <p style="color:red"><?php esc_html_e('Always open a new Incognito window (Ctrl+Shit+N in chrome) to test after making any change.', 'chatbot'); ?></p>
2610 <p><?php esc_html_e('To adjust the Active Menu ordering just drag it up or down.', 'chatbot'); ?><br>
2611 <?php esc_html_e('To add a menu item in the', 'chatbot'); ?> <b><?php esc_html_e('Active Menu', 'chatbot'); ?> </b> <?php esc_html_e('simply drag a menu item from Available Menu column to the Active Menu. Double click to remove ', 'chatbot'); ?>.</p>
2612 <p style="color:red;font-size:16px"><?php esc_html_e('**If you change any button label like FAQ, remove it from the active Menu Area. Add it back and save.', 'chatbot'); ?></p>
2613
2614 <div class="qc_menu_area_box">
2615 <div class="qc_menu_area">
2616 <h4><?php esc_html_e( 'Acitve Menu', 'chatbot'); ?></h4>
2617 <div class="qc_menu_area_container" id="qc_menu_area">
2618 <?php
2619 if(get_option('qc_wpbot_menu_order')!=''):
2620 if( is_string( get_option('qc_wpbot_menu_order') ) ):
2621 echo wp_kses_post(wp_kses_stripslashes(get_option('qc_wpbot_menu_order')));
2622 endif;
2623 else:
2624 $site_search_label = get_option('qlcd_wp_chatbot_wildcard_site_search') != '' ? get_option('qlcd_wp_chatbot_wildcard_site_search') : 'Site Search';
2625 $support_email_label = get_option('qlcd_wp_chatbot_support_email') != '' ? get_option('qlcd_wp_chatbot_support_email') : 'Send us Email.';
2626 $support_phone_label = get_option('qlcd_wp_chatbot_support_phone') != '' ? get_option('qlcd_wp_chatbot_support_phone') : 'Leave your number. We will call you back!';
2627 echo '<span class="qcld-chatbot-wildcard qc_draggable_item qcld-chatbot-site-search" data-wildcart="site_search">' . esc_attr($site_search_label) . '</span>';
2628 echo '<span class="qcld-chatbot-suggest-email qc_draggable_item">' . esc_attr($support_email_label) . '</span>';
2629 echo '<span class="qcld-chatbot-suggest-phone qc_draggable_item">' . esc_attr($support_phone_label) . '</span>';
2630 endif;
2631 ?>
2632 </div>
2633 </div>
2634 <div class="qc_menu_list_area">
2635 <h4><?php esc_html_e('Available Menu', 'chatbot'); ?></h4>
2636 <div class="qc_menu_list_container">
2637 <p><?php esc_html_e('Predefined Intents', 'chatbot'); ?></p>
2638 <ul>
2639 <li>
2640 <?php if(get_option('disable_wp_chatbot_faq')==''): ?>
2641 <span class="qcld-chatbot-wildcard qc_draggable_item" data-wildcart="support"><?php echo esc_attr(get_option('qlcd_wp_chatbot_wildcard_support')); ?></span>
2642 <?php endif; ?>
2643 </li>
2644 <li>
2645 <?php if(get_option('disable_wp_chatbot_site_search')==''): ?>
2646 <span class="qcld-chatbot-wildcard qc_draggable_item qcld-chatbot-site-search" data-wildcart="site_search"><?php echo esc_attr(get_option('qlcd_wp_chatbot_wildcard_site_search')); ?></span>
2647 <?php endif; ?>
2648 </li>
2649 <li>
2650 <?php if(get_option('enable_wp_chatbot_messenger')=='1'): ?>
2651 <span class="qcld-chatbot-wildcard qc_draggable_item" data-wildcart="messenger"><?php echo wp_kses_post(qcld_choose_random(maybe_unserialize(get_option('qlcd_wp_chatbot_messenger_label')))) ?></span>
2652 <?php endif; ?>
2653 </li>
2654 <li>
2655 <?php if(get_option('enable_wp_chatbot_whats')=='1'): ?>
2656 <span class="qcld-chatbot-wildcard qc_draggable_item" data-wildcart="whatsapp"><?php echo wp_kses_post(qcld_choose_random(maybe_unserialize(get_option('qlcd_wp_chatbot_whats_label')))); ?></span>
2657 <?php endif; ?>
2658 </li>
2659 <li>
2660 <?php if(get_option('disable_wp_chatbot_feedback')==''): ?>
2661 <span class="qcld-chatbot-suggest-email qc_draggable_item"><?php echo esc_attr(get_option('qlcd_wp_chatbot_support_email')); ?></span>
2662 <?php endif; ?>
2663 </li>
2664 <li>
2665 <?php if(get_option('disable_wp_chatbot_call_gen')==''): ?>
2666 <span class="qcld-chatbot-suggest-phone qc_draggable_item" ><?php echo esc_attr(get_option('qlcd_wp_chatbot_support_phone')); ?></span>
2667 <?php endif; ?>
2668 </li>
2669 </ul>
2670 <?php
2671 if(class_exists('Qcformbuilder_Forms_Admin')){
2672
2673 global $wpdb;
2674
2675 //To Do: Need to use prepared statement
2676
2677 $results = $wpdb->get_results($wpdb->prepare("SELECT * FROM ". $wpdb->prefix."wfb_forms where 1 and type=%s",'primary')); // phpcs:ignore WordPress.DB.DirectDatabaseQuery.DirectQuery, WordPress.DB.DirectDatabaseQuery.NoCaching, PluginCheck.Security.DirectDB.UnescapedDBParameter
2678 if(!empty($results)){
2679 ?>
2680 <p><?php esc_html_e('Conversational Form', 'chatbot'); ?></p>
2681 <ul>
2682 <?php
2683 foreach($results as $result){
2684 $form = maybe_unserialize($result->config);
2685 ?>
2686 <li><span class="qcld-chatbot-wildcard qcld-chatbot-form qc_draggable_item" data-form="<?php echo esc_attr($form['ID']); ?>" ><?php echo esc_html($form['name']); ?></span></li>
2687 <?php
2688 }
2689 ?>
2690 </ul>
2691 <?php
2692 }
2693 }
2694
2695 // AI Forms
2696 $saved_ai_forms = get_option( 'wpbot_ai_forms', array() );
2697 if ( ! empty( $saved_ai_forms ) && is_array( $saved_ai_forms ) ) {
2698 ?>
2699 <p><?php esc_html_e('AI Actions', 'chatbot'); ?></p>
2700 <ul>
2701 <?php foreach ( $saved_ai_forms as $index => $form ) : ?>
2702 <li><span class="qcld-chatbot-wildcard qcld-chatbot-ai-form qc_draggable_item" data-wildcart="ai_form" data-ai-form="<?php echo esc_attr( $index ); ?>"><?php echo esc_html( $form['title'] ); ?></span></li>
2703 <?php endforeach; ?>
2704 </ul>
2705 <?php
2706 }
2707 ?>
2708 </div>
2709 </div>
2710
2711 </div>
2712
2713
2714 </div>
2715 <input id="qc_wpbot_menu_order" type="hidden" name="qc_wpbot_menu_order" value='<?php echo esc_attr(wp_kses_stripslashes(get_option('qc_wpbot_menu_order'))); ?>' />
2716 </div>
2717 </div>
2718 </div>
2719 </div>
2720 </section>
2721 <section id="section-flip-7">
2722 <!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic" style="<?php // echo esc_attr('background: #2271B1'); ?>">
2723 <p class="<?php // esc_attr_e( 'd-ib"><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'chatbot'); ?>
2724 </div> -->
2725 <div class="top-section">
2726 <div class="wp-chatbot-language-center-summmery">
2727 <p>
2728 <?php esc_html_e('DialogFlow as Artificial Intelligences Engine for wpwBot', 'chatbot'); ?>
2729 </p>
2730 </div>
2731
2732 <div class="row wp-chatbot-language-center-summmery-checkbox">
2733 <div class="col-xs-12">
2734 <div class="wrapTexttop-lite">
2735 <h3 class="qcld-wpbot-main-tabs-title"><?php esc_html_e('Enable DialogFlow as AI Engine to Detect Intent', 'chatbot'); ?> </h3>
2736 <div class="alert alert-warning" role="alert">
2737 <h5 style="color: #f00;font-weight:900"><?php esc_html_e('Please do not enable DialogFlow and OpenAI both at the same time.', 'chatbot'); ?> </h5>
2738 <h5 style="color: #f00;font-weight:900 "><?php esc_html_e(' Enable either DialogFlow or OpenAI', 'chatbot'); ?> </h5>
2739 </div>
2740 <div class="cxsc-settings-blocks">
2741 <input value="1" id="enable_wp_chatbot_dailogflow" type="checkbox"
2742 name="enable_wp_chatbot_dailogflow" <?php echo(get_option('enable_wp_chatbot_dailogflow') == 1 ? esc_attr('checked' ): ''); ?>>
2743 <label for="enable_wp_chatbot_dailogflow"><?php esc_html_e('Enable DialogFlow AI Engine to process Natural Language commands from users.', 'chatbot'); ?> </label> <br>
2744
2745 </div>
2746 </div>
2747
2748
2749 <div class="qcld-dialogflow-enable-notice">If you Enable DialogFlow but do not configure it properly, the ChatBot will not respond.</div>
2750 </div>
2751
2752 <div class="col-xs-12" id="wp-chatbot-dialflow-section">
2753 <p><?php esc_html_e('Log in to DialogFlow Console from', 'chatbot'); ?>
2754 <a class="wpbot_df_instruction" href="<?php echo esc_url('https://dialogflow.com/', 'chatbot'); ?>"
2755 target="_blank">
2756 <?php esc_html_e('Here', 'chatbot'); ?></a>
2757 <?php esc_html_e('with your gmail account.', 'chatbot'); ?> <a class="wpbot_df_instruction" href="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'download/wpwBot.zip'); ?>" download ><?php esc_html_e('Download', 'chatbot'); ?></a> <?php esc_html_e('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', 'chatbot'); ?> <b><?php esc_html_e('email, email subscription, faq, get email, get name, help, phone, reset, site search and start.', 'chatbot'); ?></b> </p>
2758 <h4 class="qc-opt-title"><?php esc_html_e('DialogFlow API Version', 'chatbot'); ?></h4>
2759 <div class="form-group">
2760 <label class="radio-inline ">
2761 <input id="wp-chatbot-df-api" type="radio"
2762 name="wp_chatbot_df_api"
2763 value="v2" checked>
2764 <?php esc_html_e('Dialogflow API V2', 'chatbot'); ?> </label>
2765 </div>
2766 <div id="wp-chatbot-df-section-v2" style="display:block">
2767 <!-- Dialogflow V2 Configuration -->
2768
2769 <?php if(!file_exists(QCLD_wpCHATBOT_GC_DIRNAME.'/autoload.php')): ?>
2770 <div class="form-group"> <br>
2771 <h4 class="qc-opt-title" style="color:red "><?php esc_html_e('For Interacting with Dialogflow V2 the Google Client Package is Required!', 'chatbot'); ?></h4>
2772 <p><?php esc_html_e('Please click the download button below to download the Google Client package. The package will be downloaded inside your Wordpress`s', 'chatbot'); ?> <b><?php esc_html_e('/wp-content', 'chatbot'); ?></b> <?php esc_html_e('folder. This package is around', 'chatbot'); ?> <b><?php esc_html_e('0 MB', 'chatbot'); ?></b><?php esc_html_e(' in zip file format and it will be about', 'chatbot'); ?> <b><?php esc_html_e('49 MB', 'chatbot'); ?></b> <?php esc_html_e('after unzipping. Please make sure that your server has enough space to store that package.', 'chatbot'); ?></p>
2773 <div class="qcld-wpbot-gcdownload-area">
2774 <button class="btn btn-primary" id="qc_wpbot_gc_download" <?php echo (!is_writable(QCLD_wpCHATBOT_GC_ROOT)?'disabled':''); ?>><?php esc_html_e('Download and Install the Google Client', 'chatbot'); ?></button>
2775 <?php
2776 if(!is_writable(QCLD_wpCHATBOT_GC_ROOT)){
2777 echo '<span style="color:red;font-size: 12px; "><b>'.esc_html('wp-content').' </b> '.esc_html('folder is not writable.').'</span>';
2778 }
2779 ?>
2780 <br>
2781 <br>
2782 <p><?php esc_html_e('Alternatively, If the download operation fails for some reason like folder permission or server timeout issue then you can manually upload the ', 'chatbot'); ?> <u title="Google Client"><?php esc_html_e('GC', 'chatbot'); ?></u> <?php esc_html_e('package by following some simple steps.', 'chatbot'); ?></p>
2783 <p><?php esc_html_e('1. Download GC package from:', 'chatbot'); ?> <a href="<?php echo esc_url('https://github.com/qcloud/gc/archive/master.zip'); ?>" target="_blank"><?php esc_attr_e('https://github.com/qcloud/gc/archive/master.zip', 'chatbot'); ?></a></p>
2784 <p><?php esc_html_e('2. Unzip the', 'chatbot'); ?> <b><?php esc_html_e('wpbotgc.zip', 'chatbot'); ?></b> <?php esc_html_e('inside to your computer.', 'chatbot'); ?></p>
2785 <p><?php esc_html_e('3. Create a folder with name ', 'chatbot'); ?><b><?php esc_html_e('wpbot-dfv2-client', 'chatbot'); ?></b> <?php esc_html_e('under ', 'chatbot'); ?><b><?php esc_html_e('wp-content', 'chatbot'); ?></b> <?php esc_html_e('into your server.', 'chatbot'); ?></p>
2786 <p><?php esc_html_e('4. Upload the upziped files and folders into', 'chatbot'); ?> <b><?php esc_html_e('wpbot-dfv2-client', 'chatbot'); ?></b><?php esc_html_e(' via FTP.', 'chatbot'); ?></p>
2787 <div class="qcld_wpbot_download_statuses"> </div>
2788 </div>
2789 <br>
2790 </div>
2791 <?php else: ?>
2792 <div class="form-group">
2793 <h4 class="qc-opt-title" style="color:green "><?php esc_html_e('Google Client Package is Installed on Your Website.', 'chatbot'); ?></h4>
2794 </div>
2795 <?php endif; ?>
2796 <div class="form-group">
2797 <h4 class="qc-opt-title" ><?php esc_html_e('Please follow along with this', 'chatbot'); ?> <a href="<?php echo esc_url('https://www.wpbot.pro/dialogflow-integration'); ?>" target="_blank"><?php esc_html_e('tutorial.', 'chatbot'); ?> </a><?php esc_html_e(' 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.', 'chatbot'); ?> </h4>
2798 </div>
2799 <div class="form-group">
2800 <h4 class="qc-opt-title"><?php esc_html_e('DialogFlow Project ID', 'chatbot'); ?></h4>
2801 <p><?php esc_html_e('You can follow the', 'chatbot'); ?> <a href="<?php echo esc_url('https://www.youtube.com/watch?v=qY-EHFY2wH8" '); ?>" target="_blank"><?php esc_html_e('tutorial', 'chatbot'); ?> </a><?php esc_html_e(' to get the Project ID.', 'chatbot'); ?> </p>
2802 <input type="text" class="form-control qc-opt-dcs-font"
2803 name="qlcd_wp_chatbot_dialogflow_project_id"
2804 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_dialogflow_project_id') != '' ? get_option('qlcd_wp_chatbot_dialogflow_project_id') : '')); ?>" placeholder="<?php echo esc_attr('DialogFlow Project ID'); ?> ">
2805 </div>
2806 <?php
2807
2808 $placeholderPrivatekey = '{
2809 "type": "service_account",
2810 "project_id": "YOUR_PROJECT_ID",
2811 "private_key_id": "YOUR_PRIVATE_KEY_ID",
2812 "private_key": "-----BEGIN PRIVATE KEY-----\nYOUR_PRIVATE_KEY\n-----END PRIVATE KEY-----\n",
2813 "client_email": "YOUR_CLIENT_EMAIL",
2814 "client_id": "YOUR_CLIENT_ID",
2815 "auth_uri": "https://accounts.google.com/o/oauth2/auth",
2816 "token_uri": "https://oauth2.googleapis.com/token",
2817 "auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
2818 "client_x509_cert_url": "YOUR_CLIENT_X509_CERT_URL"
2819 }';
2820
2821 ?>
2822 <div class="form-group">
2823 <h4 class="qc-opt-title"><?php esc_html_e('Private Key', 'chatbot'); ?></h4>
2824 <p><?php esc_html_e("Paste your google service account's private key JSON file's contents (string) here", 'chatbot'); ?> <a href="<?php echo esc_url('https://www.youtube.com/watch?v=qY-EHFY2wH8'); ?>" target="_blank"><?php esc_html_e('tutorial', 'chatbot'); ?></a> <?php esc_html_e('to get private key JSON file. ', 'chatbot'); ?></p>
2825 <textarea class="form-control" rows="20" name="qlcd_wp_chatbot_dialogflow_project_key" placeholder='<?php echo esc_attr($placeholderPrivatekey); ?>'><?php echo esc_html(get_option('qlcd_wp_chatbot_dialogflow_project_key') != '' ? get_option('qlcd_wp_chatbot_dialogflow_project_key') : ''); ?></textarea>
2826 </div>
2827
2828 <!-- End Dialogflow V2 Configuration -->
2829 </div>
2830 <div class="form-group">
2831 <h4 class="qc-opt-title"><?php esc_html_e('Please Click the Button Below to Test Dialogflow Connection.', 'chatbot'); ?> </h4>
2832 <p style="color:red "><?php esc_html_e('*Save settings before pressing Test Dialogflow Connection', 'chatbot'); ?><br>
2833 <?php esc_html_e('*You must have owner permission for the service account your are using in Dialogflow agent.', 'chatbot'); ?></p>
2834 <div class="cxsc-settings-blocks">
2835 <button class="btn btn-primary" id="qc_wpbot_df_status"><?php esc_html_e('Test Dialogflow Connection', 'chatbot'); ?></button>
2836 <div class="qcwp_df_status"></div>
2837 </div>
2838 </div>
2839 <br>
2840 <div class="form-group">
2841 <h4 class="qc-opt-title">
2842 <?php esc_html_e('DialogFlow Default reply', 'chatbot'); ?>
2843 </h4>
2844 <input type="text" class="form-control qc-opt-dcs-font"
2845 name="qlcd_wp_chatbot_dialogflow_defualt_reply"
2846 value="<?php echo esc_attr((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', 'chatbot'); ?> ">
2847 </div>
2848 <div class="form-group">
2849 <h4 class="qc-opt-title"><?php esc_html_e('DialogFlow Agent Language (Ex: en)', 'chatbot'); ?></h4>
2850 <input type="text" class="form-control qc-opt-dcs-font"
2851 name="qlcd_wp_chatbot_dialogflow_agent_language"
2852 value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_dialogflow_agent_language') != '' ? get_option('qlcd_wp_chatbot_dialogflow_agent_language') : 'en')); ?>" placeholder="<?php esc_html_e('DialogFlow Agent Language', 'chatbot'); ?>">
2853 </div>
2854 </div>
2855 </div>
2856 </div>
2857 </section>
2858
2859 <section id="section-flip-9">
2860 <div class="cxsc-settings-blocks-addon"><?php esc_html_e('Install the Conversational Form Builder to Collect Information from the users and create Button (menu) Driven Conversations.', 'chatbot'); ?></br>
2861 <?php esc_html_e('After creating a Conversational form, you can add it to the ChatBot`s Action Start Menu from the ChatBot Settings->Action Start Menu', 'chatbot'); ?></b></div>
2862
2863 <div class="qcld-recommendbot-conv-feature">
2864 <?php include_once QCLD_wpCHATBOT_PLUGIN_DIR_PATH . '/qcld-recommendbot-plugin.php'; ?>
2865 </div>
2866 <div class="qcld-seo-help-feature">
2867 <h3><?php esc_html_e('What Can You Do with it?', 'chatbot'); ?></h3>
2868 <p><?php esc_html_e('Conversation Forms Pro allows you to create a wide variety of forms, that might include:', 'chatbot'); ?></p>
2869 <ul>
2870 <li><?php esc_html_e('🚀 Conditional Menu Driven Conversations', 'chatbot'); ?></li>
2871 <li><?php esc_html_e('🚀 Standard Contact Forms', 'chatbot'); ?></li>
2872 <li><?php esc_html_e('🚀 Dynamic, conditional Forms – where fields can change based on the user selections', 'chatbot'); ?></li>
2873 <li><?php esc_html_e('🚀 Job Application Forms', 'chatbot'); ?></li>
2874 <li><?php esc_html_e('🚀 Lead Capture Forms', 'chatbot'); ?></li>
2875 <li><?php esc_html_e('🚀 Various types of Calculators', 'chatbot'); ?></li>
2876 <li><?php esc_html_e('🚀 Feedback Survey Forms etc.', 'chatbot'); ?></li>
2877 <li><?php esc_html_e('🚀 Submit Forms to OpenAI for a Response with your instructions and user submitted data. Supports multi-modal mode. Users can upload an Image or Audio file along with other form fields that you create. Check this article on how Conversational forms work with OpenAI', 'chatbot'); ?>.</li>
2878 </ul>
2879
2880 <h3><?php esc_html_e('How it Works?', 'chatbot'); ?></h3>
2881 <p><?php esc_html_e('After creating a Conversation or form, you can show it in the ChatBot in different ways.', 'chatbot'); ?></p>
2882 <ul>
2883 <li><?php esc_html_e('🚀 Add it to the Action Start Menu', 'chatbot'); ?></li>
2884 <li><?php esc_html_e('🚀 Invoke the form intent with a system command to start inside ChatBot any time', 'chatbot'); ?></li>
2885 <li><?php esc_html_e('🚀 Load the single intent/form inside a ChatBot widget on any page', 'chatbot'); ?></li>
2886 <li><?php esc_html_e('🚀 Load the intent/form inside the ChatBot using a Click to Chat button that can be placed anywhere inside your content on any page.', 'chatbot'); ?></li>
2887 <li><?php esc_html_e('🚀 Trigger another conversational form or Intent like Live Chat using conditions', 'chatbot'); ?></li>
2888 </ul>
2889 <h3><?php esc_html_e('Feature Highlights', 'chatbot'); ?></h3>
2890
2891
2892 <div class="qcld-seo-help-feature-left">
2893 <ul>
2894 <li><?php esc_html_e('🚀 Easy to use visual drag and drop conversations and form builder', 'chatbot'); ?></li>
2895 <li><?php esc_html_e('🚀 Create conversational form or just conversation using the HTML element', 'chatbot'); ?></li>
2896 <li><?php esc_html_e('🚀 Add text fields, single option selection or multiple option selection with checkboxes', 'chatbot'); ?></li>
2897 <li><?php esc_html_e('🚀 Add HTML contents inside the conversation forms', 'chatbot'); ?></li>
2898 <li><?php esc_html_e('🚀 eMail conversations or forms to the admin at the end of conversation', 'chatbot'); ?></li>
2899 <li><?php esc_html_e('🚀 Set different recipient email addresses for different conversation forms', 'chatbot'); ?></li>
2900 <li><?php esc_html_e('🚀 Clone form', 'chatbot'); ?></li>
2901 <li><?php esc_html_e('🚀 Export/Import Forms', 'chatbot'); ?></li>
2902 <li><?php esc_html_e('🚀 Form Entries saved into database', 'chatbot'); ?></li>
2903 <li><?php esc_html_e('🚀 Export Form Entries as CSV', 'chatbot'); ?></li>
2904 <li><?php esc_html_e('🚀 12 Ready Form Templates to Get Started with (Contact Form, Feedback form. Survey Form, BMR Calculator, Appointment Request, Booking Form, Room Area Calculator)', 'chatbot'); ?></li>
2905 <li><?php esc_html_e('🚀 11 Input Fields (Simple Text, Hidden, Email Address, Number, URL, Calculation, Select Option, Checkbox, DateTime Picker, HTML, File Upload, OpenAI Instructions)', 'chatbot'); ?></li>
2906 <li><?php esc_html_e('🚀 Processor – Auto Responder – Send an auto response e-mail for form submission', 'chatbot'); ?></li>
2907 <li><?php esc_html_e('🚀 Unlimited Conditional Field creation', 'chatbot'); ?></li>
2908 <li><?php esc_html_e('🚀 Trigger another conversational form or Intent like Live Chat using conditions (**NEW)', 'chatbot'); ?></li>
2909 <li><?php esc_html_e('🚀 Unlimited Variables creation', 'chatbot'); ?></li>
2910 <li><?php esc_html_e('🚀 Form Revisions', 'chatbot'); ?></li>
2911 <li><?php esc_html_e('🚀 Create system command to initiate form for ChatBot', 'chatbot'); ?></li>
2912 <li><?php esc_html_e('🚀 Add form to Action Start Menu', 'chatbot'); ?></li>
2913 <li><?php esc_html_e('🚀 Submit Forms to OpenAI for a Response with your instructions and user submitted data. Supports multi-modal mode. Users can upload an Image or Audio file along with other form fields that you create. Check this article on how Conversational forms work with OpenAI.', 'chatbot'); ?></li>
2914 </ul>
2915 </div>
2916
2917 </div>
2918 </section>
2919
2920 <section id="section-flip-13">
2921 <!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic" style="<?php // echo esc_attr('background: #2271B1'); ?>">
2922 <p class="<?php // esc_attr_e( 'd-ib"><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'chatbot'); ?>
2923 </div> -->
2924 <div class="top-section">
2925 <div class="row">
2926 <div class="col-xs-12">
2927 <h4 class="qc-opt-dcs"><?php esc_html_e('You can paste or write your custom css here.', 'chatbot'); ?></h4>
2928 <textarea name="wp_chatbot_custom_css"
2929 class="form-control wp-chatbot-custom-css"
2930 cols="10"
2931 rows="16"><?php echo esc_textarea(get_option('wp_chatbot_custom_css')); ?></textarea>
2932 </div>
2933 </div>
2934 <!-- row-->
2935 </div>
2936 </section>
2937
2938 <section id="section-flip-11">
2939 <div class="cxsc-settings-blocks-addon">
2940 <?php esc_html_e('Harness the power of AI to generate SEO Freindly contents quickly. Install our SEO Help plugin with One Click Turbo AI Content Writer, YouTube Subtitle to SEO Article Generator with AI, Global AI writing panel, AI Image Generator and RSS Feed AutoBlogging with OpenAI or Google Gemini.', 'chatbot'); ?></div>
2941
2942 <div class="qcld-recommendbot-conv-feature">
2943 <?php include_once QCLD_wpCHATBOT_PLUGIN_DIR_PATH . '/qcld-recommendbot-ai-plugin.php'; ?>
2944
2945 </div>
2946 <div class="qcld-seo-help-feature">
2947 <h3><?php esc_html_e('SEO Help Features', 'chatbot'); ?></h3>
2948 <h4><?php esc_html_e('OpenAI ChatGPT or Google Gemini Powered Content Generator', 'chatbot'); ?></h4>
2949 <p>
2950 <?php esc_html_e('🚀 Supports both Google Gemini AI and OpenAI (ChatGPT)', 'chatbot'); ?><br>
2951 <?php esc_html_e('🚀 Generate Text Contents for your Blog with the Click of a Button – Turbo content generator', 'chatbot'); ?><br>
2952 <?php esc_html_e('🚀 Generate Single Articles directly from your Blog post edit page', 'chatbot'); ?><br>
2953 <?php esc_html_e('🚀 Generate BULK articles and schedule each article’s publish time', 'chatbot'); ?><br>
2954 <?php esc_html_e('🚀 Select to auto publish or save in draft', 'chatbot'); ?><br>
2955 <?php esc_html_e('🚀 Generate summeries for Blog Posts automatically using OpenAI ChatGPT. Automatic content summary (summarizer) or TLDR can be helpful for both your readers and SEO. Blog Post Article Summaries are automatically added to your contents and can make your content look fresh to Search Engines if you enable Generate multiple summaries and use them randomly.', 'chatbot'); ?><br>
2956 <?php esc_html_e('🚀 Automatically Create and Insert AI Images inside your articles', 'chatbot'); ?><br>
2957 <?php esc_html_e('🚀 Options to fine tune your articles (How many headings?, Heading Tag, Writing Style, Writing Tone, Image Size, Language, Add Image, Add Tagline, Add Introduction, Add Conclusion, Add Faq, Anchor Text, Target URL, Add Call-to-Action, Call-to-Action Position, Add Keywords, Keywords to Avoid, Make Keywords Bold etc.)', 'chatbot'); ?><br>
2958 <?php esc_html_e('🚀 A Collection of hundreds of ready Prompts for your ideas', 'chatbot'); ?><br>
2959 <?php esc_html_e('🚀 Generate royalty free AI Images with many different options (Artist, Style, Photography, Lighting, Subject, Camera, Composition, Resolution, Color, Special Effects, Size9(up to 4K))', 'chatbot'); ?><br>
2960 <?php esc_html_e('🚀 Save AI Generated images to Media Library with one click', 'chatbot'); ?><br>
2961 <?php esc_html_e('🚀 AI Image Gutenberg Block. Create and Insert Image directly into your blog post', 'chatbot'); ?><br>
2962 <?php esc_html_e('🚀 Generate Meta Description with one click', 'chatbot'); ?><br>
2963 <?php esc_html_e('🚀 Add meta description tag automatically to the page source', 'chatbot'); ?><br>
2964 <?php esc_html_e('🚀 OpenAI playground', 'chatbot'); ?><br>
2965 <?php esc_html_e('🚀 ChatGPT and Google Gemini in WordPress backend', 'chatbot'); ?><br>
2966 <?php esc_html_e('🚀 Humanize article so they do not sound AI written', 'chatbot'); ?></p>
2967 <h4><?php esc_html_e('YouTube Video Subtitle to SEO Article Generator with AI', 'chatbot'); ?></h4>
2968 <p>
2969 <?php esc_html_e('🚀 Generate Articles from YouTube Subtitles. Works Best for Long form Videos', 'chatbot'); ?><br>
2970 <?php esc_html_e('🚀 Rewrite subtitle to a SEO Friendly Blog Article', 'chatbot'); ?><br>
2971 <?php esc_html_e('🚀 Fine tune your articles (How many headings?, Heading Tag, Writing Style, Writing Tone, Image Size, Language, Add Image, Add Tagline, Add Introduction, Add Conclusion, Add Faq, Anchor Text, Target URL, Add Call-to-Action, Call-to-Action Position, Add Keywords, Keywords to Avoid, Make Keywords Bold etc.)', 'chatbot'); ?><br>
2972 <?php esc_html_e('🚀 Directly Generate a Blog Post Draft', 'chatbot'); ?><br>
2973 <?php esc_html_e('🚀 Humanize article so they do not sound AI written', 'chatbot'); ?></p>
2974 <h4><?php esc_html_e('RSS Feed to Post, Auto Blogging', 'chatbot'); ?></h4>
2975 <p>
2976 <?php esc_html_e('🚀 Automatically Import and Convert RSS feed items to WordPress pages, posts, and custom post type.', 'chatbot'); ?><br>
2977 <?php esc_html_e('🚀 Automatically import and aggregate unlimited RSS feeds from unlimited sources', 'chatbot'); ?><br>
2978 <?php esc_html_e('🚀 Schedule RSS Feed to Post according to your need for Autoblogging', 'chatbot'); ?><br>
2979 <?php esc_html_e('🚀 Rewrite RSS feeds with OpenAI AI before publishing to prevent duplicate contents', 'chatbot'); ?></p>
2980 <h4><?php esc_html_e('SEO Features', 'chatbot'); ?></h4>
2981 <p>
2982 <?php esc_html_e('🚀 Outputs all the essential meta tags that are essential for Search Engine Optimization', 'chatbot'); ?><br>
2983 <?php esc_html_e('🚀 Meta tags can be set for each Post type', 'chatbot'); ?><br>
2984 <?php esc_html_e('🚀 Configure Meta Tags Globally and Per Post basis', 'chatbot'); ?><br>
2985 <?php esc_html_e('🚀 Generate and Add Meta Description with one click', 'chatbot'); ?><br>
2986 <?php esc_html_e('🚀 Set the OGP information required for Social Networking Websites such as Facebook and Twitter.', 'chatbot'); ?><br>
2987 <?php esc_html_e('🚀 Customize the meta tag information individually for each post, page, and term.', 'chatbot'); ?><br>
2988 <?php esc_html_e('🚀 Easily set the Google Analytics measurement code and Webmaster Tools verification code.', 'chatbot'); ?><br>
2989 <?php esc_html_e('🚀 Works out of the box', 'chatbot'); ?></p>
2990 <h4><?php esc_html_e('SEO Optimized Images', 'chatbot'); ?></h4>
2991 <p>
2992 <?php esc_html_e('🚀 Dynamically insert SEO-Friendly “alt” and “title” attributes to your images. Simply activate the plugin, provide the pattern, and you are ready to go.', 'chatbot'); ?><br>
2993 <?php esc_html_e('🚀 Dynamically replaces the “alt” and “title” tags. It does not make any changes to the database. This means that if you deactivate the plugin, everything will return to the original settings.', 'chatbot'); ?><br>
2994 <?php esc_html_e('🚀 Insert an image name, a post title and a post category in the “title” and “alt” attributes of the image.', 'chatbot'); ?></p>
2995 <h4><?php esc_html_e('No-Index Features', 'chatbot'); ?></h4>
2996 <p>
2997 <?php esc_html_e('🚀 Easily add a meta-tag for robots noindex tags to parts of your WordPress site as necessary from a central location', 'chatbot'); ?>
2998 </p>
2999 <h5><?php esc_html_e('1. Pages and Posts', 'chatbot'); ?></h5>
3000 <p>
3001 <?php esc_html_e('🚀 Front Page: Block the indexing of the website’s front page.', 'chatbot'); ?><br>
3002 <?php esc_html_e('🚀 Home Page: Block the indexing of the website’s home page.', 'chatbot'); ?><br>
3003 <?php esc_html_e('🚀 Page: Block the indexing of the site’s pages.', 'chatbot'); ?><br>
3004 <?php esc_html_e('🚀 Privacy Policy Page: Block the indexing of the website’s privacy policy page.', 'chatbot'); ?><br>
3005 <?php esc_html_e('🚀 Single Post: Block the indexing of a post on the site.', 'chatbot'); ?>
3006 </p>
3007 <h5><?php esc_html_e('2. Taxonomies', 'chatbot'); ?></h5>
3008 <p>
3009 <?php esc_html_e('🚀 Categories: Block the indexing of the website categories.', 'chatbot'); ?><br>
3010 <?php esc_html_e('🚀 Tags: Block the indexing of the website’s tags.', 'chatbot'); ?>
3011 </p>
3012 <h5><?php esc_html_e('3. Dates', 'chatbot'); ?></h5>
3013 <p>
3014 <?php esc_html_e('🚀 Date: Block the indexing based on any date-based archive pages.', 'chatbot'); ?><br>
3015 <?php esc_html_e('🚀 Day, Month, Time, Year: Block the indexing for daily, monthly, by time, or yearly archive of the site.', 'chatbot'); ?>
3016 </p>
3017 <h5><?php esc_html_e('4. Archives', 'chatbot'); ?></h5>
3018 <p>
3019 <?php esc_html_e('🚀 Archive: Block the indexing of any type of Archive page. Category, Tag, Author and Date based pages etc. are all types of Archives.', 'chatbot'); ?><br>
3020 <?php esc_html_e('🚀 Author: Block the indexing of the author’s page, where the author’s publications appear.', 'chatbot'); ?><br>
3021 <?php esc_html_e('🚀 Post Type Archive: Block the indexing of any post type page.', 'chatbot'); ?>
3022 </p>
3023 <h5><?php esc_html_e('5. Pagination and Search', 'chatbot'); ?></h5>
3024 <p>
3025 <?php esc_html_e('🚀 Pagination: Block the indexing of the pagination, i.e. all pages other than the main page of an archive.', 'chatbot'); ?><br>
3026
3027 <?php esc_html_e('🚀 Search: Block the indexing of the internal search result pages.', 'chatbot'); ?>
3028 </p>
3029 <h5><?php esc_html_e('6. Attachments and Previews', 'chatbot'); ?></h5>
3030 <p>
3031 <?php esc_html_e('🚀 Attachment: Block the indexing of an attachment document to a post or page.', 'chatbot'); ?><br>
3032 <?php esc_html_e('🚀 Customize Preview: Block the indexing when a content is being displayed in customize mode', 'chatbot'); ?><br>
3033 <?php esc_html_e('🚀 Preview: Block the indexing when a single post is being displayed in draft mode.', 'chatbot'); ?>
3034 </p>
3035 <h5><?php esc_html_e('7. Error Page', 'chatbot'); ?></h5>
3036 <p>
3037 <?php esc_html_e('🚀 Error 404: This will cause an error page to be blocked from being indexed. As it is an error page, it should not be indexed per se, but just in case.', 'chatbot'); ?>
3038 </p>
3039 <h5><?php esc_html_e('8. Other Features', 'chatbot'); ?></h5>
3040 <p>
3041 <?php esc_html_e('🚀 Works with all modern browsers', 'chatbot'); ?><br>
3042 <?php esc_html_e('🚀 Scan for Broken Links on your website', 'chatbot'); ?><br>
3043 <?php esc_html_e('🚀 Open External links in new window', 'chatbot'); ?><br>
3044 <?php esc_html_e('🚀 Priority, Premium Support', 'chatbot'); ?><br>
3045 <?php esc_html_e('🚀 Auto Upgrades for Plugin', 'chatbot'); ?></p>
3046 </div>
3047 </section>
3048
3049
3050 <footer class="wp-chatbot-admin-footer">
3051 <div class="row">
3052
3053
3054 <input type="submit" class="btn btn-primary submit-button" name="submit"
3055 id="submit" value="Save Settings"/>
3056
3057 </div>
3058 <!-- row-->
3059 </footer>
3060
3061 </div>
3062
3063
3064
3065 <div class="wp-chatbot-admin-upgrade-pro-sidebar">
3066 <div class="wp-chatbot-admingradient-color">
3067 <img class="wp-chatbot-admin-banner" src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/template-sample.gif' ); ?>" alt="">
3068 <h3 class="wp-chatbot-admincart-title">Upgrade To <span>Pro</span></h3>
3069 <ul class="feature-list">
3070 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Core WPBot Pro</li>
3071 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Chat Sessions and Histories</li>
3072 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Extended Search Module</li>
3073 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">OpenAI Basic and DialogFlow</li>
3074 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Simple text Responses Pro Module</li>
3075 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Conversational Forms Pro Module</li>
3076 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">WooCommerce Module</li>
3077 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">OpenAI Pro Adv. (Fine Tuning, Assistant)</li>
3078 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Live (Human) Chat Module</li>
3079 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Tavily Search API module</li>
3080 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Extended UI Module</li>
3081 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">WebHook & Mailing List Module</li>
3082 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">White Label Module</li>
3083 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">FaceBook Messenger Module</li>
3084 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">WhatsApp through Twilio Module</li>
3085 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Multi Language Module</li>
3086 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Settings Export Import Module</li>
3087 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Voice Message Module</li>
3088 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Voice Chat Module</li>
3089 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Telegram Module</li>
3090 <li><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/check2.svg' ); ?>" alt="">Priority Technical Support</li>
3091 </ul>
3092
3093 <a class="wp-chatbot-admin-pro-upgrade-button" target="_blank" href="https://www.wpbot.pro/">Upgrade to Pro <img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/external-white.svg' ); ?>" alt=""></a>
3094 </div>
3095
3096 </div>
3097
3098
3099
3100
3101 </div>
3102
3103 </section>
3104
3105
3106
3107
3108
3109
3110 </div>
3111 <?php wp_nonce_field('wp_chatbot'); ?>
3112 </form>
3113
3114
3115 </div>
3116
3117
3118
3119
3120
3121
3122