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.
facebook 001

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

u8UKHS9

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

7 1

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ã

HlIkqoq

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

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

cach tich hop comment facebook vao wordpress

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

mbWuV2v

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

Cach chen code vao header footer website wordpress 1

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!

CÓ THỂ BẠN QUAN TÂM

Dich Vu SEO
Dịch Vụ SEO Đồng Tháp
Dịch vụ SEO Đồng Tháp, chúng tôi sẽ giúp bạn phát triển doanh nghiệp của bạn lên một tầm cao mới.
Báo động nền tảng website WordPress bị hacker tấn công lừa đảo
Báo động nền tảng website WordPress bị hacker tấn công lừa đảo
Vượt qua cơ chế bảo vệ của Wordfence (“tường lửa” của WordPress), các hacker sẽ lợi dụng tấn công thay đổi ...
wordpress hosting
[HOT ] 8 Lưu Ý Cách Chọn (WORDPRESS HOSTING) | TRANHAIT.COM
WordPress đang là mã nguồn mở được sử dụng nhiều nhất trên thế giới. Nắm bắt được xu thế đó, nhiều ...
cost
Thiết Kế Website Quảng Bình
Khi gõ từ khóa “thiết kế website”, hoặc “công ty thiết kế web” trên Google, khách hàng dễ bị bối rối ...
Cong Ty Thiet Ke Web Tai Dong Thap
Công Ty Thiết Kế Website Tại Đồng Tháp
Kính gửi: Quý Khách hàng Thiết kế website đồng tháp là một trong những doanh nghiệp đứng đầu về ứng dụng công nghệ ...
Thiết kế website nội thất tại Đồng Tháp
Thiết kế website nội thất tại Đồng Tháp – Tặng Tên Miền, Hosting, Miễn phí Traffic ĐƠN VỊ THIẾT KẾ WEBSITE NỘI ...
Thiết kế website máy móc công nghiệp
Link Demo : Website máy móc công nghiệp Det Tadalafil gjør det er at det hemmer PDE5 eg nærmere bestemt testosteron ...
website ban thuc pham sach 1
Giao diện website bán thực phẩm sạch
Vifonic xin giới thiệu đến Quý khách mẫu giao diện website mới: website bán hàng thực phẩm sạch với đầy đủ các tính năng của một ...
bai hoc khoi nghiep tu silicon
Bài viết hay start up nên đọc
Thung lũng khởi nghiệp Silicon đang là điểm đến mơ ước của nhiều Start up, đặc biệt là những Start up ...
thiet ke website huyen lap vo
Thiết kế website Huyện Lấp Vò
Hinatech chuyên thiết kế website tại Huyện Lấp Vò – Đồng Tháp. Sau nhiều năm phát triển và mang đến sự ...
Chen Pdf Len Website Wordpress
Chèn file PDF lên website WordPress thật dễ dàng với plugin PDF Embedder
Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách đưa những file tài liệu PDF lên website WordPress ...