Hướng dẫn cách chèn nút Like Facebook vào WordPress 2021

|

Nút Like Facebook là công cụ mạng xã hội quan trọng, giúp quảng cáo trang Website hay Blog của bạn được nhiều người biết đến nhiều hơn. Bài viết sau đây ThemeNest sẽ hướng dẫn chèn nút Like Facebook vào WordPress chi tiết nhất. Hãy cùng theo dõi nhé!

Hướng Dẫn Cách Chèn Nút Like Facebook Vào WordPress 2021
Hướng Dẫn Cách Chèn Nút Like Facebook Vào WordPress 2021

Nút Like Facebook là gì?

Nút like Facebook chèn vào Website là một nút like mà nếu như người dùng nhấp vào đó đồng nghĩa với việc họ đã Like Fanpage của mình.

Yêu cầu: Người dùng đăng nhập Facebook trên trình duyệt.

Nút Like Facebook trên Website có hai loại, bao gồm:

  • Nút link Fanpage: Nhấp vào là Like theo dõi Fanpage.
  • Nút Like bài viết: Thể hiện sự thích thú với bài viết nào đó trên Website.
Nút Like Facebook Là Gì?
Nút Like Facebook Là Gì?

Vì sao nên chèn nút Like Facebook vào WordPress

Có hai lợi ích khi chèn nút Like Facebook vào WordPress, đó là:

  • Tăng like cho Fanpage.
  • Kết nối Fanpage với Website.
Vì Sao Nên Chèn Nút Like Facebook Vào WordPress 
Vì Sao Nên Chèn Nút Like Facebook Vào WordPress

Tăng like cho Fanpage

Nếu như Website của bạn có nhiều lượt truy cập thì bạn có thể chèn nút Like để khuyến khích mọi người nhấp vào Like theo dõi Fanpage, đặc biệt là những khách hàng tiềm năng.

Kết nối Fanpage với Website

Chèn nút like vào Website WordPress giúp tạo ra sự kết nối giữa Fanpage với Website. Bạn cũng hoàn toàn có thể điều hướng khách hàng từ Website sang Fanpage.

Ví dụ: Khách hàng tham khảo thông tin sản phẩm trên Website, khách hàng có thể nhấp vào Like trang hay truy cập trang để yêu cầu nhân viên tư vấn.

Ngược lại, nếu như khách hàng vào Fanpage thì bạn cũng có thể gắn like Website để khách hàng họ có thể truy cập Website để tham khảo nhiều thông tin hơn.

Hướng dẫn thêm nút Like Facebook vào Website

Hướng Dẫn Thêm Nút Like Facebook Vào Website
Hướng Dẫn Thêm Nút Like Facebook Vào Website

Hướng dẫn thêm nút Like Facebook vào Website thông qua Plugin Page

Phần 1: Lấy mã

  1. Bạn truy cập theo đường link: https://developers.facebook.com/docs/plugins/page-plugin
  1. Cài đặt những thông tin
  • URL Trang Facebook: Nhập Link Fanpage.
  • Tùy chỉnh chiều rộng. Nếu như bạn muốn cài nút like ở Sidebar Website WordPress thì nên lấy rộng 300. Tùy theo kích thước nào để nút like hiển thị đẹp là được.
  • Tùy chỉnh chiều cao. Nếu như bạn muốn cài nút like ở Sidebar Website WordPress thì nên lấy chiều cao là 100px.
  • Tích chọn chiều rộng vùng chứa Plugin và Hiển thị khuôn mặt bạn bè.
Cài Thông Tin Trên Plugin Page
Cài Thông Tin Trên Plugin Page

Sau đó bạn nhấn vào “Lấy mã“.

Nhấn Vào Lấy Mã ở Trên Plugin Page
Nhấn Vào Lấy Mã ở Trên Plugin Page
  1. Chọn Iframe và chọn toàn bộ mã nhấn chuột phải chọn “Sao chép“.
Sao Chép Toàn Bộ Mã Trên Plugin Page
Sao Chép Toàn Bộ Mã Trên Plugin Page

Phần 2: Thêm đoạn mã vào Website

  1. Truy cập vào trang quản trị WordPress
  1. Chọn Appearance (Giao diện) → Chọn “Widgets
Nhấn Chọn Widgets Trên Giao Diện WordPress để Chèn Nút Like Fanpage Vào
Nhấn Chọn Widgets Trên Giao Diện WordPress để Chèn Nút Like Fanpage Vào
  1. Thêm Text vào Widgets
Thêm Text Vào Widgets
Thêm Text Vào Widgets
  1. Chọn TextDán đoạn mã vào trình soạn thảo bên dưới → Save
Dán đoạn Mã Vào Widgets
Dán đoạn Mã Vào Widgets

Phần 3: Kiểm tra thêm nút like Facebook vào Website thành công

Kiểm Tra Thêm Nút Like Facebook Vào Website Thành Công
Kiểm Tra Thêm Nút Like Facebook Vào Website Thành Công

Hướng dẫn chèn nút like, share Facebook vào web bằng code

  1. Chèn code dưới đây vào sau thẻ <body> như hình dưới
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v4.0&appId=123456789&autoLogAppEvents=1"></script>

Lưu ý: Bạn nhớ thay App ID Facebook của bạn vào chỗ dãy số 123456789 nha.

Để biết ID của Fanpage của mình thì bạn đăng nhập vào di chuyển đến mục Giới thiệu, kéo xuống dưới là thấy “ID Trang” bạn copy ID thay cho dãy số 123456789.

Lấy Id Trang Fanpage Của Bạn
Lấy Id Trang Fanpage Của Bạn

Sau đó bạn đăng nhập vào trang quản trị WordPress, di chuyển đến giao diện chọn “Sửa giao diện“. Sau đó chèn mã code trên vào thẻ <body> như hình dưới:

Chèn Mã Code Vào Thẻ Body Của Giao Diện WordPress
Chèn Mã Code Vào Thẻ Body Của Giao Diện WordPress
  1. Chèn code dưới đây vào vị trí bạn muốn hiển thị nút like Facebook trên website

Mã code:

<div class="fb-like" data-href="" data-width="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>

Giả sử mình chèn nút Like, share Facebook vào đầu bài viết. Mình sẽ mở File hiển thị nội dung bài viết (chẳng hạn là file single.php).

Sau đó mình sẽ chèn đoạn code vào trong thẻ div có class là entry-content như sau:

Chèn Code Vào Vị Trí Bạn Muốn Hiển Thị Nút Like Facebook Trên Web
Chèn Code Vào Vị Trí Bạn Muốn Hiển Thị Nút Like Facebook Trên Web

Và đây là kết quả.

Giao Diện Chèn Nút Like Facebook Trên Web
Giao Diện Chèn Nút Like Facebook Trên Web

Chèn nút like Facebook vào WordPress bằng Plugin

  1. Cài đặt và kích hoạt Plugin WP Like Button

Bạn truy cập vào trang quản trị WordPress, di chuyển đến phần Plugin vào chọn “Cài mới“.

Cài đặt Plugin Mới
Cài đặt Plugin Mới

Gõ vào ô tìm kiếm từ khóa “WP Like Button“, rồi nhấn vào “Cài đặt“.

Cài đặt Wp Like Button
Cài đặt Wp Like Button

Sau đó bạn nhấn vào “Kích hoạt“.

Kích Hoạt Wp Like Button
Kích Hoạt Wp Like Button
  1. Truy cập vào menu WP Like Button để thiết lập plugin. Bạn sẽ thấy giao diện như sau.
Truy Cập Vào Menu Wp Like Button để Thiết Lập Plugin
Truy Cập Vào Menu Wp Like Button để Thiết Lập Plugin

Trong đó:

  • Where to display: Lựa chọn nơi để hiển thị nút like, share Facebook.
    • Homepage: Hiển thị trên trang chủ.
    • All pages: Hiển thị ở trên tất cả các trang.
    • All posts: Hiển thị trên tất cả các bài viết.
    • All Achive Page: Hiển thị trên những trang lưu trữ.
    • Exclude specific pages and posts: Không hiển thị trên những trang/bài viết tùy ý. Bạn chọn trang/bài viết không muốn hiển thị nút like ở mục Exclude Page/Post.
  • Enable like button for mobile (Responsive layouts): Hiển thị nút like Facebook trên di động.
  • App ID: Nhập App ID Facebook.
  • Admin ID: Nhập ID hoặc tên người dùng Facebook cá nhân của bạn.
  • Kid Directed Site?: Trang web của bạn có dành cho trẻ em không?
  • Default Image: Chọn ảnh mặc định để hiển thị khi share lên Facebook nếu bài viết không có ảnh đại diện.
  • Shortcode: Plugin hỗ trợ shortcode để bạn có thể chèn vào bất cứ vị trí nào.
  • Code Snippet: Bạn có thể sử dụng đoạn mã PHP để chèn nút like vào vị trí bất kỳ trong theme.
  • Before hoặc After: Hiển thị nút like Facebook ở đầu hoặc cuối nội dung của page/post.
  • What to like?: Bạn muốn hiển thị nút like để like cái gì?
    • Each page/post will have its own like button: Nút like cho từng trang/bài viết riêng biệt.
    • Entire Site: Nút like Facebook cho tên miền.
    • Nhập vào ô URL đường link mà bạn muốn người đọc like, share lên Facebook.
  • Language: Chọn ngôn ngữ hiển thị nút Like.
  • Width: Chọn độ rộng nút like, share. Nên để 250 là hợp lý.
  • Position (Vị trí): Căn lề cho nút like, share (bên trái, chính giữa, bên phải).
  • Layout: Chọn bố cục hiển thị nút like, share.
  • Action Type: Chọn loại hành động (like hoặc recommend).
  • Color: Chọn giao diện sáng hoặc tối.
  • Button Size: Chọn kích thước cho nút like.
  • Include Share Button: Bật bao gồm nút share kèm theo nút like.

Sau khi thiết lập hoàn tất, nhấn vào “Save Settings” để lưu lại thiết lập.

Như vậy là ThemeNest hướng dẫn chèn nút Like Facebook vào WordPress với 3 cách. Hy vọng qua bài viết này thì bạn thực hiện thao tác nhanh hơn. Nếu như có gì thắc mắc hãy để lại bình luận ở dưới nhé!

Nếu bạn có thắc mắc hay có vấn đề cần hỗ trợ, bạn có thể liên hệ trực tiếp với ThemeNest thông qua các kênh sau:

  • Hotline: 0902 170 180
  • Email: sales@themenest.vn

ThemeNest hiện đang có chương trình khuyến mãi dành cho khách hàng mua theme wordpress. ThemeNest sẽ hỗ trợ quý khách 24/24 với chất lượng theme tốt nhất!

Có tất cả 0 bình luận

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

0902 170 180