您现在的位置是：首页 > WordPress教程WordPress教程

WordPress如何添加聊天功能

WP集市 2025-08-31 【WordPress教程】 1388人已围观

想在WordPress站上加个聊天功能？其实巨简单，不用写复杂代码，装插件就行。比如用「Tidio」或者「WP Live Chat Support」，这些玩意儿拖个框就能让用户实时哔哔叨。安装步骤：进后台→插件→安装插件→搜名字→激活→搞定。五分钟完事儿，连咖啡都没凉透。
要是你想自己控场，用短代码把聊天框嵌到文章里也行。比如用「Chaty」插件，生成个短代码 [chaty_widget]，往文章里一粘贴——啪！聊天窗口就长那儿了。适合那些喜欢精准投放的话痨站长。

代码党可以试试用Ajax搞个简易聊天系统。在主题的functions.php里塞点东西：

add_action('wp_ajax_submit_chat', 'handle_chat_submit');
add_action('wp_ajax_nopriv_submit_chat', 'handle_chat_submit');
function handle_chat_submit() {
$message = sanitize_text_field($_POST['message']);
if (!empty($message)) {
    // 存到数据库或者转发到邮箱
    wp_mail('admin@xxx.com', '新聊天消息', $message);
}
wp_die();
}

这代码会让消息飞到你邮箱，但别指望它能自动回复——得手动回，像写信时代那样慢悠悠。

前端加个输入框就更直白了：

<form id="chat-form">
<input type="text" name="message" placeholder="说点啥...">
<button type="submit">发送</button>
</form>
<script>
jQuery('#chat-form').submit(function(e) {
    e.preventDefault();
    jQuery.post('<?php echo admin_url('admin-ajax.php'); ?>', {
        action: 'submit_chat',
        message: jQuery('input[name="message"]').val()
    });
});
</script>

放小工具里或者页面模板都行，但小心别让垃圾信息灌爆你的收件箱。