Bạn đang muốn tạo các gợi ý đánh giá sản phẩm tự động cho WooCommerce trong WordPress? Bài viết này sẽ giúp bạn thực hiện điều đó một cách dễ dàng. Gợi ý đánh giá sản phẩm là một danh sách các câu liên quan đến bình luận cho khách hàng. Khi bạn tạo thành công các gợi ý này, khách hàng chỉ cần chọn và đăng bình luận thay vì phải tự viết. Điều này giúp tiết kiệm thời gian và có thể tăng tính tương tác với sản phẩm của bạn.
Cách tạo gợi ý đánh giá sản phẩm có sẵn cho WooCommerce trong WordPress
Nếu bạn muốn tạo gợi ý đánh giá sản phẩm tự động cho WooCommerce trong WordPress, hãy thực hiện theo các bước sau đây:
Bước 1: Thêm đoạn mã vào file functions.php
Thêm đoạn mã sau vào file functions.php của theme hoặc child theme của bạn:
function add_text_comment(){
if(is_product()){ ?>
<div class="text-comment-pt">
<div class="text-comment-pt_item">Sản phẩm khá tốt</div>
<div class="text-comment-pt_item">Sản phẩm tuyệt vời</div>
<div class="text-comment-pt_item">Mình rất thích</div>
<div class="text-comment-pt_item">Cái này dùng rất tốt</div>
<div class="text-comment-pt_item">Dùng nó như thế nào?</div>
</div>
<?php }
}
add_action('comment_form_top','add_text_comment');Việc thêm đoạn mã này sẽ tạo ra một số gợi ý đánh giá mặc định cho sản phẩm. Bạn có thể thay đổi nội dung của các gợi ý này theo ý muốn của mình.
Bước 2: Thêm CSS để tùy chỉnh giao diện
Thêm đoạn CSS sau vào file style.css hoặc custom.css của theme hoặc child theme để tùy chỉnh giao diện các gợi ý đánh giá:
.text-comment-pt{
display:flex;
flex-wrap:wrap;
margin-bottom:15px;
}
.text-comment-pt>*{
margin-right: 10px;
padding: 2px 5px;
border-radius: 5px;
border: 1px solid #c1c1c1;
font-size: 14px;
cursor:pointer;
margin-bottom:5px;
}
.text-comment-pt>*:hover{
color: #fff;
background: #fe2c6d;
border-color: #fe2c6d;
}Bạn có thể tùy chỉnh CSS trên để đảm bảo phù hợp với tùy chỉnh giao diện của mình.
Bước 3: Thêm đoạn script để in gợi ý vào ô comment/review
Thêm đoạn mã script sau vào phần chèn script của trang web của bạn:
<script>
jQuery(document).ready(function($) {
$(".text-comment-pt_item").on("click", function(e){
var text = $(this).text();
$('#comment').text(text);
});
});
</script>Đoạn mã script này cho phép in nội dung của gợi ý đánh giá vào ô comment/review khi người dùng nhấp vào các gợi ý.
Sau khi thực hiện các bước trên, bạn đã tạo thành công gợi ý đánh giá sản phẩm tự động cho WooCommerce trong WordPress. Bạn có thể thử nghiệm bằng cách truy cập trang sản phẩm và xem các gợi ý đã xuất hiện.
Chú ý: Hãy nhớ sao lưu file functions.php và style.css trước khi thực hiện thay đổi. Nếu gặp bất kỳ vấn đề gì, bạn có thể khôi phục lại các tệp tin đã sao lưu.
Với các bước trên, bạn đã tạo thành công các gợi ý đánh giá sản phẩm tự động cho WooCommerce trong WordPress. Hãy thử áp dụng và tận hưởng lợi ích của việc này.
