Hướng dẫn chèn widget Facebook Page vào website WordPress một cách đơn giản.
Nếu bạn đang tìm cách để tích hợp widget Facebook Page vào website WordPress nhằm mục đích tăng sự tương tác với người dùng trên mạng xã hội thì bài viết này chính là dành cho bạn. Trong WordPress, bạn hoàn toàn có thể sử dụng một plugin có sẵn để làm điều đó. Tuy nhiên, tại sao phải lạm dụng plugin trong khi Facebook đã chuẩn bị sẵn cho bạn các công cụ cần thiết? Ngay sau đây, tôi sẽ hướng dẫn cho các bạn cách chèn widget Facebook Page vào website một cách đơn giản mà không cần cài thêm bất cứ plugin nào khác.
Tham khảo thêm:
- Tích hợp Facebook Chat cho website không cần dùng plugin
- Hướng dẫn tích hợp Facebook Chat vào website WordPress
Tạo widget Facebook Page
1. Bước đầu tiên, như thường lệ, các bạn phải tạo 1 cái Facebook App. Nếu bạn chưa biết tạo Facebook App như thế nào, hãy xem ở phần link tham khảo bên trên, tôi sẽ không nói lại nữa.
2. Truy cập vào trang Page Plugin của Facebook. Sau đó, khai báo đầy đủ các thông tin được yêu cầu vào biểu mẫu.
Trong đó:
- Facebook Page URL: là link Facebook Page của bạn.
- Tabs: cho phép bạn hiển thị timeline (bài đăng trên page), messages (tính năng gửi tin nhắn) và events (các sự kiện của page) ngay bên dưới. Các bạn có thể chọn 1 trong 3 hoặc cả 3, tùy theo nhu cầu. Tất nhiên là càng nhiều dữ liệu thì… càng nặng.
- Width: chiều rộng của widget, mặc định là 340px, tối thiểu là 180px, tối đa là 500px.
- Height: chiều cao của widget, mặc định là 500px, tối thiểu là 70px.
- Use small Header: sử dụng tiêu đề nhỏ.
- Hide Cover Photo: ẩn ảnh bìa của page.
- Adapt to plugin container width: phù hợp với chiều rộng vùng chứa plugin, có thể hiểu là tạo widget có khả năng responsive.
- Show Friend’s Faces: hiển thị ảnh avatar của những người đã like page.
Demo chi tiết của widget sẽ hiển thị ngay bên dưới cho các bạn xem trước. Sau khi thấy vừa ý, hãy click vào nút Get Code.
3. Một khung pop-up sẽ hiện ra. Có 2 tùy chọn cho phép các bạn tích hợp widget Facebook Page vào website. Trong ví dụ này, tôi chọn JavaScript SDK.
Hãy lựa chọn App ID mà bạn đã tạo ở bước 1 và ngôn ngữ sẽ hiển thị trên widget.
Tích hợp Facebook Page vào website WordPress
1. Copy đoạn code thứ nhất và chèn vào file footer.php của theme mà bạn đang sử dụng hoặc xem hướng dẫn “Chèn code vào Header và Footer của WordPress một cách đơn giản“.
2. Copy đoạn code thứ hai và chèn vào vị trí mà bạn muốn widget Facebook Page hiển thị. Các bạn có thể sử dụng Text Widget (ở chế độ Text) hoặc Custom HTML Widget để chèn.
Và kết quả sẽ trông giống như thế này:
Thật tuyệt vời phải không nào? Chúc các bạn thành công!
Mọi thắc mắc và góp ý xin vui lòng gửi vào khung bình luận bên dưới để được giải đáp.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Không có cách nào khắc phục lỗi chậm web khi chèn fanpage hả các ad.
Mình chèn vào điểm google sp insight giảm cả chục điểm trên mobile, còn trên PC thì vẫn bình thường. Vấn đề là do fb chèn quá nhiều file .js :(. Chán thiệt.
Bạn tham khảo bài viết “Trì hoãn tải script của bên thứ ba trong WordPress” nhé.
Thanks admin.
Thấy cài thêm plugin là không zui rồi :).
Đã khắc phục bằng cách tạo ảnh fanpage rồi trỏ link tới, ko dùng js nữa.
Tks.
Trước đây mình cũng hay làm như bạn. Nhưng từ khi biết kỹ thuật delay script thì tội gì phải thế? Cài mấy plugin này không làm website của bạn chậm đi chút nào đâu mà lo. :)) Blog của mình cài mấy chục plugin khác nhau mà vẫn load ầm ầm đấy thôi. :P