ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಸ್ವಂತ WordPress Chatbot Plugin ಅಭಿವೃದ್ಧಿಪಡಿಸುವುದು ಹೇಗೆ? ಇಲ್ಲಿದೆ ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿ

ನಿಮ್ಮ ವರ್ಡ್‌ಪ್ರೆಸ್‌ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಜನರು ಭೇಟಿ ನೀಡಿದ ಸಮಯದಲ್ಲಿ ಅವರ ಸಾಮಾನ್ಯ ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರಿಸುವಂತಹ Chatbot (ಚಾಟ್‌ಬಾಟ್‌) ಇದ್ದರೆ ಮಜಾ ಇರುತ್ತದೆ ಅಲ್ಲವೇ? ಈ ರೀತಿ ಚಾಟ್‌ಬಾಟ್‌ ಪ್ಲಗಿನ್‌ ಮಾಡಲು ಪಿಎಚ್‌ಪಿ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ ಮತ್ತು ಚಾಟ್‌ ಲಾಜಿಕ್‌ಗಳನ್ನು ಸೃಷ್ಟಿಸುವುದು ತಿಳಿದಿರಬೇಕಿರುತ್ತದೆ. ಅಯ್ಯೋ ನಮಗೆ ಅದೆಲ್ಲ ಕೋಡಿಂಗ್‌, ಪ್ರೋಗ್ರಾಮಿಂಗ್‌ ಲ್ಯಾಂಗ್ವೇಜ್‌ ಗೊತ್ತಿಲ್ಲ ಎನ್ನುವಿರಾ.ಈಗಾಗಲೇ ಯಾರಾದರೂ ಅಭಿವೃದ್ಧಿಪಡಿಸಿರುವ ಚಾಟ್‌ ಪ್ಲಗಿನ್‌ ಅಪ್ಲೋಡ್‌ ಮಾಡುವುದು ಒಂದು ವಿಧ. ಇದರ ಬದಲು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ನೀವೇ ಪ್ಲಗಿನ್‌ ಸೃಷ್ಟಿಸಿಕೊಂಡರೆ ಹೇಗಿರುತ್ತದೆ? ನಿಮಗೆ ಬೇಸಿಕ್‌ ವರ್ಡ್‌ಪ್ರೆಸ್‌ ಜ್ಞಾನ ಮತ್ತು ಸಿಪ್ಯಾನೆಲ್‌ಗೆ ಹೋಗಿ ಅಲ್ಲಿರುವ ಫೋಲ್ಡರ್‌ಗಳನ್ನು ನೋಡಿ ಎಡಿಟ್‌ ಮಾಡುವ ಜ್ಞಾನ ಇದ್ದರೆ ಸುಲಭವಾಗಿ ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಸರಳವಾದ WordPress Chatbot Plugin ಅನ್ನು ಸೃಷ್ಟಿಸಿಕೊಳ್ಳಬಹುದು. ಸಿಪ್ಯಾನೆಲ್‌ ಪರಿಚಯ ಇಲ್ಲದೆ ಇದ್ದರೂ ಕಂಪ್ಯೂಟರ್‌ ಅಥವಾ ಲ್ಯಾಪ್‌ಟಾಪ್‌ನಲ್ಲಿಯೇ ಪ್ಲಗಿನ್‌ ತಯಾರಿಸಬಹುದು. ಇದಕ್ಕೆ ಬೇಕಾದ ಕೋಡ್‌ಗಳನ್ನು ಈ ಲೇಖನದೊಂದಿಗೆ ನೀಡಿದ್ದೇನೆ.

WordPress Chatbot Plugin ಅಭಿವೃದ್ಧಿಪಡಿಸುವುದು ಹೇಗೆ?

ಮೊದಲಿಗೆ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ ಅಥವಾ ಲ್ಯಾಪ್‌ಟಾಪ್‌ನಲ್ಲಿ ಒಂದು ಫೋಲ್ಡರ್‌ ಮಾಡಿ. ನಾನು ಆ ಫೋಲ್ಡರ್‌ಗೆ karnatakabest-chatbot ಎಂಬ ಫೈಲ್‌ ನೇಮ್‌ ನೀಡುವೆ. ನೀವು ನಿಮ್ಮ ಪ್ಲಗಿನ್‌ಗೆ ಬೇರೆ ಹೆಸರು ನೀಡಬಹುದು. ಆಮೇಲೆ ಕೋಡ್‌ನಲ್ಲಿ ಈ ಹೆಸರು ಇರುವಲ್ಲಿ ನೀವು ನೀಡಿರುವ ಪ್ಲಗಿನ್‌ ಫೋಲ್ಡರ್‌ ಹೆಸರು ಬದಲಾಯಿಸಿಕೊಳ್ಳಬೇಕು. ಅಥವಾ ಇದೇ ಹೆಸರನ್ನು ಮುಂದುವರೆಸಿದರೂ ತೊಂದರೆಯಿಲ್ಲ. ಈ ಫೋಲ್ಡರ್‌ ಹೆಸರು ಮುಂಭಾಗದಲ್ಲಿ ಜನರಿಗೆ ಕಾಣಿಸುವುದಿಲ್ಲ.

ಈ ಫೋಲ್ಡರ್‌ನೊಳಗೆ ಒಂದು ಪಿಎಚ್‌ಪಿ ಫೈಲ್‌ ರಚಿಸಿ. ವಿಷಯವಲ್‌ ಕೋಡ್‌, ನೋಟ್‌ಪ್ಯಾಡ್‌ ಪ್ಲಸ್‌ ಪ್ಲಸ್‌ ಇತ್ಯಾದಿಗಳು ಇಲ್ಲವೆಂದು ಚಿಂತೆ ಮಾಡಬೇಡಿ. ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿರುವ ನೋಟ್‌ಪ್ಯಾಡ್‌ನಲ್ಲಿ ಹೊಸ ಪುಟ ತೆರೆದು ಆ ಪುಟವನ್ನು .php ಎಂದು ಸೇವ್‌ ಮಾಡಿ. ನಾನು ರಚಿಸುವ ಪ್ಲಗಿನ್‌ನ ನೋಟ್‌ಪ್ಯಾಡ್‌ಗೆ karnatakabest-chatbot.php ಎಂಬ ಹೆಸರು ನೀಡಿ ಸೇವ್‌ ಮಾಡಿದ್ದೇನೆ.

folder name

karnatakabest-chatbot

ನೋಟ್‌ಪ್ಯಾಡ್‌ ಪಿಎಚ್‌ಪಿ ಫೈಲ್‌ ನೇಮ್‌

karnatakabest-chatbot.php

ಈ ನೋಟ್‌ಪ್ಯಾಡ್‌ ಪುಟದೊಳಗೆ ನೀವು ಕೋಡ್‌ ಬರೆಯಬೇಕು. ಕೋಡಿಂಗ್‌ ಗೊತ್ತಿಲ್ಲ ಎನ್ನುವಿರಾ. ನೋಡಿ ನಾನು ಬರೆದ ಈ ಕೋಡ್‌ ಅನ್ನು ಕೆಳಗೆ ನೀಡಿದ್ದೇನೆ. ಅದನ್ನು ಕಾಪಿ ಮಾಡಿ ನಿಮ್ಮ ನೋಟ್‌ಪ್ಯಾಡ್‌ಗೆ ಹಾಕಿ ಸೇವ್‌ ಮಾಡಿ. ಅದರಲ್ಲಿ ಕನ್ನಡದಲ್ಲಿರುವ ಉತ್ತರಗಳನ್ನು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ಅಗತ್ಯಕ್ಕೆ ತಕ್ಕಂತೆ ಬದಲಾಯಿಸಿಕೊಳ್ಳಿ.
ನೋಟ್‌ಪ್ಯಾಡ್‌ನೊಳಗೆ ಪೇಸ್ಟ್‌ ಮಾಡಬೇಕಾದ ಕೋಡ್‌ ಈ ಕೆಳಗೆ ನೀಡಲಾಗಿದೆ.

ಪಿಎಚ್‌ಪಿ ಫೈಲ್‌ನೊಳಗೆ ಹಾಕಬೇಕಾದ ಕೋಡ್‌

<?php
/*
Plugin Name: KarnatakaBest Chatbot
Description: A simple chatbot plugin for Kannada + English Chatting for Karnatakabest Readers.
Version: 1.0
Author: Praveen Chandra Puttur
*/

add_action('wp_enqueue_scripts', function() {
wp_enqueue_style('kb-chatbot-style', plugin_dir_url(__FILE__) . 'style.css');
wp_enqueue_script('kb-chatbot-script', plugin_dir_url(__FILE__) . 'script.js', ['jquery'], null, true);
wp_localize_script('kb-chatbot-script', 'kbChatbotAjax', ['ajaxurl' => admin_url('admin-ajax.php')]);
});

add_shortcode('karnatakabest_chatbot', function() {
return '<div id="kb-chatbot-container">
<div id="kb-chat-window">
<div class="kb-chat-header">💬 KarnatakaBest Chatbot</div>
<div id="kb-chat-messages"></div>
<input type="text" id="kb-user-input" placeholder="Type your message...">
<button id="kb-send-btn">Send</button>
</div>
<div id="kb-chat-toggle">💬</div>
</div>';
});

add_action('wp_ajax_kb_chatbot_response', 'kb_chatbot_response');
add_action('wp_ajax_nopriv_kb_chatbot_response', 'kb_chatbot_response');
function kb_chatbot_response() {
$input = strtolower(sanitize_text_field($_POST['message']));
$response = '';

if (strpos($input, 'web') !== false) {
$response = 'ನಾವು ₹4,999 ದಿಂದ ವೆಬ್‌ಸೈಟ್ ವಿನ್ಯಾಸ ನೀಡುತ್ತೇವೆ. ಇಮೇಲ್ ಮಾಡಿ: support@karnatakabest.com';
} elseif (strpos($input, 'seo') !== false) {
$response = 'SEO ಸೇವೆಗಳು ₹3,999 ದಿಂದ ಪ್ರಾರಂಭವಾಗುತ್ತವೆ.';
} elseif (strpos($input, 'blog') !== false) {
$response = 'ಕನ್ನಡ ಮತ್ತು ಇಂಗ್ಲಿಷ್ ಬ್ಲಾಗ್ ಬರವಣಿಗೆ ಲಭ್ಯವಿದೆ.';
} else {
$response = 'ನಿಮ್ಮ ಪ್ರಶ್ನೆಯನ್ನು ಇನ್ನಷ್ಟು ಸ್ಪಷ್ಟವಾಗಿ ಕೇಳಿ. ';
}

wp_send_json_success(['response' => $response]);
}

ಇದಾದ ಬಳಿಕ ನೀವು ಇನ್ನೊಂದು ನೋಟ್‌ಪ್ಯಾಡ್‌ ಪುಟ ತೆರೆಯಿರಿ. ಅದರಲ್ಲಿ ಸಿಎಸ್‌ಎಸ್‌ ಕೋಡ್‌ಗಳನ್ನು ಹಾಕಬೇಕು. ಸಿಎಸ್‌ಎಸ್‌ ಕೋಡ್‌ಗೆ ಫೈಲ್‌ ನೇಮ್‌ ನೀಡುವಾಗ .ಸಿಎಸ್‌ಎಸ್‌ ಎಂದು ನೀಡಬೇಕು. ನೀವು ಈ ನೋಟ್‌ಪ್ಯಾಡ್‌ ಪುಟವನ್ನು style.css ಎಂದು style.css ಎಂದು ಸೇವ್‌ ಮಾಡಿಕೊಳ್ಳಿ. ಸಿಎಸ್‌ಎಸ್‌ ಎಂದರೆ ಕ್ಯಾಸ್ಕೆಂಡಿಂಗ್‌ ಸ್ಟೈಲ್‌ ಶೀಟ್ಸ್‌. ನಾವು ಎಚ್‌ಟಿಎಂಎಲ್‌ ಅಥವಾ ಇತರೆ ಮಾರ್ಕಪ್‌ ಭಾಷೆಯ್ಲ ಬರೆದ ಡಾಕ್ಯುಮೆಂಟ್‌ ಅನ್ನು ಅಂದಗೊಳಿಸಲು ಸಿಎಸ್‌ಎಸ್‌ ಬೇಕು.
ಸ್ಟೈಲ್‌ ಸಿಎಸ್‌ಎಸ್‌ ಪುಟದೊಳಗ ಹಾಕುವ ಕೋಡ್‌ ಇಲ್ಲಿ ನೀಡಲಾಗಿದೆ.

#kb-chatbot-container {
position: fixed;
bottom: 20px;
right: 20px;
font-family: sans-serif;
}
#kb-chat-toggle {
background: #0073aa;
color: #fff;
padding: 12px;
border-radius: 50%;
cursor: pointer;
}
#kb-chat-window {
display: none;
width: 300px;
background: white;
border-radius: 10px;
box-shadow: 0 0 10px #aaa;
}
.kb-chat-header {
background: #0073aa;
color: white;
padding: 10px;
font-weight: bold;
}
#kb-chat-messages {
height: 250px;
overflow-y: auto;
padding: 10px;
}
#kb-user-input {
width: 70%;
padding: 10px;
}
#kb-send-btn {
width: 30%;
padding: 10px;
background: #0073aa;
color: white;
border: none;
}

ಇದೇ ರೀತಿ ಸ್ಕ್ರಿಪ್ಟ್‌.ಜೆಎಸ್‌ ಪುಟವನ್ನು ನೋಟ್‌ಪ್ಯಾಡ್‌ನಲ್ಲಿ ರಚಿಸಬೇಕು. ಅಂದರೆ ಫೋಲ್ಡರ್‌ನೊಳಗೆ ಇನ್ನೊಂದು ನೋಟ್‌ಪ್ಯಾಡ್‌ ಪುಟವನ್ನ ಹಾಕಿ ಅದನ್ನು script.js ಎಂದು ಸೇವ್‌ ಮಾಡಿ.ಅದರೊಳಗೆ ಈ ಕೆಳಗಿನ ಸ್ಕ್ರಿಪ್ಟ್‌ ಹಾಕಿ ಸೇವ್‌ಮಾಡಿ.

jQuery(document).ready(function ($) {
$('#kb-chat-toggle').click(function () {
$('#kb-chat-window').toggle();
});

$('#kb-send-btn').click(function () {
var msg = $('#kb-user-input').val();
if (!msg) return;

$('#kb-chat-messages').append('<div><b>You:</b> ' + msg + '</div>');
$('#kb-user-input').val('');

$.post(kbChatbotAjax.ajaxurl, {
action: 'kb_chatbot_response',
message: msg
}, function (res) {
if (res.success) {
$('#kb-chat-messages').append('<div><b>Bot:</b> ' + res.data.response + '</div>');
$('#kb-chat-messages').scrollTop($('#kb-chat-messages')[0].scrollHeight);
}
});
});
});


ಈ ಹಂತಗಳನ್ನು ಮುಗಿಸಿದ ಬಳಿಕ ಈ ಫೋಲ್ಡರ್‌ ಅನ್ನು ಝಿಫ್‌ ಫೈಲ್‌ ಆಗಿ ಕಂಪ್ರೆಸ್‌ ಮಾಡಿ. ಆ ಝಿಫ್‌ ಫೈಲ್‌ ಅನ್ನು ವರ್ಡ್‌ಪ್ರೆಸ್‌ ಪ್ಲಗಿನ್‌ ಆಗಿ ಅಪ್ಲೋಡ್‌ ಮಾಡಿ. ಆಕ್ಟಿವೇಟ್‌ ಮಾಡಿ. ಕರ್ನಾಟಕಬೆಸ್ಟ್‌ ಚಾಟ್‌ಬಾಟ್‌ ಪ್ಲಗಿನ್‌ ಬೇಕಿದ್ದರೆ ಇಲ್ಲಿ ಡೌನ್‌ಲೋಡ್‌ ಮಾಡಿ. ಇದನ್ನು ಅನ್‌ಝಿಫ್‌ ಮಾಡಿ ಪಿಎಚ್‌ಪಿ ನೋಟ್‌ಪ್ಯಾಡ್‌ ಪುಟದಲ್ಲಿರುವ ಪ್ರತಿಕ್ರಿಯೆಗಳನ್ನು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ ಅಥವಾ ಬಿಸ್ನೆಸ್‌ ಉತ್ತರಗಳಿಗೆ ತಕ್ಕಂತೆ ಬದಲಾಯಿಸಿಕೊಳ್ಳಬಹುದು.

ಯಾವುದಾದರೂ ನಿರ್ದಿಷ್ಟ ಪುಟಕ್ಕೆ ಮಾತ್ರ ಈ ಚಾಟ್‌ಬಾಟ್‌ ಬೇಕಿದ್ದರೆ ಆ ಪುಟದಲ್ಲಿ [karnatakabest_chatbot] ಎಂಬ ಶಾರ್ಟ್‌ಕೋಡ್‌ ಹಾಕಿ. ಎಲ್ಲಾ ಪುಟದಲ್ಲಿ ಕಾಣಿಸಬೇಕಿದ್ದರೆ ವರ್ಡ್‌ಪ್ರೆಸ್‌ನ ಫಂಕ್ಷನ್‌.ಪಿಎಚ್‌ಪಿಯಲ್ಲಿ ಈ ಕೆಳಗಿನ ಕೋಡ್‌ ಹಾಕಿ. ಫಂಕ್ಷನ್‌ ಪಿಎಚ್‌ಪಿ ಎಡಿಟ್‌ ಮಾಡಲು ಭಯವಾದರೆ ಕೋಡ್‌ ಸ್ನಿಪ್ಪೆಟ್‌ ಪ್ಲಗಿನ್‌ ಮೂಲಕ ಪಿಎಚ್‌ಪಿ ಸ್ನಿಪ್ಪೆಟ್‌ನಲ್ಲಿ ಸಂಪೂರ್ಣ ಫೂಟರ್‌ ಆಯ್ಕೆ ಮಾಡಿಕೊಂಡು ಈ ಕೆಳಗಿನ ಕೋಡ್‌ ಹಾಕಬಹುದು. ಇದು ಪ್ಲಗಿನ್‌ ಕಲಿಯಲು ಬಯಸುವವರಿಗೆ ಉದಾಹರಣೆಯಾಗಿ ನೀಡಿರುವ ಲೇಖನ. ಈ ಲೇಖನವನ್ನು ನಿಮ್ಮ ಆತ್ಮೀಯರ ಜತೆ ಹಂಚಿಕೊಳ್ಳಿ.

<?php echo do_shortcode('[karnatakabest_chatbot]'); ?>

ನಿಮಗೆ ಬಿಸ್ನೆಸ್‌ ವೆಬ್‌ಸೈಟ್‌, ನ್ಯೂಸ್‌ ವೆಬ್‌ಸೈಟ್‌, ಇಕಾಮರ್ಸ್‌ ವೆಬ್‌ಸೈಟ್‌ ಬೇಕಿದ್ದರೆ ಕರ್ನಾಟಕ ಬೆಸ್ಟ್‌ ಡಿಜಿಟಲ್‌ ಸರ್ವೀಸ್‌ ಅನ್ನು ಸಂಪರ್ಕಿಸಬಹುದು.

error: Content is protected !!