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

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

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