4 Cách chèn nút like Facebook vào Wordpress

//

Để giúp khách hàng tìm thấy và follow trang web của doanh nghiệp bạn dễ dàng hơn, hãy chèn ngay nút like facebook vào website wordpress của mình. Vậy chèn nút like có khó không? Trong bài viết hôm nay, compamarketing sẽ hướng dẫn 4 Cách chèn nút like Facebook vào Wordpress đơn giản, nhanh chóng. Cùng theo dõi để tham khảo nhé!

1. Nút like Facebook là gì?

Nút like Facebook chèn vào website là nút like mà nếu người dùng click vào có nghĩa là họ đã like fanpage của bạn.

Yêu cầu: Họ cần đăng nhập Facebook trên trình duyệt

Nút like Facebook trên website có 2 loại, bao gồm:

– Nút like fanpage: Bấm để like và theo dõi fanpage

– Nút like bài viết: Thể hiện sự quan tâm đến một bài viết nào đó trên web

2. Chèn nút like Facebook vào WordPress để làm gì?

2.1. Tăng lượt like cho fanpage

Nếu website của bạn có nhiều lượt truy cập mỗi ngày, bạn hoàn toàn có thể chèn nút like này để khuyến khích mọi người bấm like và theo dõi fanpage, đặc biệt là với những khách hàng tiềm năng.

2.2. Kết nối Fanpage với Website

Việc chèn nút like vào website wordpress giúp tạo sự kết nối giữa fanpage và website. Bạn hoàn toàn có thể hướng khách hàng từ website đến fanpage

Ví dụ: Khách hàng tham khảo thông tin sản phẩm trên website có thể bấm like trang, hoặc truy cập trang để nhờ bạn tư vấn.

Ngược lại, nếu khách hàng vào từ fanpage, bạn cũng có thể đính kèm đường link website để khách hàng có thể vào website tham khảo thêm thông tin.

3. Cách chèn nút like Facebook vào Wordpress

3.1. Chèn nút like Facebook bằng code

Bước 1: Chèn đoạn mã bên dưới vào sau thẻ <body> như hình bên 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 ý: Hãy nhớ thay ID ứng dụng Facebook của bạn thay cho số 123456789.

Chèn code
Chèn code

Bước 2: Chèn đoạn code bên dưới vào nơi bạn muốn hiển thị nút like Facebook trên web

<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ử tôi chèn nút like và share Facebook ở đầu bài viết. Tôi sẽ mở tệp hiển thị nội dung bài viết (ví dụ: tệp single.php).

Sau đó, tôi sẽ chèn mã vào thẻ div với nội dung entry-class như sau:

chèn mã vào thẻ div với nội dung entry-class như hình
chèn mã vào thẻ div với nội dung entry-class như hình

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

Kết quả
Kết quả

3.2. Chèn nút like Facebook vào WordPress bằng plugin Facebook Button by Bestwebsoft

Cách dễ nhất để chèn và thêm nút Facebook Like trong WordPress là sử dụng một plugin. Plugin mà chúng mình nhắc đến ở đây là Facebook Button by BestWebSoft.

Làm theo các bước dưới đây để cài đặt plugin BestWebSoft trong WordPress để thêm nút Facebook Like vào WordPress:

Bước 1: Truy cập bảng điều khiển WordPress, sau đó điều hướng đến Plugins => Add New. Nhập facebook button by bestwebsoft vào khung Search rồi nhấn Enter. Tìm Facebook Button by BestWebSoft rồi nhấp vào nút Cài đặt ngay bên cạnh.

Bước 2: Sau khi cài đặt xong, bước tiếp theo là kích hoạt plugin bằng cách nhấn vào nút Activate Plugin..

Activate Plugin
Activate Plugin

Bước 3: Bước tiếp theo bây giờ là cấu hình plugin. Truy cập trang cài đặt plugin bằng cách điều hướng đến BWS Panel => Facebook Button.

BWS Panel => Facebook Button.
BWS Panel => Facebook Button.

Bước 4: Trên trang cài đặt, cấu hình nút Like trên Facebook theo ý muốn. Ví dụ, vị trí của nút Like, ngôn ngữ sử dụng cho nút.

Settings
Settings

Bước 5: Sau khi cấu hình nút Like Facebook theo ý muốn, bạn điều hướng đến trang / bài viết bất kỳ hoặc có thể tạo bài viết mới và chèn nút Like bằng nút Add BWS Shortcode.

Add BWS Shortcode
Add BWS Shortcode

Bước 6: Bấm lại nút Insert để chèn, thêm nút Like Facebook vào WordPress.

Chọn Insert
Chọn Insert

Khi bạn đã hoàn thành các bước, nút Like Faceook sẽ được thêm vào WordPress của bạn.

3.3. Chèn nút like Facebook vào WordPress bằng plugin WP Like Button.

Bước 1. Đầu tiên, bạn cần cài đặt và kích hoạt plugin WP Like Button.

Bước 2. Tiếp theo, truy cập vào đường dẫn này => nhấp vào nút Add a New App => nhập tên ứng dụng và email của bạn rồi nhấp vào nút Tạo ID ứng dụng.

Bấm để xác nhận reCAPTCHA của Google => bấm vào nút Submit.

Bước 3. Một ứng dụng mới sẽ được tạo. Trên sidebar bên trái, nhấp vào Settings => Basic.

Bước 4. Tại đây, bạn sẽ phải khai báo thêm một số thông tin.

Trong đó:

  • App Domains: nhập tên miền trang web của bạn.
  • Privacy Policy URL: điền vào trang vào trang chính sách bảo mật của bạn.
  • Category: chọn lĩnh vực cho trang web của bạn.
  • Business Use: chọn sử dụng nó cho bạn hay cho người khác.

Nhấp vào nút Save Changes để lưu.

Bước 5. Kéo xuống bên dưới, nhấp vào nút Add Platform => chọn Website.

Nhập liên kết trang web của bạn vào khung Site URL và sau đó nhấp vào nút Save Changes để lưu.

Bước 6. Nhấn vào biểu tượng công tắc (góc trên bên phải giao diện) để kích hoạt ứng dụng.

public-facebook-app

Nhấp vào nút Confirm để xác nhận.

make-app-public

Ứng dụng chuyển sang trạng thái Live, nghĩa là bạn đã kích hoạt thành công.

Bước 7. Quay lại giao diện thiết lập của plugin WP Like Button, nhập ID ứng dụng (sao chép ở bước 4) vào ô tương ứng. Đối với ID quản trị viên, bạn lấy ID đó trên URL của trang cá nhân (profile). Ví dụ: URL profile của tôi là https://www.facebook.com/trunghieubui93, thì ID quản trị của tôi là trunghieubui93.

Một số cài đặt khác:

  • Where to display: các trang sẽ hiển thị nút like Facebook (trang chủ, tất cả các trang, tất cả bài viết, tất cả các trang lưu trữ, không bao gồm một số trang và bài đăng nhất định).
  • Enable like button for mobile: có hiển thị nút like trên giao diện di động hay không?
  • Kid Directed Site: nếu trang web của bạn chứa nội dung cấm trẻ em dưới 13 tuổi, hãy chọn Có, nếu không, hãy chọn Không.
  • Default Image: hình ảnh mặc định sẽ được dùng để hiển thị trên Facebook (khi chia sẻ) nếu bài viết không có hình ảnh thu nhỏ.
  • Shortcode: sử dụng shortcode để chèn nút like Facebook vào bất kỳ vị trí nào trên website.
  • Code Snippet: sử dụng đoạn mã để chèn nút thích vào chủ đề.
  • Before / After: hiển thị nút like ở đầu hoặc cuối bài / trang.
  • What to like: bạn có thể thiết lập nút like riêng cho từng bài / trang, cho toàn bộ website hoặc cho 1 Facebook Page bất kỳ.
  • Language: ngôn ngữ hiển thị.
  • Width: chiều rộng của nút like.
  • Position: căn chỉnh vị trí của nút like (trái, giữa, phải).
  • Layout: cách bố trí nút like.
  • Color: màu của nút like.
  • Action Type: chọn hành động (thích hoặc đề xuất).
  • Button Size: kích thước của nút like.
  • Include Share Button: hiển thị nút chia sẻ bên cạnh nút thích Facebook.

Sau khi hoàn tất, hãy nhấp vào nút Save Settings để lưu tất cả các cài đặt.

Và kết quả bạn nhận được sẽ tương tự như sau:

3.4. Chèn nút like Facebook vào WordPress theo cách thủ công

Nếu bạn đã quá quen thuộc với cấu trúc tệp WordPress, bạn có thể chèn và thêm nút Facebook Like trong WordPress theo cách thủ công. Tuy nhiên, phương pháp này yêu cầu chỉnh sửa tệp PHP. Vì vậy, điều quan trọng là phải sao lưu trang web WordPress của bạn trước để tránh trường hợp xấu nhất.

Làm theo các bước dưới đây để chèn, thêm Nút Like Facebook trong WordPress theo cách thủ công:

Bước 1: Truy cập bảng điều khiển WordPress, sau đó điều hướng đến Appearance =>Editor.

Appearance =>Editor.
Appearance =>Editor.

Bước 2: Ở bên phải màn hình, bạn sẽ thấy các tập tin có thể chỉnh sửa. Chọn vị trí mà bạn muốn hiển thị nút Like trên Facebook. Trong hướng dẫn này, vị trí đặt nút Like Facebook là ở cuối trang. Vì vậy, tập tin footer.php sẽ được chỉnh sửa.

Thực hiện như hình để chèn nút like
Thực hiện như hình để chèn nút like

Bước 3: Sao chép và dán đoạn mã vào tệp PHP

Sau khi mã được chèn vào, tệp PHP trông giống như sau:

Sao chép và dán đoạn mã sau vào tệp PHP
Sao chép và dán đoạn mã sau vào tệp PHP

Bước 4: Nhấp vào nút Update File để lưu các thay đổi.

Bước 5: Cuối cùng truy cập vào giao diện trang blog WordPress và kiểm tra xem nút Like trên Facebook đã được đặt đúng vị trí mà bạn mong muốn chưa. Nếu không, bạn có thể xóa mã và chèn nút Thích ở vị trí khác.

Trên đây là 4 Cách chèn nút like Facebook vào Wordpress. Hy vọng compamarketing đã mang đến bạn những thông tin hữu ích trong quá trình quản lý, sử dụng website wordpress. Nếu có bất kì thắc mắc gì, hãy để lại comment bên dưới cho compamarketing nhé! Chúc các bạn thành công và đừng quên theo dõi các bài viết chia sẻ về thủ thuật wordpress của compamarketing.

0 0 votes
Article Rating
Xem thêm bài viết thuộc chuyên mục: Thủ Thuật Wordpress
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Inline Feedbacks
View all comments