close

Cách chèn Fanpage vào website WordPress [chi tiết 2025]

Tác giả: Đông Tùng Ngày cập nhật: 17/06/2025 Chuyên mục: Tuỳ biến WordPress
Disclosure
Website Tino blog được cung cấp bởi Tino Group. Truy cập và sử dụng website đồng nghĩa với việc bạn đồng ý với các điều khoản và điều kiện trong chính sách bảo mật - điều khoản sử dụng nội dung. Wiki.tino.org có thể thay đổi điều khoản sử dụng bất cứ lúc nào. Việc bạn tiếp tục sử dụng Tino blog sau khi thay đổi có nghĩa là bạn chấp nhận những thay đổi đó.
Why Trust Us
Các bài viết với hàm lượng tri thức cao tại Tino blog được tạo ra bởi các chuyên viên Marketing vững chuyên môn và được kiểm duyệt nghiêm túc theo chính sách biên tập bởi đội ngũ biên tập viên dày dặn kinh nghiệm. Mọi nỗ lực của chúng tôi đều hướng đến mong muốn mang đến cho cộng đồng nguồn thông tin chất lượng, chính xác, khách quan, đồng thời tuân thủ các tiêu chuẩn cao nhất trong báo cáo và xuất bản.

Bạn muốn tăng tương tác giữa website và fanpage Facebook của mình? Việc tìm cách chèn Fanpage vào website WordPress không chỉ giúp người dùng dễ dàng theo dõi trang Facebook mà còn góp phần xây dựng uy tín và mở rộng tệp khách hàng tiềm năng. Cùng Tino tìm hiểu qua bài viết dưới đây nhé!

Tại sao nên chèn Fanpage vào website WordPress?

Tăng độ tin cậy và uy tín cho website

Khi người truy cập thấy Fanpage hiển thị ngay trên website, họ có thể xác nhận đây là một thương hiệu thật sự đang hoạt động trên mạng xã hội. Điều này giúp tăng mức độ tin tưởng, đặc biệt là đối với các website bán hàng, dịch vụ hoặc cá nhân xây dựng thương hiệu cá nhân.

Thúc đẩy lượt thích và tương tác Fanpage

Việc hiển thị Fanpage trực tiếp trên website cho phép người dùng dễ dàng nhấn “Thích” (Like) hoặc “Theo dõi” (Follow) mà không cần rời khỏi trang web. Đây là cách tuyệt vời để tăng trưởng lượng người theo dõi một cách tự nhiên.

Tại sao nên chèn Fanpage vào website WordPress?
Tại sao nên chèn Fanpage vào website WordPress?

Giữ chân khách truy cập lâu hơn

Thay vì chỉ đọc nội dung trên website rồi thoát, việc tích hợp Fanpage giúp người dùng khám phá thêm những nội dung, bài viết, livestream, sự kiện đang diễn ra trên Facebook – từ đó tăng thời gian họ ở lại trang web.

Hỗ trợ chăm sóc khách hàng nhanh chóng

Một số plugin hoặc khung hiển thị Fanpage cho phép tích hợp tính năng nhắn tin (Messenger). Điều này giúp khách hàng liên hệ với bạn nhanh hơn, tiện lợi hơn mà không cần điền form hay gửi email rườm rà.

Tăng khả năng hiển thị thương hiệu đa kênh

Kết hợp website và Fanpage sẽ tạo ra một hệ sinh thái tiếp thị hiệu quả hơn. Người dùng từ Facebook có thể truy cập website, trong khi người từ website cũng dễ dàng theo dõi các hoạt động mới nhất trên Fanpage.

Hướng dẫn cách chèn Fanpage vào website WordPress

Tạo mã nhúng từ Facebook Page Plugin

Facebook cung cấp một công cụ chính thức gọi là “Page Plugin” cho phép bạn dễ dàng tạo mã nhúng để hiển thị Fanpage trên các trang web khác. Để bắt đầu, hãy truy cập vào trang công cụ này tại địa chỉ: https://developers.facebook.com/docs/plugins/page-plugin.

Tại trang Page Plugin, bạn sẽ thấy các tùy chọn để cấu hình cách Fanpage hiển thị trên website của bạn.

Đầu tiên, trong ô “URL Trang Facebook” (Facebook Page URL), hãy dán đường dẫn (link) đầy đủ của Fanpage mà bạn muốn chèn vào.

Xem Thêm:  Hướng dẫn sử dụng WordPress từ A-Z: Cách tạo website chuyên nghiệp cho người mới

Tiếp theo, bạn có thể tùy chỉnh các mục khác để phù hợp với giao diện website:

  • Tab (Tabs): Bạn có thể chọn hiển thị các tab khác nhau của Fanpage như dòng thời gian (timeline), tin nhắn (messages), sự kiện (events). Nếu muốn hiển thị nhiều tab, hãy nhập tên các tab cách nhau bằng dấu phẩy (ví dụ: timeline,messages). Mặc định thường là timeline.
  • Chiều rộng (Width): Nhập chiều rộng mong muốn cho khung Fanpage hiển thị trên website, tính bằng pixel. Bạn nên điều chỉnh giá trị này để phù hợp với khu vực bạn định đặt widget trên WordPress (ví dụ: sidebar thường có chiều rộng khoảng 300-400px).
  • Chiều cao (Height): Tương tự, nhập chiều cao mong muốn tính bằng pixel. Facebook cũng cho phép bạn để trống hoặc đặt giá trị tối thiểu để nó tự điều chỉnh
  • Các tùy chọn khác: Bạn có thể chọn ẩn ảnh bìa (Hide Cover Photo), sử dụng tiêu đề nhỏ (Use Small Header), hiển thị khuôn mặt bạn bè đã thích trang (Show Friend’s Faces), … Hãy thử nghiệm các tùy chọn này để xem trước giao diện nào phù hợp nhất.
Tạo mã nhúng từ Facebook Page Plugin
Tạo mã nhúng từ Facebook Page Plugin

Sau khi đã tùy chỉnh xong các thông số theo ý muốn, hãy nhấn vào nút “Nhận mã” (Get Code). Một cửa sổ mới sẽ hiện ra với hai đoạn mã.

Tạo mã nhúng từ Facebook Page Plugin

Để đơn giản và tương thích tốt nhất với WordPress Widgets, bạn nên chọn tab “IFrame” và sao chép toàn bộ đoạn mã trong đó. Đoạn mã này bắt đầu bằng <iframe src=…. Đây chính là mã nhúng bạn cần để chèn vào website WordPress.

Tạo mã nhúng từ Facebook Page Plugin
Tạo mã nhúng từ Facebook Page Plugin

Chèn mã nhúng vào WordPress Widget

Bước 1: Đăng nhập vào trang quản trị WordPress của bạn.

Bước 2: Từ menu bên trái, di chuyển đến mục “Giao diện” (Appearance) và chọn “Widget” (Tiện ích).

Trang Widget sẽ hiển thị các khu vực khác nhau trên website mà bạn có thể thêm nội dung vào (ví dụ: Cột bên – Sidebar, Chân trang 1 – Footer 1, Chân trang 2 – Footer 2, ..).

Vị trí cụ thể sẽ phụ thuộc vào giao diện (theme) bạn đang sử dụng. Hãy xác định khu vực bạn muốn hiển thị Fanpage, ví dụ như cột bên phải hoặc một khu vực ở chân trang.

Bước 3: Trong danh sách các Widget có sẵn, tìm widget có tên “HTML tùy chỉnh” (Custom HTML) hoặc đôi khi chỉ là “HTML” hoặc “Văn bản” (Text). Nhấp và kéo widget này thả vào khu vực bạn đã chọn (ví dụ: kéo vào ô “Sidebar“).

Xem Thêm:  Cách cài đặt plugin cho website WordPress [cập nhật 2025]
Tạo mã nhúng từ Facebook Page Plugin
Tạo mã nhúng từ Facebook Page Plugin

Mở widget vừa kéo vào, bạn sẽ thấy một ô để nhập Tiêu đề (Title – tùy chọn) và một ô lớn hơn để nhập nội dung HTML. Hãy dán toàn bộ đoạn mã IFrame bạn đã sao chép từ Facebook Page Plugin vào ô nội dung HTML này.

Tạo mã nhúng từ Facebook Page Plugin
Tạo mã nhúng từ Facebook Page Plugin

Nếu muốn, bạn có thể đặt tiêu đề cho widget, ví dụ: “Theo dõi chúng tôi trên Facebook”.

Tạo mã nhúng từ Facebook Page Plugin
Tạo mã nhúng từ Facebook Page Plugin

Cuối cùng, nhấn nút “Lưu tiện ích” (Save widget) để lưu lại widget.

Kiểm tra kết quả

Sau khi lưu widget, hãy truy cập trang web của bạn từ bên ngoài (frontend) và điều hướng đến trang hoặc khu vực mà bạn đã đặt widget. Bạn sẽ thấy khung Fanpage Facebook hiển thị đúng như cấu hình bạn đã thiết lập.

Cách chèn Fanpage vào website WordPress [chi tiết 2025] 1
Kiểm tra kết quả

Khách truy cập giờ đây có thể xem các bài đăng mới nhất, thích trang hoặc tương tác trực tiếp từ website của bạn.

Lưu ý và khắc phục sự cố

Trong một số trường hợp, Fanpage có thể không hiển thị đúng cách. Nguyên nhân phổ biến bao gồm:

  • Hạn chế về độ tuổi hoặc quốc gia: Nếu Fanpage của bạn có cài đặt giới hạn độ tuổi hoặc chỉ hiển thị ở một số quốc gia nhất định, những người không thuộc đối tượng đó sẽ không thấy được Fanpage nhúng. Để khắc phục, hãy vào phần “Cài đặt” (Settings) của Fanpage trên Facebook, tìm mục “Giới hạn quốc gia” (Country Restrictions) và “Giới hạn độ tuổi” (Age Restrictions), đảm bảo rằng trang được hiển thị công khai với mọi người.
  • Trang chưa được đăng (Page Not Published): Đảm bảo rằng Fanpage của bạn đã được đăng và ở chế độ công khai. Kiểm tra trong phần “Cài đặt” -> “Chung” (General) -> “Chế độ hiển thị trang” (Page Visibility).

Ngoài phương pháp thủ công này, cũng có nhiều plugin WordPress được thiết kế riêng cho việc tích hợp Facebook (ví dụ: Smash Balloon Social Post Feed, Custom Facebook Feed, …). Các plugin này thường cung cấp nhiều tùy chọn tùy chỉnh hơn và có thể dễ sử dụng hơn đối với một số người dùng, nhưng chúng cũng có thể làm tăng thêm tài nguyên mà website cần tải.

Phương pháp sử dụng Page Plugin chính thức của Facebook là một giải pháp nhẹ nhàng, đáng tin cậy và không yêu cầu cài đặt thêm plugin.

Xem Thêm:  Cách triển khai WordPress Staging bằng cPanel chi tiết [2025]

Chúc bạn thực hiện thành công việc chèn Fanpage Facebook vào website WordPress của mình!

Kết luận

Việc chèn Fanpage Facebook vào website WordPress không chỉ đơn giản mà còn mang lại nhiều lợi ích trong việc xây dựng thương hiệu và tương tác với khách hàng. Với các bước hướng dẫn cụ thể ở trên, bạn hoàn toàn có thể tự thực hiện mà không cần đến lập trình viên. Hãy áp dụng ngay để tăng sự kết nối giữa website và mạng xã hội, từ đó nâng cao hiệu quả marketing của bạn!

Những câu hỏi thường gặp

Có cần cài plugin WordPress để sử dụng Page Plugin không?

Không bắt buộc. Như đã hướng dẫn, bạn có thể sử dụng mã nhúng (embed code) từ Page Plugin của Facebook và chèn trực tiếp vào WordPress thông qua block HTML hoặc widget. Tuy nhiên, sử dụng plugin WordPress (như Smash Balloon) có thể đơn giản hóa quá trình và cung cấp thêm tùy chọn tùy chỉnh.

Tại sao Fanpage không hiển thị sau khi chèn mã?

Các nguyên nhân phổ biến bao gồm:

  • Lỗi cache: Xóa bộ nhớ cache của website và trình duyệt.
  • Mã nhúng sai hoặc thiếu: Kiểm tra lại mã từ Facebook Developers, đảm bảo chèn cả mã JavaScript SDK và iframe.
  • Fanpage bị hạn chế: Xác minh rằng Fanpage không bị giới hạn độ tuổi hoặc khu vực địa lý.
  • Xung đột theme/plugin: Tắt tạm thời các plugin khác hoặc chuyển sang theme mặc định (như Twenty Twenty-Five) để kiểm tra.

Có thể hiển thị nhiều Fanpage trên một website không?

Có thể. Bạn chỉ cần tạo mã Page Plugin riêng cho từng Fanpage và chèn vào các khu vực khác nhau trên website.

Page Plugin có làm chậm tốc độ tải trang không?

Thường không đáng kể, nhưng vì plugin tải dữ liệu trực tiếp từ Facebook (thông qua iframe), nên có thể gây chậm nhẹ nếu kết nối mạng yếu. Bạn nên:

  • Tối ưu tổng thể tốc độ tải trang bằng cache plugin (như WP Rocket, LiteSpeed Cache…).
  • Chỉ hiển thị ở những vị trí cần thiết.

Có thể điều chỉnh màu sắc, font chữ của Page Plugin không?

Không. Giao diện của Page Plugin là mặc định do Facebook kiểm soát để đảm bảo tính đồng nhất. Nếu bạn muốn tuỳ chỉnh sâu hơn, có thể cân nhắc sử dụng plugin bên thứ ba như Smash Balloon.

Đông Tùng

Senior Technology Writer

Là cử nhân Quản trị kinh doanh của Trường Đại học Tài chính - Marketing, Tùng bắt đầu làm việc tại Tino Group từ năm 2021 ở vị trí Content Marketing để thỏa mãn niềm đam mê viết lách của bản thân. Sở hữu khả năng sáng tạo đặc biệt, anh cùng đội ngũ của mình đã tạo nên những chiến dịch quảng cáo độc đáo cùng vô số bài viết hữu ích về nhiều chủ đề khác nhau. Sự tỉ mỉ, kiên trì và tinh thần sáng tạo của Tùng đã góp phần lớn vào thành công của Tino Group trong lĩnh vực marketing trực tuyến.

Xem thêm bài viết

Bài viết liên quan

CÔNG TY CỔ PHẦN TẬP ĐOÀN TINO
Trụ sở chính: L17-11, Tầng 17, Tòa nhà Vincom Center, Số 72 Lê Thánh Tôn,  Phường Bến Nghé, Q. 1, TP. Hồ Chí Minh

Văn phòng kinh doanh: Số 42 Trần Phú, Phường 4, Quận 5, TP HCM
GPKD số 0315679836 do Sở KH và ĐT TP Hồ Chí Minh cấp
Hotline: 0364 333 333
Góp ý/Phản ánh dịch vụ: 0933 000 886