Cách chèn facebook comment bên dưới sản phẩm

Chèn facebook comment bên dưới sản phẩm làm gì khi đã có tab review mặc định của woo?

Đơn giản vì người dùng Việt Nam không muốn để  lại thông tin như email, và thậm chí là một số người dân Việt Nam còn không có tài khoản email, nhưng họ lại có facebook (mạng xã hội phổ biến nhất Việt Nam).

Để chèn facebook comment vào bên dưới sản phẩm chúng ta cần làm các bước sau:

1. Tạo facebook app
2. Lấy code nhúng comment
3. Chèn code comment vào file functions.php của theme đang dùng

Các bước chèn facebook comment vào bên dưới sản phẩm chi tiết:

BƯỚC 1: TẠO APP

Truy cập địa chỉ: https://developers.facebook.com/apps/

Chọn Thêm ứng dụng mới.

Sau đó nhập tên ứng dụng (thoải mái đặt tên) –> Tạo ID ứng dụng

Sau đó vào Cài đặt –> Thông tin cơ bản và điền các thông tin như hình (Nhớ thay thành tên miền của mình nhé, để nguyên không chạy được đâu) –> Lưu thay đổi

Sau đó bấm vào công tắc ngay chỗ trạng thái để bật ứng dụng nhé

BƯỚC 2: LẤY CODE NHÚNG

Truy cập https://developers.facebook.com/docs/plugins/comments

Kéo màn hình đến phần Trình tạo mã plugin Bình luận

Ở chỗ chiều rộng nhập 100%, rồi bấm nút Lấy mã

Sau đó ta chọn đúng App vừa tạo.

Lấy code ở ô phía trên chèn vào trên </body>.

Ở theme Flatsome thì vào Flatsome –> Advanced –> Global Setting, chèn vào phần Footer Script.

Theme khác có thể dùng plugin Insert Headers and Footers, và chèn vào phần Footer

BƯỚC 3: CHÈN CODE COMMENT VÀO DƯỚI SẢN PHẨM

Chọn Giao diện –> Sửa –> Chọn file functions.php chèn code sau vào file đó, lưu lại là xong

Trường hợp nằm cuối cùng sản phẩm, dưới cả SP liên quan:

add_action( 'woocommerce_after_single_product', 'mh_comment', 5 );
 
function mh_comment() {
  echo '<div class="container"><div class="fb-comments" data-href="'. get_the_permalink() .'" data-width="100%" data-numposts="5"></div></div>';
}

Trường hợp chèn ngay dưới mô tả sản phẩm:

function mh_add_product_content($content) {
    if (is_product()) {
      $content .= '<div class="fb-comments" data-href="'. get_the_permalink() .'" data-width="100%" data-numposts="5"></div>';
    }
    return $content;
}
add_filter ('the_content', 'mh_add_product_content', 0);

Trường hợp flatsome xài Custom Product Page.

Chúng ta sẽ dùng hàm sau:

function flatsome_fb() {
    $fb = '<div class="fb-comments" data-href="'. get_the_permalink() .'" data-width="100%" data-numposts="5"></div>';
    return $fb;
}
add_shortcode('flatsome_fb', 'flatsome_fb');

Chúng ta muốn chèn vào chỗ nào trên Custom Product Page thì sử dụng shortcode [flatsome_fb]

Trường hợp thêm facebook comment cho cả bài viết & sản phẩm

Chúng ta sửa hàm lại đôi chút:

function mh_add_product_content($content) {
    if (is_product() || is_single()) {
      $content .= '<div class="fb-comments" data-href="'. get_the_permalink() .'" data-width="100%" data-numposts="5"></div>';
    }
    return $content;
}
add_filter ('the_content', 'mh_add_product_content', 0);

Chúc các bạn thành công!