PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 8.7.6
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v8.7.6
8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 8.5.2 8.5.0 All 532 releases
← All changes | admin_ui.php +520 -205 8.5.08.7.6 View file →
@@ -28,9 +28,9 @@
28 28 </h1>
29 29
30 30 <div class="qcld-wp-chatbot-wrap-header">
31 31
32 - <div class="qcld-wp-chatbot-wrap-header-logo"><a href="#" class="qcld-wp-chatbot-wrap-site__logo"><img style="width:100%" src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/chatbot.png' ); ?>" alt="Dialogflow CX"> WPBot Control Panel </a>
32 + <div class="qcld-wp-chatbot-wrap-header-logo"><a href="#" class="qcld-wp-chatbot-wrap-site__logo"><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/chatbot.png' ); ?>" alt="Dialogflow CX"> WPBot Control Panel </a>
33 33 <p><strong>Core Version:</strong> v<?php echo esc_attr(QCLD_wpCHATBOT_VERSION); ?></p>
34 34 </div>
35 35 <ul class="qcld-wp-chatbot-wrap-version-wrapper">
36 36 <li>
@@ -71,35 +71,40 @@
71 71 <section class="wp-chatbot-tab-container-inner">
72 72 <div class="wp-chatbot-tabs wp-chatbot-tabs-style-flip">
73 73 <nav>
74 74 <ul>
75 - <li class="tab-current" tab-data="started"><a href="<?php echo esc_url($action).'&tab=started' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-admin-home"></span> </span> <span class="wpwbot-admin-tab-name">
75 + <li class="tab-current" tab-data="started" data-section="#section-flip-1"><a href="<?php echo esc_url($action).'&tab=started' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-admin-home"></span> </span> <span class="wpwbot-admin-tab-name">
76 76 <?php esc_html_e('Getting Started', 'chatbot'); ?>
77 77 </span> </a></li>
78 - <li tab-data="general"><a href="<?php echo esc_url($action) .'&tab=general' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-admin-generic"></span></span> <span class="wpwbot-admin-tab-name">
78 + <li tab-data="general" data-section="#section-flip-2"><a href="<?php echo esc_url($action) .'&tab=general' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-admin-generic"></span></span> <span class="wpwbot-admin-tab-name">
79 79 <?php esc_html_e('General settings', 'chatbot'); ?>
80 80 </span> </a></li>
81 - <li tab-data="language"><a href="<?php echo esc_url($action) .'&tab=language' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-translation"></span> </span> <span class="wpwbot-admin-tab-name">
82 - <?php esc_html_e('Change Language', 'chatbot'); ?>
81 + <div class="cxsc-settings_openai_border">
82 + <a href="<?php echo esc_url( $action) .'_openAi' ?>">
83 + <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-update"></span>
84 + </span> <span class=""> <?php esc_html_e('AI Settings', 'chatbot'); ?> </span>
85 + </a>
86 + </div>
87 + <div class="cxsc-settings_openai_border">
88 + <a href="<?php echo esc_url( $action) .'_ai_actions' ?>">
89 + <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-update"></span>
90 + </span> <span class=""> <?php esc_html_e('AI Actions', 'chatbot'); ?> </span>
91 + </a>
92 + </div>
93 +
94 + <li tab-data="themes" data-section="#section-flip-3"><a href="<?php echo esc_url($action) .'&tab=themes' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-share-alt"></span> </span> <span class="wpwbot-admin-tab-name">
95 + <?php esc_html_e('Icons & Themes', 'chatbot'); ?>
83 96 </span> </a></li>
84 - <li tab-data="social"><a href="<?php echo esc_url($action) .'&tab=social' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-image-filter"></span> </span> <span class="wpwbot-admin-tab-name">
97 + <li tab-data="startmenu" data-section="#section-flip-6"><a href="<?php echo esc_url($action).'&tab=startmenu' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-menu"></span> </span> <span class="wpwbot-admin-tab-name"><?php esc_html_e('Action Start Menu', 'chatbot'); ?></span> </a></li>
98 + <li tab-data="social" data-section="#section-flip-51"><a href="<?php echo esc_url($action) .'&tab=social' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-image-filter"></span> </span> <span class="wpwbot-admin-tab-name">
85 99 <?php esc_html_e('Button Configurations', 'chatbot'); ?>
86 100 </span> </a></li>
87 - <div class="cxsc-settings_openai_border"> <a href="<?php echo esc_url( $action) .'_openAi' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-update"></span>
88 - </span> <span class=""> <?php esc_html_e('AI Settings', 'chatbot'); ?> </span>
89 - </a>
90 -</div>
91 -
92 -
93 -
94 - <li tab-data="themes"><a href="<?php echo esc_url($action) .'&tab=themes' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-share-alt"></span> </span> <span class="wpwbot-admin-tab-name">
95 - <?php esc_html_e('Icons & Themes', 'chatbot'); ?>
101 + <li tab-data="language" data-section="#section-flip-5"><a href="<?php echo esc_url($action) .'&tab=language' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-translation"></span> </span> <span class="wpwbot-admin-tab-name">
102 + <?php esc_html_e('Change Language', 'chatbot'); ?>
96 103 </span> </a></li>
97 - <li tab-data="support"><a href="<?php echo esc_url($action).'&tab=support' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-info-outline"></span> </span> <span class="wpwbot-admin-tab-name">
104 + <li tab-data="support" data-section="#section-flip-4"><a href="<?php echo esc_url($action).'&tab=support' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-info-outline"></span> </span> <span class="wpwbot-admin-tab-name">
98 105 <?php esc_html_e('FAQ Builder', 'chatbot'); ?>
99 - </span> </a></li>
100 - <li tab-data="startmenu"><a href="<?php echo esc_url($action).'&tab=startmenu' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-menu"></span> </span> <span class="wpwbot-admin-tab-name"><?php esc_html_e('Start Menu', 'chatbot'); ?></span> </a></li>
101 -
106 + </span> </a></li>
102 107
103 108 <li tab-data="ai"><a href="<?php echo esc_url($action).'&tab=ai' ?>"> <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-format-chat"></span> </span> <span class="wpwbot-admin-tab-name">
104 109 <?php esc_html_e('Dialogflow', 'chatbot'); ?>
105 110 </span> </a></li>
@@ -104,9 +109,9 @@
104 109 <?php esc_html_e('Dialogflow', 'chatbot'); ?>
105 110 </span> </a></li>
106 111
107 112
108 - <li tab-data="<?php echo esc_url('rpl'); ?>" class="conversational"><a href="<?php echo esc_url($action).'&tab=rpl' ?>">
113 + <li tab-data="<?php echo esc_url('rpl'); ?>" data-section="#section-flip-9" class="conversational"><a href="<?php echo esc_url($action).'&tab=rpl' ?>">
109 114 <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-feedback"></span>
110 115 </span> <span class="wpwbot-admin-tab-name"> <?php esc_html_e('Conversational Form', 'chatbot'); ?>
111 116 </span>
112 117 </a>
@@ -114,9 +119,9 @@
114 119
115 120
116 121
117 122
118 - <li tab-data="custom_css"> <a href="<?php echo esc_url($action).'&tab=custom_css'?>">
123 + <li tab-data="custom_css" data-section="#section-flip-13"> <a href="<?php echo esc_url($action).'&tab=custom_css'?>">
119 124 <span class="wpwbot-admin-tab-icon"> <span class="dashicons dashicons-editor-code"></span>
120 125 </span> <span class="wpwbot-admin-tab-name"> <?php esc_html_e('Custom CSS', 'chatbot'); ?></span>
121 126 </a>
122 127 </li>
@@ -167,9 +172,9 @@
167 172 <h3 class="qcld-wpbot-main-tabs-title"><?php echo esc_html__('WPBot Interactions', 'chatbot'); ?></h3>
168 173 <p><?php echo esc_html__('You can use WPBot to both answer user questions and collect information from the users.', 'chatbot'); ?></p>
169 174 <h4><?php echo esc_html__('To create answers to user questions you can use:', 'chatbot'); ?></h4>
170 175 <p> <b><?php echo esc_html__('Simple Text Responses', 'chatbot'); ?></b> (built-in), <b style="font-size: 14px"><?php echo esc_html__('FAQ', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Site search', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Product search', 'chatbot'); ?></b>(built-in Pro feature), <b style="font-size: 14px"><?php echo esc_html__('DialogFlow', 'chatbot'); ?></b>(3rd Party) or <b style="font-size: 14px"><?php echo esc_html__('OpenAI', 'chatbot'); ?></b>(3rd Party)</br>
171 -</p>
176 + </p>
172 177 <h4> <?php echo esc_html__('To collect information from your users you can use:', 'chatbot'); ?></h4>
173 178 <p> <b>
174 179 <?php echo esc_html__('Conversational forms', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Mail us', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Call me back', 'chatbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Collect feedback features', 'chatbot'); ?></b>(built-in)</p>
175 180 <hr>
@@ -204,9 +209,9 @@
204 209 <div class="to-icon-txt fa-4x-txt ">
205 210 <h3>
206 211 <span>// </span><?php esc_html_e('Send eMail, Call Me Back &amp; Feedback Collection', 'chatbot'); ?>
207 212 </h3>
208 - <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.', 'chatbot'); ?></p>
213 + <p><?php esc_html_e('Users can send a email to the site admin directly from the Chat window for customer support. The Call Me Back feature lets you get call requests from your customers which will be emailed to you. You can also use WPBot to collect Feedback from your customers regarding anything! You can disable/enable these features from the Action Start Menu.', 'chatbot'); ?></p>
209 214 </div>
210 215 </div>
211 216 <div class="to-icon-box left txt-left">
212 217 <div class="to-icon-txt fa-4x-txt ">
@@ -260,14 +265,14 @@
260 265 </h4>
261 266 </div>
262 267 <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
263 268 <div class="panel-body">
264 - <p><?php esc_html_e('Extend the Start Menu with the', 'chatbot'); ?> <?php esc_html_e('powerful Conversational Forms', 'chatbot'); ?>&nbsp;<?php esc_html_e(' Addon for WPBot. It extends WPBot’s functionality and adds the ability to create', 'chatbot'); ?> <?php esc_html_e('conditional conversations', 'chatbot'); ?> <?php esc_html_e('and/or', 'chatbot'); ?> <?php esc_html_e('forms', 'chatbot'); ?> <?php esc_html_e('for the WPBot. It is a visual,', 'chatbot'); ?> <?php esc_html_e('drag and drop', 'chatbot'); ?><?php esc_html_e(' form builder that is easy to use and very flexible. Supports conditional logic and use of variables to build all types of forms or just', 'chatbot'); ?> <?php esc_html_e('menu driven', 'chatbot'); ?>
269 + <p><?php esc_html_e('Extend the Action Start Menu with the', 'chatbot'); ?> <?php esc_html_e('powerful Conversational Forms', 'chatbot'); ?>&nbsp;<?php esc_html_e(' Addon for WPBot. It extends WPBot’s functionality and adds the ability to create', 'chatbot'); ?> <?php esc_html_e('conditional conversations', 'chatbot'); ?> <?php esc_html_e('and/or', 'chatbot'); ?> <?php esc_html_e('forms', 'chatbot'); ?> <?php esc_html_e('for the WPBot. It is a visual,', 'chatbot'); ?> <?php esc_html_e('drag and drop', 'chatbot'); ?><?php esc_html_e(' form builder that is easy to use and very flexible. Supports conditional logic and use of variables to build all types of forms or just', 'chatbot'); ?> <?php esc_html_e('menu driven', 'chatbot'); ?>
265 270 <?php esc_html_e('conversations', 'chatbot'); ?> <?php esc_html_e('with if else logic', 'chatbot'); ?> . <?php esc_html_e('Conversations or forms can be', 'chatbot'); ?> <?php esc_html_e('eMailed', 'chatbot'); ?> <?php esc_html_e('to you and', 'chatbot'); ?> <?php esc_html_e('saved in the database', 'chatbot'); ?>.
266 271 </p>
267 272 <h4><?php esc_html_e('Conversational Form Builder Free or Pro version works with the WPBot Free or Pro versions.', 'chatbot'); ?></h4>
268 273 <a class="FormBuilder" href="https://wordpress.org/plugins/conversational-forms/" target="_blank"><?php esc_html_e('Download Free Version', 'chatbot'); ?></a>
269 - <a class="FormBuilder" href="https://www.quantumcloud.com/products/conversations-and-form-builder/" target="_blank"><?php esc_html_e('Grab the Pro version', 'chatbot'); ?></a>
274 + <a class="FormBuilder" href="https://www.quantumcloud.net/products/conversations-and-form-builder/" target="_blank"><?php esc_html_e('Grab the Pro version', 'chatbot'); ?></a>
270 275 <h4><?php esc_html_e('What Can You Do with it?', 'chatbot'); ?></h4>
271 276 <p><?php esc_html_e('Conversation Forms allows you to create a wide variety of forms, that might include:', 'chatbot'); ?></p>
272 277 <ul>
273 278 <li><?php esc_html_e('Create menu or button driven conversations', 'chatbot'); ?></li>
@@ -370,16 +375,16 @@
370 375 </div>
371 376 <div class="panel panel-default">
372 377 <div class="panel-heading" role="tab" id="headingSix">
373 378 <h4 class="panel-title">
374 - <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', 'chatbot'); ?> </a>
379 + <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> <?php esc_html_e('Action Start Menu', 'chatbot'); ?> </a>
375 380 </h4>
376 381 </div>
377 382 <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
378 383 <div class="panel-body">
379 - <?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', 'chatbot'); ?> <b><?php echo esc_html_e('options to do more', 'chatbot'); ?></b>. <?php echo esc_html_e('From ChatBot->Settings->Start Menu you can drag Available Menu Items (Intents) to the Active Menu Items area.', 'chatbot'); ?></br></br>
380 - <?php echo esc_html_e('Besides the built-in Intents, you can also create custom Intents for your Start Menu using','chatbot'); ?> <b><?php echo esc_html_e('Simple Text Responses', 'chatbot'); ?></b> and <b><?php echo esc_html_e('Conversational form builder', 'chatbot'); ?></b>. <?php echo esc_html_e('You can create almost any kind of response with the combinations of the two.', 'chatbot'); ?></br></br>
381 - <?php echo esc_html_e('We recommend enabling','chatbot'); ?><b><?php echo esc_html_e(' Show Start Menu After Greetings ', 'chatbot'); ?></b><?php echo esc_html_e('from ChatBot Pro->Settings->General settings.','chatbot'); ?>
384 + <?php echo esc_html_e('While using a ChatBot, users can get lost or not know how to Interact with the Bot. That is why we have a Action Start Menu to always give the user', 'chatbot'); ?> <b><?php echo esc_html_e('options to do more', 'chatbot'); ?></b>. <?php echo esc_html_e('From ChatBot->Settings->Action Start Menu you can drag Available Menu Items (Intents) to the Active Menu Items area.', 'chatbot'); ?></br></br>
385 + <?php echo esc_html_e('Besides the built-in Intents, you can also create custom Intents for your Action Start Menu using','chatbot'); ?> <b><?php echo esc_html_e('Simple Text Responses', 'chatbot'); ?></b> and <b><?php echo esc_html_e('Conversational form builder', 'chatbot'); ?></b>. <?php echo esc_html_e('You can create almost any kind of response with the combinations of the two.', 'chatbot'); ?></br></br>
386 + <?php echo esc_html_e('We recommend enabling','chatbot'); ?><b><?php echo esc_html_e(' Show Action Start Menu After Greetings ', 'chatbot'); ?></b><?php echo esc_html_e('from ChatBot Pro->Settings->General settings.','chatbot'); ?>
382 387 </div>
383 388 </div>
384 389 </div>
385 390 <div class="panel panel-default">
@@ -389,9 +394,9 @@
389 394 </h4>
390 395 </div>
391 396 <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
392 397 <div class="panel-body">
393 - <?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.', 'chatbot'); ?></br></br>
398 + <?php echo esc_html_e('Head over to ChatBot Pro->Settings->General and make sure to Enable the Floating Icon. As soon as you do that, the ChatBot can start working for your users. Make sure to drag some items to the Active Menu area under the Action Start Menu.', 'chatbot'); ?></br></br>
394 399 <?php echo esc_html_e('The ChatBot settings area is full of options. Do not be intimidated by that. You do not need to use all the options – just what you need. Head over to the Settings->', 'chatbot'); ?><b><?php echo esc_html_e('Icons and Themes','chatbot'); ?></b> <?php echo esc_html_e('for options to customize your ChatBot. You will also find options to embed the ChatBot on a page, click to chat, FAQ builder etc. under the Setting options.', 'chatbot'); ?>
395 400 </div>
396 401 </div>
397 402 </div>
@@ -523,16 +528,18 @@
523 528 <p class="d-ib"><i class="dashicons dashicons-yes" aria-hidden="true"></i> <?php esc_html_e('Please see the plugin`s Getting Started section for how to create interactions.', 'chatbot'); ?></p>
524 529 <p class="d-ib"><i class="dashicons dashicons-yes" aria-hidden="true"></i> <?php esc_html_e('You can change ALL the texts used by the ChatBot to YOUR language here to make it speak French, German, Spanish etc. -> Change Language', 'chatbot'); ?></p>
525 530 <p class="d-ib"><i class="dashicons dashicons-yes" aria-hidden="true"></i> <?php esc_html_e('Please see the plugin`s Help and Debugging section to troubleshoot common issues.', 'chatbot'); ?></p>
526 531 </div>
527 -
528 - <b>
529 - <!-- <p>Please see the plugin's Help and Debugging section to troubleshoot common issues.</p> -->
530 - </b>
531 -
532 + </div>
533 + </div>
532 534
533 - <div class="cxsc-settings-blocks">
534 - <div class="form-group">
535 +
536 +
537 +
538 + <div class="row">
539 + <div class="col-xs-6">
540 + <div class="cxsc-settings-blocks">
541 + <div class="form-group" style=" min-height: 150px;">
535 542 <?php
536 543 $qcld_wpbot_url = get_site_url();
537 544 $qcld_wpbot_url_parts = wp_parse_url($qcld_wpbot_url);
538 545 $qcld_wpbot_domain = $qcld_wpbot_url_parts['host'];
@@ -541,13 +548,15 @@
541 548 <h4 class="qc-opt-title"><?php esc_html_e('Emails Will be Sent to', 'chatbot'); ?></h4>
542 549 <input type="text" class="form-control qc-opt-dcs-font"
543 550 name="qlcd_wp_chatbot_admin_email"
544 551 value="<?php echo (get_option('qlcd_wp_chatbot_admin_email') != '' ? esc_attr(get_option('qlcd_wp_chatbot_admin_email')) : esc_attr(sanitize_email($qcld_wpbot_admin_email)) ); ?>">
545 - <label class="qcld_label_width_full" for="disable_wp_chatbot"><?php esc_html_e('Support and Call Back requests will be sent to this address', 'chatbot'); ?> </label>
552 + <label class="qcld_label_width_full qcld_label_width_half" for="disable_wp_chatbot"><?php esc_html_e('Support and Call Back requests will be sent to this address', 'chatbot'); ?> </label>
546 553 </div>
547 554 </div>
548 - <div class="cxsc-settings-blocks">
549 - <div class="form-group">
555 + </div>
556 + <div class="col-xs-6">
557 + <div class="cxsc-settings-blocks">
558 + <div class="form-group">
550 559 <?php
551 560 $qcld_wpbot_url = get_site_url();
552 561 $qcld_wpbot_url_parts = wp_parse_url($qcld_wpbot_url);
553 562 $qcld_wpbot_domain = $qcld_wpbot_url_parts['host'];
@@ -556,169 +565,265 @@
556 565 <h4 class="qc-opt-title"><?php esc_html_e('From Email Address', 'chatbot'); ?></h4>
557 566 <input type="text" class="form-control qc-opt-dcs-font"
558 567 name="qlcd_wp_chatbot_from_email"
559 568 value="<?php echo (get_option('qlcd_wp_chatbot_from_email') != '' ? esc_attr( get_option('qlcd_wp_chatbot_from_email')) : esc_attr(sanitize_email($qcld_wpbot_from_email))); ?> ">
560 - <label class="qcld_label_width_full" for="qlcd_wp_chatbot_from_email"><?php esc_html_e('All emails will be sent from this email address. If you change the From Email Address then please make sure the domain remains the same as where WordPress is installed. Otherwise, the emails may not be received.', 'chatbot'); ?> </label>
561 - </div>
562 - </div>
563 - </div>
564 - </div>
565 - <div class="row">
566 - <div class="col-xs-12">
567 - <div class="form-group">
568 - <h4 class="qc-opt-title">
569 - <?php esc_html_e('Disable Floating Button', 'chatbot'); ?>
570 - </h4>
571 - <div class="cxsc-settings-blocks">
572 - <input value="1" id="disable_floating_button" type="checkbox"
573 - name="disable_floating_button" <?php echo (get_option('disable_floating_button') == 1 ? esc_attr('checked' ): ''); ?>>
574 - <label for="disable_floating_button">
575 - <?php esc_html_e('Disable Floating Button', 'chatbot'); ?>
576 - </label>
577 - </div>
578 - </div>
579 - </div>
580 - </div>
581 - <div class="row">
582 - <div class="col-xs-12">
583 - <div class="form-group">
584 - <h4 class="qc-opt-title">
585 - <?php esc_html_e('Enable Chatbot On WordPress search', 'chatbot'); ?>
586 - </h4>
587 - <div class="cxsc-settings-blocks">
588 - <input value="1" id="wpbot_enable_on_search" type="checkbox"
589 - name="wpbot_enable_on_search" <?php echo (get_option('wpbot_enable_on_search') == 1 ? esc_attr('checked') : ''); ?>>
590 - <label for="wpbot_enable_on_search">
591 - <?php esc_html_e('Enable Chatbot On WordPress search', 'chatbot'); ?>
592 - </label>
593 - </div>
594 - </div>
595 - </div>
596 - </div>
597 - <div class="row">
598 - <div class="col-xs-12">
599 - <div class="cxsc-settings-blocks">
600 - <div class="form-group">
601 - <h4 class="qc-opt-title"> <?php echo esc_html__("Skip Greetings (Asking for Name) and Show Start Menu", 'chatbot'); ?> </h4>
602 - <div class="cxsc-settings-blocks">
603 - <input value="1" id="skip_wp_greetings" type="checkbox"
604 - name="skip_wp_greetings" <?php echo(get_option('skip_wp_greetings') == 1 ? 'checked' : ''); ?>>
605 - <label for="skip_wp_greetings"><?php echo esc_html__("Skip Greetings (Asking for Name) and Show Start Menu", 'chatbot'); ?> </label>
606 - </div>
569 + <label class="qcld_label_width_full qcld_label_width_half" for="qlcd_wp_chatbot_from_email"><?php esc_html_e('All emails will be sent from this email address. If you change the From Email Address then please make sure the domain remains the same as where WordPress is installed. Otherwise, the emails may not be received.', 'chatbot'); ?> </label>
607 570 </div>
608 571 </div>
572 + </div>
609 573 </div>
610 - </div>
574 + <style>
575 + .wpbot-cards-grid {
576 + display: grid;
577 + grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
578 + gap: 20px;
579 + margin-bottom: 20px;
580 + margin-top: 20px;
581 + }
582 + .wpbot-checkbox-card {
583 + cursor: pointer;
584 + display: block;
585 + position: relative;
586 + margin: 0;
587 + }
588 + .wpbot-checkbox-card input[type="checkbox"] {
589 + position: absolute;
590 + opacity: 0;
591 + width: 0;
592 + height: 0;
593 + }
594 + .wpbot-checkbox-card .card-body {
595 + border: 1px solid #e2e8f0;
596 + border-radius: 12px;
597 + padding: 20px;
598 + background: #f8fafc;
599 + transition: all 0.2s ease;
600 + height: 100%;
601 + box-sizing: border-box;
602 + display: flex;
603 + flex-direction: column;
604 + position: relative;
605 + }
606 + .wpbot-checkbox-card input[type="checkbox"]:checked + .card-body {
607 + border-color: #5b4e96;
608 + background: #eff6ff;
609 + box-shadow: 0 0 0 1px #5b4e96, 0 8px 24px rgba(37, 99, 235, 0.15);
610 + }
611 + .wpbot-checkbox-card .check-icon {
612 + position: absolute;
613 + top: 30px;
614 + right: 16px;
615 + width: 24px;
616 + height: 24px;
617 + border-radius: 50%;
618 + background: #f8fafc;
619 + border: 2px solid #e2e8f0;
620 + display: flex;
621 + align-items: center;
622 + justify-content: center;
623 + transition: all 0.2s ease;
624 + z-index: 2;
625 + }
626 + .wpbot-checkbox-card input[type="checkbox"]:checked + .card-body .check-icon {
627 + background: #5b4e96;
628 + border-color: #5b4e96;
629 + }
630 + .wpbot-checkbox-card .check-icon svg {
631 + width: 14px;
632 + height: 14px;
633 + stroke: #e2e8f0;
634 + stroke-width: 3;
635 + stroke-linecap: round;
636 + stroke-linejoin: round;
637 + fill: none;
638 + transition: stroke 0.2s ease;
639 + }
640 + .wpbot-checkbox-card input[type="checkbox"]:checked + .card-body .check-icon svg {
641 + stroke: white;
642 + }
643 + .wpbot-checkbox-card .icon-wrapper {
644 + width: 48px;
645 + height: 48px;
646 + border-radius: 12px;
647 + background: #ffffff;
648 + border: 1px solid #e2e8f0;
649 + display: flex;
650 + align-items: center;
651 + justify-content: center;
652 + margin-bottom: 16px;
653 + color: #64748b;
654 + }
655 + .wpbot-checkbox-card input[type="checkbox"]:checked + .card-body .icon-wrapper {
656 + border-color: #e0e7ff;
657 + background: #f0fdf4;
658 + color: #5b4e96;
659 + }
660 + .wpbot-checkbox-card h4 {
661 + margin: 0 0 8px 0 !important;
662 + font-size: 16px !important;
663 + font-weight: 600 !important;
664 + color: #1e293b !important;
665 + line-height: 1.4 !important;
666 + }
667 + .wpbot-checkbox-card p {
668 + margin: 0 !important;
669 + font-size: 14px !important;
670 + color: #64748b !important;
671 + line-height: 1.5 !important;
672 + }
673 + .wpbot-cards-grid-divider {
674 + height: 1px;
675 + width: 100%;
676 + background: #eee;
677 + }
678 + </style>
611 679
612 680 <div class="row">
613 681 <div class="col-xs-12">
614 - <div class="cxsc-settings-blocks">
615 - <div class="form-group">
616 - <h4 class="qc-opt-title"> <?php echo esc_html__("Skip Greetings (Asking for Name) and Disable Start Menu", 'chatbot'); ?> </h4>
617 - <div class="cxsc-settings-blocks">
618 - <input value="1" id="skip_wp_greetings_donot_show_menu" type="checkbox"
619 - name="skip_wp_greetings_donot_show_menu" <?php echo(get_option('skip_wp_greetings_donot_show_menu') == 1 ? 'checked' : ''); ?>>
620 - <label for="skip_wp_greetings_donot_show_menu"><?php echo esc_html__("Skip Greetings (Asking for Name) and Disable Start Menu", 'chatbot'); ?> </label>
621 - </div>
682 +
683 + <div class="wpbot-cards-grid-divider"></div>
684 +
685 + <div class="wpbot-cards-grid">
686 + <label class="wpbot-checkbox-card">
687 + <input value="1" id="enable_asking_for_email" type="checkbox" name="enable_asking_for_email" <?php echo (get_option('enable_asking_for_email') == 1 ? esc_attr('checked' ): ''); ?>>
688 + <div class="card-body">
689 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
690 + <div class="icon-wrapper"><i class="dashicons dashicons-email" style="font-size:24px;width:24px;height:24px;"></i></div>
691 + <h4><?php esc_html_e('Enable Asking for Email', 'chatbot'); ?></h4>
692 + <p><?php esc_html_e('Enable Asking for Email', 'chatbot'); ?></p>
693 + </div>
694 + </label>
622 695 </div>
623 - </div>
624 - </div>
625 - </div>
626 - <div class="row">
627 - <div class="col-xs-12">
628 - <div class="form-group">
629 - <h4 class="qc-opt-title">
630 - <?php esc_html_e('Show Start Menu After Greetings', 'chatbot'); ?>
631 - </h4>
632 - <div class="cxsc-settings-blocks">
633 - <input value="1" id="show_menu_after_greetings" type="checkbox"
634 - name="show_menu_after_greetings" <?php echo (get_option('show_menu_after_greetings') == 1 ? esc_attr('checked' ): ''); ?>>
635 - <label for="show_menu_after_greetings">
636 - <?php esc_html_e('Show Start Menu After Greetings', 'chatbot'); ?>
637 - </label>
696 + <div class="wpbot-cards-grid-divider"></div>
697 + <div class="wpbot-cards-grid">
698 + <label class="wpbot-checkbox-card">
699 + <input value="1" id="skip_wp_greetings" type="checkbox" name="skip_wp_greetings" <?php echo(get_option('skip_wp_greetings') == 1 ? 'checked' : ''); ?>>
700 + <div class="card-body">
701 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
702 + <div class="icon-wrapper"><i class="dashicons dashicons-controls-skipforward" style="font-size:24px;width:24px;height:24px;"></i></div>
703 + <h4><?php echo esc_html__("Skip Greetings (Asking for Name, Email) and Show Action Start Menu", 'chatbot'); ?></h4>
704 + <p><?php echo esc_html__("Skip asking for name, Email and directly show the Action Start Menu.", 'chatbot'); ?></p>
705 + </div>
706 + </label>
707 + <label class="wpbot-checkbox-card">
708 + <input value="1" id="skip_wp_greetings_donot_show_menu" type="checkbox" name="skip_wp_greetings_donot_show_menu" <?php echo(get_option('skip_wp_greetings_donot_show_menu') == 1 ? 'checked' : ''); ?>>
709 + <div class="card-body">
710 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
711 + <div class="icon-wrapper"><i class="dashicons dashicons-hidden" style="font-size:24px;width:24px;height:24px;"></i></div>
712 + <h4><?php echo esc_html__("Skip Greetings (Asking for Name, Email) and Disable Action Start Menu", 'chatbot'); ?></h4>
713 + <p><?php echo esc_html__("Skip asking for name, Email and disable the Action Start Menu.", 'chatbot'); ?></p>
714 + </div>
715 + </label>
716 + <label class="wpbot-checkbox-card">
717 + <input value="1" id="show_menu_after_greetings" type="checkbox" name="show_menu_after_greetings" <?php echo (get_option('show_menu_after_greetings') == 1 ? esc_attr('checked' ): ''); ?>>
718 + <div class="card-body">
719 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
720 + <div class="icon-wrapper"><i class="dashicons dashicons-menu-alt" style="font-size:24px;width:24px;height:24px;"></i></div>
721 + <h4><?php esc_html_e('Show Action Start Menu After Greetings', 'chatbot'); ?></h4>
722 + <p><?php esc_html_e('Show Action Start Menu immediately after greetings.', 'chatbot'); ?></p>
723 + </div>
724 + </label>
638 725 </div>
726 + <div class="wpbot-cards-grid-divider"> </div>
727 + <div class="wpbot-cards-grid">
728 + <label class="wpbot-checkbox-card">
729 + <span class="pro-badge" style="display:inline-block; padding:2px 8px; background:#5B4E96; color:#fff; border-radius:20px; font-size:9px; font-weight:bold; text-transform:uppercase; vertical-align:middle;position: relative;top: 10px;z-index: 999;">PRO</span>
730 + <input value="1" id="skip_wp_greetings_trigger_intent" type="checkbox" name="skip_wp_greetings_trigger_intent" disabled />
731 + <div class="card-body">
732 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
733 + <div class="icon-wrapper"><i class="dashicons dashicons-controls-skipforward" style="font-size:24px;width:24px;height:24px;"></i></div>
734 + <h4><?php echo esc_html__("Skip Greetings and Trigger an Intent", 'chatbot'); ?> </h4>
735 + <p><?php echo esc_html__("Skip Asking for Name and Trigger an Intent", 'chatbot'); ?></p>
736 + <div class="qc_wp_intent_select_container" style="margin-top: 10px; ">
737 + <div style="margin-bottom: 8px;">
738 + <label style="font-weight: 600; font-size: 13px; color: #5b4e96; display: block; margin-bottom: 4px;"><?php esc_html_e('Select an Intent for non logged in user', 'chatbot'); ?></label>
739 + <select name="qlcd_wp_chatbot_intent_for_non_logged_in_user" id="qlcd_wp_chatbot_intent_for_non_logged_in_user" style="width: 100%; max-width: 250px;" disabled>
740 + <option value=""><?php esc_html_e('Select Intent', 'chatbot'); ?></option>
741 +
742 + </select>
743 + </div>
744 + <div>
745 + <label style="font-weight: 600; font-size: 13px; color: #5b4e96; display: block; margin-bottom: 4px;"><?php esc_html_e('Select an Intent for Logged in User', 'chatbot'); ?></label>
746 + <select name="qlcd_wp_chatbot_intent_for_logged_in_user" id="qlcd_wp_chatbot_intent_for_logged_in_user" style="width: 100%; max-width: 250px;" disabled>
747 + <option value=""><?php esc_html_e('Select Intent', 'chatbot'); ?></option>
748 + </select>
749 + </div>
750 + </div>
751 + </div>
752 + </label>
639 753 </div>
754 + <div class="wpbot-cards-grid-divider"></div>
755 + <div class="wpbot-cards-grid">
756 + <label class="wpbot-checkbox-card">
757 + <input value="1" id="disable_back_to_start_menu" type="checkbox" name="disable_back_to_start_menu" <?php echo (get_option('disable_back_to_start_menu') == 1 ? esc_attr('checked' ): ''); ?>>
758 + <div class="card-body">
759 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
760 + <div class="icon-wrapper"><i class="dashicons dashicons-undo" style="font-size:24px;width:24px;height:24px;"></i></div>
761 + <h4><?php esc_html_e('Disable Back to Action Start Menu', 'chatbot'); ?></h4>
762 + <p><?php esc_html_e('Remove the option to go back to the Action Start Menu.', 'chatbot'); ?></p>
763 + </div>
764 + </label>
640 765 </div>
641 - </div>
642 - <div class="row">
643 - <div class="col-xs-12">
644 - <div class="form-group">
645 - <h4 class="qc-opt-title">
646 - <?php esc_html_e('Disable Back to Start Menu', 'chatbot'); ?>
647 - </h4>
648 - <div class="cxsc-settings-blocks">
649 - <input value="1" id="disable_back_to_start_menu" type="checkbox"
650 - name="disable_back_to_start_menu" <?php echo (get_option('disable_back_to_start_menu') == 1 ? esc_attr('checked' ): ''); ?>>
651 - <label for="disable_back_to_start_menu">
652 - <?php esc_html_e('Disable Back to Start Menu', 'chatbot'); ?>
653 - </label>
766 + <div class="wpbot-cards-grid-divider"></div>
767 + <div class="wpbot-cards-grid">
768 +
769 +
770 + <label class="wpbot-checkbox-card">
771 + <input value="1" id="enable_wp_chatbot_rtl" type="checkbox" name="enable_wp_chatbot_rtl" <?php echo (get_option('enable_wp_chatbot_rtl') == 1 ? esc_attr('checked' ): ''); ?>>
772 + <div class="card-body">
773 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
774 + <div class="icon-wrapper"><i class="dashicons dashicons-editor-rtl" style="font-size:24px;width:24px;height:24px;"></i></div>
775 + <h4><?php esc_html_e('Enable RTL', 'chatbot'); ?></h4>
776 + <p><?php esc_html_e('Enable Right to Left language support for Chat.', 'chatbot'); ?></p>
777 + </div>
778 + </label>
779 +
780 +
781 + <label class="wpbot-checkbox-card">
782 + <input value="1" id="wpbot_enable_on_search" type="checkbox" name="wpbot_enable_on_search" <?php echo (get_option('wpbot_enable_on_search') == 1 ? esc_attr('checked') : ''); ?>>
783 + <div class="card-body">
784 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
785 + <div class="icon-wrapper"><i class="dashicons dashicons-search" style="font-size:24px;width:24px;height:24px;"></i></div>
786 + <h4><?php esc_html_e('Enable Chatbot On WordPress search', 'chatbot'); ?></h4>
787 + <p><?php esc_html_e('Enable Chatbot on WordPress search pages.', 'chatbot'); ?></p>
788 + </div>
789 + </label>
790 +
791 + <label class="wpbot-checkbox-card">
792 + <input value="1" id="open_links_new_window" type="checkbox" name="open_links_new_window" <?php echo (get_option('open_links_new_window') == 1 ? esc_attr('checked'): ''); ?>>
793 + <div class="card-body">
794 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
795 + <div class="icon-wrapper"><i class="dashicons dashicons-external" style="font-size:24px;width:24px;height:24px;"></i></div>
796 + <h4><?php esc_html_e('Links in New Window', 'chatbot'); ?></h4>
797 + <p><?php esc_html_e('Open all Chatbot links in a new browser window.', 'chatbot'); ?></p>
798 + </div>
799 + </label>
800 + </div>
801 + <div class="wpbot-cards-grid-divider"></div>
802 + <div class="wpbot-cards-grid">
803 + <label class="wpbot-checkbox-card">
804 + <input value="1" id="disable_floating_button" type="checkbox" name="disable_floating_button" <?php echo (get_option('disable_floating_button') == 1 ? esc_attr('checked' ): ''); ?>>
805 + <div class="card-body">
806 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
807 + <div class="icon-wrapper"><i class="dashicons dashicons-dismiss" style="font-size:24px;width:24px;height:24px;"></i></div>
808 + <h4><?php esc_html_e('Disable Floating Button', 'chatbot'); ?></h4>
809 + <p><?php esc_html_e('Hide the chatbot floating icon from your website.', 'chatbot'); ?></p>
810 + </div>
811 + </label>
812 + <label class="wpbot-checkbox-card">
813 + <input value="1" id="disable_wp_chatbot_on_mobile" type="checkbox" name="disable_wp_chatbot_on_mobile" <?php echo (get_option('disable_wp_chatbot_on_mobile') == 1 ? esc_attr('checked' ) : ''); ?>>
814 + <div class="card-body">
815 + <div class="check-icon"><svg viewBox="0 0 14 14"><path d="M4 7.2L6.2 9.4L10 5" /></svg></div>
816 + <div class="icon-wrapper"><i class="dashicons dashicons-smartphone" style="font-size:24px;width:24px;height:24px;"></i></div>
817 + <h4><?php esc_html_e('Disable WPbot on Mobile Device', 'chatbot'); ?></h4>
818 + <p><?php esc_html_e('Disable WPBot from loading on mobile devices.', 'chatbot'); ?></p>
819 + </div>
820 + </label>
654 821 </div>
655 - </div>
822 +
823 +
656 824 </div>
657 825 </div>
658 - <div class="row">
659 - <div class="col-xs-12">
660 - <div class="form-group">
661 - <h4 class="qc-opt-title">
662 - <?php esc_html_e('Disable WPBot', 'chatbot'); ?>
663 - </h4>
664 - <div class="cxsc-settings-blocks">
665 - <input value="1" id="disable_wp_chatbot" type="checkbox"
666 - name="disable_wp_chatbot" <?php echo (get_option('disable_wp_chatbot') == 1 ? esc_attr('checked'): ''); ?>>
667 - <label for="disable_wp_chatbot">
668 - <?php esc_html_e('Disable WPBot to Load', 'chatbot'); ?>
669 - </label>
670 - </div>
671 - </div>
672 - </div>
673 - </div>
674 - <div class="row">
675 - <div class="col-xs-12">
676 - <div class="form-group">
677 - <h4 class="qc-opt-title">
678 - <?php esc_html_e('Disable WPbot on Mobile Device', 'chatbot'); ?>
679 - </h4>
680 - <div class="cxsc-settings-blocks">
681 - <input value="1" id="disable_wp_chatbot_on_mobile" type="checkbox"
682 - name="disable_wp_chatbot_on_mobile" <?php echo (get_option('disable_wp_chatbot_on_mobile') == 1 ? esc_attr('checked' ) : ''); ?>>
683 - <label for="disable_wp_chatbot_on_mobile">
684 - <?php esc_html_e('Disable WpBot to Load on Mobile Device', 'chatbot'); ?>
685 - </label>
686 - </div>
687 - </div>
688 - </div>
689 - </div>
690 - <div class="row">
691 - <div class="col-xs-12">
692 - <div class="form-group">
693 - <h4 class="qc-opt-title">
694 - <?php esc_html_e('Enable RTL', 'chatbot'); ?>
695 - </h4>
696 - <div class="cxsc-settings-blocks">
697 - <input value="1" id="enable_wp_chatbot_rtl" type="checkbox"
698 - name="enable_wp_chatbot_rtl" <?php echo (get_option('enable_wp_chatbot_rtl') == 1 ? esc_attr('checked' ): ''); ?>>
699 - <label for="enable_wp_chatbot_rtl">
700 - <?php esc_html_e('Enable RTL (Right to Left language) Support for Chat', 'chatbot'); ?>
701 - </label>
702 - </div>
703 - </div>
704 - </div>
705 -</div>
706 - <div class="row">
707 - <div class="col-xs-12">
708 - <div class="form-group">
709 - <h4 class="qc-opt-title">
710 - <?php esc_html_e('Open All Links in a New Window', 'chatbot'); ?>
711 - </h4>
712 - <div class="cxsc-settings-blocks">
713 - <input value="1" id="open_links_new_window" type="checkbox" name="open_links_new_window" <?php echo (get_option('open_links_new_window') == 1 ? esc_attr('checked'): ''); ?>>
714 - <label for="open_links_new_window">
715 - <?php esc_html_e('Open All Links in a New Window', 'chatbot'); ?>
716 - </label>
717 - </div>
718 - </div>
719 - </div>
720 -</div>
721 826
722 827 <div class="row">
723 828 <div class="col-xs-12">
724 829 <div class="form-group">
@@ -736,8 +841,13 @@
736 841 </div>
737 842 </div>
738 843 </div>
739 844 </div>
845 +
846 +
847 +
848 +
849 +
740 850 <div class="row">
741 851 <div class="col-xs-12">
742 852 <div class="form-group">
743 853 <h4 class="qc-opt-title">
@@ -1493,9 +1603,57 @@
1493 1603 </ul>
1494 1604 <div class="tab-content">
1495 1605 <div id="wp-chatbot-icon-theme-settings" class="tab-pane fade in active">
1496 1606 <div class="top-section">
1497 - <div class="row">
1607 +
1608 +
1609 +
1610 + <div class="row">
1611 + <div class="col-xs-6">
1612 + <div class="form-group">
1613 + <h4 class="qc-opt-title">
1614 + <?php esc_html_e('ChatBot Window Max Height', 'chatbot'); ?>
1615 + </h4>
1616 + <div class="cxsc-settings-blocks" style=" font-size: 15px;">
1617 + <?php
1618 + $chatbot_content_max_height = get_option('chatbot_content_max_height');
1619 + if (!$chatbot_content_max_height) {
1620 + $chatbot_content_max_height = 80;
1621 + } else {
1622 + $chatbot_content_max_height = get_option('chatbot_content_max_height');
1623 + }
1624 + ?>
1625 + <input value="<?php echo esc_attr( $chatbot_content_max_height ); ?>" id="chatbot_content_max_height" type="number" min="0" max="100" placeholder="Max height 100" name="chatbot_content_max_height"> vh
1626 + </div>
1627 + </div>
1628 + </div>
1629 + <div class="col-xs-6">
1630 + <div class="form-group">
1631 + <h4 class="qc-opt-title">
1632 + <?php esc_html_e('ChatBot Window Max Height ( Mobile Device )', 'chatbot'); ?>
1633 + </h4>
1634 + <div class="cxsc-settings-blocks" style=" font-size: 15px;">
1635 + <?php
1636 + $chatbot_content_max_height_responsive = get_option('chatbot_content_max_height_responsive');
1637 + if (!$chatbot_content_max_height_responsive) {
1638 + $chatbot_content_max_height_responsive = 100;
1639 + } else {
1640 + $chatbot_content_max_height_responsive = get_option('chatbot_content_max_height_responsive');
1641 + }
1642 + ?>
1643 + <input value="<?php echo esc_attr( $chatbot_content_max_height_responsive ); ?>" id="chatbot_content_max_height_responsive" type="number" min="0" max="100" placeholder="Max height 100" name="chatbot_content_max_height_responsive"> vh
1644 + </div>
1645 + </div>
1646 + </div>
1647 + </div>
1648 +
1649 +
1650 +
1651 +
1652 +
1653 +
1654 +
1655 + <div class="row">
1498 1656 <div class="col-xs-12">
1499 1657
1500 1658 <h3 class="qcld-wpbot-main-tabs-title">
1501 1659 <?php esc_html_e('WPBot Icon', 'chatbot'); ?>
@@ -1677,11 +1835,121 @@
1677 1835 </div>
1678 1836 </div>
1679 1837 </div>
1680 1838 </div>
1839 + <!-- ===== Custom Icon Video / YouTube ===== -->
1840 + <div class="row">
1841 + <div class="col-xs-12">
1842 + <div class="form-group">
1843 + <h4 class="qc-opt-title"><?php echo esc_html__('Custom Icon Video / YouTube Link', 'chatbot'); ?></h4>
1844 + <p style="margin-bottom:8px;"><?php echo esc_html__('Upload a short video file or paste a YouTube embed URL to use instead of the wpbot icon.', 'chatbot'); ?></p>
1845 + <div class="cxsc-settings-blocks">
1681 1846
1847 + <?php
1848 + $wp_chatbot_icon_video = get_option('wp_chatbot_icon_video', '');
1849 + $is_youtube = (strpos($wp_chatbot_icon_video, 'youtube.com') !== false || strpos($wp_chatbot_icon_video, 'youtu.be') !== false);
1850 + $is_video = !$is_youtube && $wp_chatbot_icon_video !== '';
1851 + ?>
1682 1852
1853 + <!-- Video Upload -->
1854 + <p style="font-weight:600;margin-bottom:4px;"><?php echo esc_html__('Upload Video File', 'chatbot'); ?></p>
1855 + <input type="hidden"
1856 + name="wp_chatbot_icon_video"
1857 + id="wp_chatbot_icon_video"
1858 + value="<?php echo esc_url($wp_chatbot_icon_video); ?>" />
1859 + <button type="button" id="wp_chatbot_icon_video_btn" class="button">
1860 + <?php echo esc_html__('Upload Video', 'chatbot'); ?>
1861 + </button>
1862 + <?php if ($is_video): ?>
1863 + <span style="margin-left:8px;vertical-align:middle;">
1864 + <video src="<?php echo esc_url($wp_chatbot_icon_video); ?>" width="80" height="80" style="border-radius:50%;object-fit:cover;" muted loop autoplay playsinline></video>
1865 + </span>
1866 + <?php endif; ?>
1867 + <button type="button" id="wp_chatbot_icon_video_clear_btn" class="button" style="margin-left:6px;<?php echo ($wp_chatbot_icon_video === '' || $is_youtube) ? 'display:none;' : ''; ?>">
1868 + <?php echo esc_html__('Remove Video', 'chatbot'); ?>
1869 + </button>
1683 1870
1871 + <!-- YouTube URL -->
1872 + <p style="font-weight:600;margin-top:12px;margin-bottom:4px;"><?php echo esc_html__('— or — YouTube Embed URL', 'chatbot'); ?></p>
1873 + <?php $youtube_url_val = $is_youtube ? esc_url($wp_chatbot_icon_video) : ''; ?>
1874 + <input type="url"
1875 + name="wp_chatbot_icon_youtube_url"
1876 + id="wp_chatbot_icon_youtube_url"
1877 + class="regular-text"
1878 + placeholder="https://www.youtube.com/embed/VIDEO_ID"
1879 + value="<?php echo esc_url( $youtube_url_val ); ?>" />
1880 + <button type="button" id="wp_chatbot_icon_youtube_url_clear_btn" class="button" style="margin-left:6px;<?php echo ($youtube_url_val === '' ? 'display:none;' : ''); ?>">
1881 + <?php echo esc_html__('Remove YouTube URL', 'chatbot'); ?>
1882 + </button>
1883 + <p class="description"><?php echo esc_html__('Paste the YouTube embed URL (e.g. https://www.youtube.com/embed/xxxxx). This will override the uploaded video above.', 'chatbot'); ?></p>
1884 +
1885 + <p style="font-weight:600;margin-top:14px;margin-bottom:4px;"><?php echo esc_html__('Autoplay Delay (seconds)', 'chatbot'); ?></p>
1886 + <input type="number"
1887 + name="wp_chatbot_icon_video_delay"
1888 + id="wp_chatbot_icon_video_delay"
1889 + class="small-text"
1890 + min="0"
1891 + max="60"
1892 + step="1"
1893 + value="<?php echo absint( get_option('wp_chatbot_icon_video_delay', 0) ); ?>" />
1894 + <p class="description"><?php echo esc_html__('Wait this many seconds after page load before starting the video. Set to 0 for immediate autoplay.', 'chatbot'); ?></p>
1895 +
1896 + </div>
1897 + </div>
1898 + </div>
1899 + </div>
1900 + <!-- ===== /Custom Icon Video / YouTube ===== -->
1901 + <script>
1902 + (function($){
1903 + $(document).ready(function(){
1904 + // Video upload via WP Media Library
1905 + $('#wp_chatbot_icon_video_btn').on('click', function(e){
1906 + e.preventDefault();
1907 + var frame = wp.media({
1908 + title: '<?php echo esc_js(__('Select or Upload Video', 'chatbot')); ?>',
1909 + button: { text: '<?php echo esc_js(__('Use this video', 'chatbot')); ?>' },
1910 + multiple: false,
1911 + library: { type: 'video' }
1912 + });
1913 + frame.on('select', function(){
1914 + var attachment = frame.state().get('selection').first().toJSON();
1915 + $('#wp_chatbot_icon_video').val(attachment.url);
1916 + $('#wp_chatbot_icon_youtube_url').val('');
1917 + $('#wp_chatbot_icon_youtube_url_clear_btn').hide();
1918 + $('#wp_chatbot_icon_video_clear_btn').show();
1919 + });
1920 + frame.open();
1921 + });
1922 +
1923 + // Clear uploaded video
1924 + $('#wp_chatbot_icon_video_clear_btn').on('click', function(){
1925 + $('#wp_chatbot_icon_video').val('');
1926 + $(this).hide();
1927 + });
1928 +
1929 + // Show/hide Remove YouTube URL button dynamically
1930 + $('#wp_chatbot_icon_youtube_url').on('input keyup change', function(){
1931 + if ($(this).val().trim() !== '') {
1932 + $('#wp_chatbot_icon_youtube_url_clear_btn').show();
1933 + } else {
1934 + $('#wp_chatbot_icon_youtube_url_clear_btn').hide();
1935 + }
1936 + });
1937 +
1938 + // Clear YouTube URL
1939 + $('#wp_chatbot_icon_youtube_url_clear_btn').on('click', function(){
1940 + $('#wp_chatbot_icon_youtube_url').val('');
1941 + var currentVideoVal = $('#wp_chatbot_icon_video').val();
1942 + if (currentVideoVal.indexOf('youtube.com') !== -1 || currentVideoVal.indexOf('youtu.be') !== -1) {
1943 + $('#wp_chatbot_icon_video').val('');
1944 + }
1945 + $(this).hide();
1946 + });
1947 + });
1948 + })(jQuery);
1949 + </script>
1950 +
1951 +
1684 1952 <div class="row">
1685 1953 <div class="col-xs-12">
1686 1954 <div class="form-group">
1687 1955 <h4 class="qc-opt-title">
@@ -1746,8 +2014,29 @@
1746 2014 </div>
1747 2015 </div>
1748 2016 <div id="top-section">
1749 2017 <div class="form-group">
2018 + <!-- Avatar Location Section -->
2019 + <div class="avatar-location-wrapper">
2020 + <h4 class="qc-opt-title"><?php esc_html_e('Avatar Location', 'chatbot'); ?></h4>
2021 + <?php $avatar_location = get_option('qcld_chatbot_avatar_location'); ?>
2022 + <input type="hidden" id="qcld-avatar-location" name="qcld_chatbot_avatar_location" value="<?php echo esc_attr($avatar_location); ?>">
2023 + <div class="avatar-location-cards">
2024 + <div class="avatar-location-card <?php echo ($avatar_location === 'inside') ? 'active' : ''; ?>" data-location="inside">
2025 + <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
2026 + <span><?php esc_html_e('Inside', 'chatbot'); ?></span>
2027 + </div>
2028 + <div class="avatar-location-card <?php echo ($avatar_location === 'side') ? 'active' : ''; ?>" data-location="side">
2029 + <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="9" y1="3" x2="9" y2="21"/></svg>
2030 + <span><?php esc_html_e('Side', 'chatbot'); ?></span>
2031 + </div>
2032 + <div class="avatar-location-card <?php echo ($avatar_location === 'hidden') ? 'active' : ''; ?>" data-location="hidden">
2033 + <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>
2034 + <span><?php esc_html_e('Hidden', 'chatbot'); ?></span>
2035 + </div>
2036 + </div>
2037 + </div>
2038 + <!-- End Avatar Location Section -->
1750 2039 <div class="row">
1751 2040 <div class="col-sm-12">
1752 2041 <h4 class="qc-opt-title">
1753 2042 <?php esc_html_e('WPBot Themes', 'chatbot'); ?>
@@ -2151,9 +2440,9 @@
2151 2440 <input type="text" class="form-control" name="support_query[]"
2152 2441 placeholder="<?php esc_html_e('FAQ Query ', 'chatbot'); ?> ">
2153 2442 <br>
2154 2443 <p class="qc-opt-dcs-font"><strong>
2155 - <?php esc_html_e('Support answer', 'chatbot'); ?>
2444 + <?php esc_html_e('FAQ answer', 'chatbot'); ?>
2156 2445 </strong></p>
2157 2446 <?php
2158 2447 wp_editor(html_entity_decode(stripcslashes('')), 'support_ans_0', array('textarea_name' =>
2159 2448 'support_ans[]',
@@ -2197,8 +2486,10 @@
2197 2486 <div class="top-section">
2198 2487 <div class="notification-block-inner">
2199 2488 <div class="row">
2200 2489 <div class="col-xs-12">
2490 +
2491 +
2201 2492 <div id="qcld-show-more-wrapper-box">
2202 2493 <div class="qcld-show-more-text qcld-show-more-show-more-height">
2203 2494 <div class="row">
2204 2495 <div class="col-xs-12">
@@ -2212,9 +2503,9 @@
2212 2503 <div class="cxsc-settings-blocks">
2213 2504 <input value="<?php echo esc_attr('1' ); ?>" id="disable_wp_chatbot_site_search" type="checkbox"
2214 2505 name="disable_wp_chatbot_site_search" <?php echo(get_option('disable_wp_chatbot_site_search') == 1 ? esc_attr('checked' ): ''); ?>>
2215 2506 <label for="disable_wp_chatbot_site_search">
2216 - <?php esc_html_e('Disable site search feature and button on Start Menu', 'chatbot'); ?>
2507 + <?php esc_html_e('Disable site search feature and button on Action Start Menu', 'chatbot'); ?>
2217 2508 </label>
2218 2509 </br><small><?php echo esc_html( '(You can disable searching post contents option below so it searches only the post Titles for most relevancy)'); ?></small></br>
2219 2510 </div>
2220 2511 <div class="cxsc-settings-blocks">
@@ -2244,9 +2535,9 @@
2244 2535 <div class="cxsc-settings-blocks">
2245 2536 <input value="<?php echo esc_attr('1'); ?>" id="disable_wp_chatbot_call_gen" type="checkbox"
2246 2537 name="disable_wp_chatbot_call_gen" <?php echo(get_option('disable_wp_chatbot_call_gen') == 1 ? esc_attr('checked' ): ''); ?>>
2247 2538 <label for="disable_wp_chatbot_call_gen">
2248 - <?php esc_html_e('Disable Call Me feature and button on Start Menu', 'chatbot'); ?>
2539 + <?php esc_html_e('Disable Call Me feature and button on Action Start Menu', 'chatbot'); ?>
2249 2540 </label>
2250 2541 </div>
2251 2542 </div>
2252 2543 </div>
@@ -2268,9 +2559,9 @@
2268 2559 <div class="cxsc-settings-blocks">
2269 2560 <input value="<?php echo esc_attr('1' ); ?>" id="disable_wp_chatbot_feedback" type="checkbox"
2270 2561 name="disable_wp_chatbot_feedback" <?php echo esc_attr((get_option('disable_wp_chatbot_feedback') == 1 ? 'checked' : ''), 'chatbot' ); ?>>
2271 2562 <label for="disable_wp_chatbot_feedback">
2272 - <?php esc_html_e('Disable Email feature and button on Start Menu', 'chatbot'); ?>
2563 + <?php esc_html_e('Disable Email feature and button on Action Start Menu', 'chatbot'); ?>
2273 2564 </label>
2274 2565 </div>
2275 2566 </div>
2276 2567 </div>
@@ -2292,9 +2583,9 @@
2292 2583 <div class="cxsc-settings-blocks">
2293 2584 <input value="<?php echo esc_attr('1' ); ?>" id="disable_wp_chatbot_faq" type="checkbox"
2294 2585 name="disable_wp_chatbot_faq" <?php echo(get_option('disable_wp_chatbot_faq') == 1 ? esc_attr('checked' ): ''); ?>>
2295 2586 <label for="disable_wp_chatbot_faq">
2296 - <?php esc_html_e('Disable FAQ feature and button on Start Menu', 'chatbot'); ?>
2587 + <?php esc_html_e('Disable FAQ feature and button on Action Start Menu', 'chatbot'); ?>
2297 2588 </label>
2298 2589 </div>
2299 2590 </div>
2300 2591 </div>
@@ -2310,9 +2601,9 @@
2310 2601
2311 2602 </div>
2312 2603 </div>
2313 2604 </div>
2314 - <div class="qcld-show-more-show-more"><i class="dashicons dashicons-plus-alt" aria-hidden="true"></i></div>
2605 + <div class="qcld-show-more-show-more"><div class="Expandmore">Expand for More Options<span>+</span></div></div>
2315 2606 </div>
2316 2607 <div class="qc_menu_setup_area">
2317 2608 <h3 class="qcld-wpbot-main-tabs-title"><?php esc_html_e('Menu Sorting & Customization Area', 'chatbot'); ?></h3>
2318 2609 <p style="color:red"><?php esc_html_e('Always open a new Incognito window (Ctrl+Shit+N in chrome) to test after making any change.', 'chatbot'); ?></p>
@@ -2327,14 +2618,18 @@
2327 2618 <?php
2328 2619 if(get_option('qc_wpbot_menu_order')!=''):
2329 2620 if( is_string( get_option('qc_wpbot_menu_order') ) ):
2330 2621 echo wp_kses_post(wp_kses_stripslashes(get_option('qc_wpbot_menu_order')));
2331 - else:
2332 2622 endif;
2623 + else:
2624 + $site_search_label = get_option('qlcd_wp_chatbot_wildcard_site_search') != '' ? get_option('qlcd_wp_chatbot_wildcard_site_search') : 'Site Search';
2625 + $support_email_label = get_option('qlcd_wp_chatbot_support_email') != '' ? get_option('qlcd_wp_chatbot_support_email') : 'Send us Email.';
2626 + $support_phone_label = get_option('qlcd_wp_chatbot_support_phone') != '' ? get_option('qlcd_wp_chatbot_support_phone') : 'Leave your number. We will call you back!';
2627 + echo '<span class="qcld-chatbot-wildcard qc_draggable_item qcld-chatbot-site-search" data-wildcart="site_search">' . esc_attr($site_search_label) . '</span>';
2628 + echo '<span class="qcld-chatbot-suggest-email qc_draggable_item">' . esc_attr($support_email_label) . '</span>';
2629 + echo '<span class="qcld-chatbot-suggest-phone qc_draggable_item">' . esc_attr($support_phone_label) . '</span>';
2630 + endif;
2333 2631 ?>
2334 -
2335 -
2336 - <?php endif; ?>
2337 2632 </div>
2338 2633 </div>
2339 2634 <div class="qc_menu_list_area">
2340 2635 <h4><?php esc_html_e('Available Menu', 'chatbot'); ?></h4>
@@ -2395,8 +2690,21 @@
2395 2690 </ul>
2396 2691 <?php
2397 2692 }
2398 2693 }
2694 +
2695 + // AI Forms
2696 + $saved_ai_forms = get_option( 'wpbot_ai_forms', array() );
2697 + if ( ! empty( $saved_ai_forms ) && is_array( $saved_ai_forms ) ) {
2698 + ?>
2699 + <p><?php esc_html_e('AI Actions', 'chatbot'); ?></p>
2700 + <ul>
2701 + <?php foreach ( $saved_ai_forms as $index => $form ) : ?>
2702 + <li><span class="qcld-chatbot-wildcard qcld-chatbot-ai-form qc_draggable_item" data-wildcart="ai_form" data-ai-form="<?php echo esc_attr( $index ); ?>"><?php echo esc_html( $form['title'] ); ?></span></li>
2703 + <?php endforeach; ?>
2704 + </ul>
2705 + <?php
2706 + }
2399 2707 ?>
2400 2708 </div>
2401 2709 </div>
2402 2710
@@ -2457,16 +2765,23 @@
2457 2765 </div>
2458 2766 <div id="wp-chatbot-df-section-v2" style="display:block">
2459 2767 <!-- Dialogflow V2 Configuration -->
2460 2768
2461 - <?php if(!file_exists(QCLD_wpCHATBOT_GC_DIRNAME.'/autoload.php')): ?>
2769 + <?php if(!file_exists(QCLD_wpCHATBOT_GC_DIRNAME.'/autoload.php')):
2770 + global $wp_filesystem;
2771 + if ( empty( $wp_filesystem ) ) {
2772 + require_once ABSPATH . 'wp-admin/includes/file.php';
2773 + WP_Filesystem();
2774 + }
2775 + $qcld_wpchatbot_gc_root_writable = ( $wp_filesystem && $wp_filesystem->is_writable( QCLD_wpCHATBOT_GC_ROOT ) );
2776 + ?>
2462 2777 <div class="form-group"> <br>
2463 2778 <h4 class="qc-opt-title" style="color:red "><?php esc_html_e('For Interacting with Dialogflow V2 the Google Client Package is Required!', 'chatbot'); ?></h4>
2464 2779 <p><?php esc_html_e('Please click the download button below to download the Google Client package. The package will be downloaded inside your Wordpress`s', 'chatbot'); ?> <b><?php esc_html_e('/wp-content', 'chatbot'); ?></b> <?php esc_html_e('folder. This package is around', 'chatbot'); ?> <b><?php esc_html_e('0 MB', 'chatbot'); ?></b><?php esc_html_e(' in zip file format and it will be about', 'chatbot'); ?> <b><?php esc_html_e('49 MB', 'chatbot'); ?></b> <?php esc_html_e('after unzipping. Please make sure that your server has enough space to store that package.', 'chatbot'); ?></p>
2465 2780 <div class="qcld-wpbot-gcdownload-area">
2466 - <button class="btn btn-primary" id="qc_wpbot_gc_download" <?php echo (!is_writable(QCLD_wpCHATBOT_GC_ROOT)?'disabled':''); ?>><?php esc_html_e('Download and Install the Google Client', 'chatbot'); ?></button>
2781 + <button class="btn btn-primary" id="qc_wpbot_gc_download" <?php echo ( ! $qcld_wpchatbot_gc_root_writable ? 'disabled' : '' ); ?>><?php esc_html_e('Download and Install the Google Client', 'chatbot'); ?></button>
2467 2782 <?php
2468 - if(!is_writable(QCLD_wpCHATBOT_GC_ROOT)){
2783 + if ( ! $qcld_wpchatbot_gc_root_writable ) {
2469 2784 echo '<span style="color:red;font-size: 12px; "><b>'.esc_html('wp-content').' </b> '.esc_html('folder is not writable.').'</span>';
2470 2785 }
2471 2786 ?>
2472 2787 <br>
@@ -2549,9 +2864,9 @@
2549 2864 </section>
2550 2865
2551 2866 <section id="section-flip-9">
2552 2867 <div class="cxsc-settings-blocks-addon"><?php esc_html_e('Install the Conversational Form Builder to Collect Information from the users and create Button (menu) Driven Conversations.', 'chatbot'); ?></br>
2553 - <?php esc_html_e('After creating a Conversational form, you can add it to the ChatBot`s Start Menu from the ChatBot Settings->Start Menu', 'chatbot'); ?></b></div>
2868 + <?php esc_html_e('After creating a Conversational form, you can add it to the ChatBot`s Action Start Menu from the ChatBot Settings->Action Start Menu', 'chatbot'); ?></b></div>
2554 2869
2555 2870 <div class="qcld-recommendbot-conv-feature">
2556 2871 <?php include_once QCLD_wpCHATBOT_PLUGIN_DIR_PATH . '/qcld-recommendbot-plugin.php'; ?>
2557 2872 </div>
@@ -2571,9 +2886,9 @@
2571 2886
2572 2887 <h3><?php esc_html_e('How it Works?', 'chatbot'); ?></h3>
2573 2888 <p><?php esc_html_e('After creating a Conversation or form, you can show it in the ChatBot in different ways.', 'chatbot'); ?></p>
2574 2889 <ul>
2575 - <li><?php esc_html_e('🚀 Add it to the Start menu', 'chatbot'); ?></li>
2890 + <li><?php esc_html_e('🚀 Add it to the Action Start Menu', 'chatbot'); ?></li>
2576 2891 <li><?php esc_html_e('🚀 Invoke the form intent with a system command to start inside ChatBot any time', 'chatbot'); ?></li>
2577 2892 <li><?php esc_html_e('🚀 Load the single intent/form inside a ChatBot widget on any page', 'chatbot'); ?></li>
2578 2893 <li><?php esc_html_e('🚀 Load the intent/form inside the ChatBot using a Click to Chat button that can be placed anywhere inside your content on any page.', 'chatbot'); ?></li>
2579 2894 <li><?php esc_html_e('🚀 Trigger another conversational form or Intent like Live Chat using conditions', 'chatbot'); ?></li>
@@ -2600,9 +2915,9 @@
2600 2915 <li><?php esc_html_e('🚀 Trigger another conversational form or Intent like Live Chat using conditions (**NEW)', 'chatbot'); ?></li>
2601 2916 <li><?php esc_html_e('🚀 Unlimited Variables creation', 'chatbot'); ?></li>
2602 2917 <li><?php esc_html_e('🚀 Form Revisions', 'chatbot'); ?></li>
2603 2918 <li><?php esc_html_e('🚀 Create system command to initiate form for ChatBot', 'chatbot'); ?></li>
2604 - <li><?php esc_html_e('🚀 Add form to Start Menu', 'chatbot'); ?></li>
2919 + <li><?php esc_html_e('🚀 Add form to Action Start Menu', 'chatbot'); ?></li>
2605 2920 <li><?php esc_html_e('🚀 Submit Forms to OpenAI for a Response with your instructions and user submitted data. Supports multi-modal mode. Users can upload an Image or Audio file along with other form fields that you create. Check this article on how Conversational forms work with OpenAI.', 'chatbot'); ?></li>
2606 2921 </ul>
2607 2922 </div>
2608 2923