Firewall Anti DDoS
SSL
5
5

Hướng dẫn chi tiết cách nhúng Facebook Group Feed trong WordPress

56
Lượt xem
Home WordPress Hướng dẫn chi tiết cách nhúng Facebook Group Feed trong WordPress

Việc quảng bá cho group Facebook trên trang WordPress là một cách hiệu quả để tăng tương tác và số lượng người follow cho nhóm của mình, đồng thời giúp nội dung của website luôn được cập nhật và làm mới. Bài viết này sẽ hướng dẫn bạn chi tiết cách nhúng Facebook Group Feed trong WordPress.

Vì sao cần thêm nhúng Facebook Group Feed trong WordPress?

Facebook là nền tảng mạng xã hội phổ biến nhất thế giới và có 2,9 tỷ người dùng hoạt động hàng tháng. Do đó, các group trên Facebook chính là nơi hoàn hảo để tương tác với những người đã trải nghiệm hoặc chưa từng tiếp cận với các nội dung, sản phẩm của bạn. Thực tế, Vietnix cũng sở hữu nhóm Cộng đồng Sinh viên IT trên Facebook với gần 180.000 thành viên.

Các nhóm Facebook có thể giúp bạn xây dựng cộng đồng, tạo cảm giác trung thành và xây dựng mối quan hệ tích cực với người dùng. Sau khi mọi người tham gia nhóm, bạn có thể tiến hành quảng bá bài đăng trên blog, các thông tin mới về doanh nghiệp hoặc thậm chí các sản phẩm WooCommerce mà không phải chi bất kỳ khoản tiền nào cho quảng cáo trực tuyến.

Sau khi tạo nhóm Facebook, bạn cũng sẽ muốn quảng bá và thu hút mọi người tham gia nhóm. Cách tốt nhất để phát triển nhóm Facebook là nhúng Facebook Group Feed trong WordPress của bạn. Khi đó, người dùng truy cập website cũng có thể thấy mọi nội dung trên group Facebook, từ đó thu hút họ tham gia và tương tác với các nội dung ở đó.

Cách cài plugin tùy chỉnh Facebook Feed

Phương pháp tốt nhất để thực hiện việc này là sử dụng plugin Smash Balloon Custom Facebook Feed. Plugin này cho phép bạn nhúng video, comment, review và các bài đăng từ Facebook lên website WordPress.

Một ví dụ về trang nhóm Facebook được nhúng trong WordPress
Một ví dụ về trang nhóm Facebook được nhúng trong WordPress

Nếu đăng video lên nhóm Facebook thì plugin sẽ cho phép khách truy cập website xem nội dung này thông qua một hộp popup. Họ sẽ không cần phải thoát website để xem nội dung.

Sau khi nhúng Facebook Group Feed trong WordPress, các bài đăng mới sẽ tự động xuất hiện trên web. Khi đó, nội dung trên website cũng sẽ liên tục được làm mới và cập nhật theo các bài đăng trên nhóm Facebook.

Trong hướng dẫn này, Vietnix sẽ sử dụng bản pro của plugin Smash Balloon, vì nó cho phép bạn hiển thị album, video và ảnh trên Facebook trên trang WordPress. Tuy nhiên, phiên bản miễn phí cũng cho phép bạn dễ dàng nhúng các bài đăng trạng thái trên Facebook vào WordPress.

Trước tiên, cài đặt và kích hoạt plugin Smash Balloon. Sau đó, vào phần Facebook Feed > Settings rồi nhập license key vào trường “License Key“. Bạn có thể xem key ở phần Account trên website Smash Balloon.

Facebook Feed > Settings rồi nhập license key
Facebook Feed > Settings rồi nhập license key

Cuối cùng là nhấn “Activate” để kích họat.

Vietnix đang triển khai chương trình tặng miễn phí bộ công cụ trị giá 26.000.000 VND/Tháng cho khách hàng đăng ký sử dụng Hosting Vietnix. Cụ thể khi đăng ký bất cứ gói hosting nào, từ Hosting Giá Rẻ, Hosting Cao Cấp, Business Hosting, SEO Hosting, WordPress Hosting, khách hàng đều được tặng miễn phí bộ theme và plugin bản quyền với nhiều công cụ hữu ích như: WP Rocket, Rank Math SEO Pro, itheme Security Pro, WPML, WP Smush Pro, Divi,…. Liên hệ với đội ngũ Vietnix để được tư vấn chi tiết và nhận bộ quà tặng giúp thiết kế, tối ưu hiệu suất web ngay hôm nay.

Banner WordPress Hosting Singlepost

Chương trình ra mắt dịch vụ WordPress Hosting miễn phí 500 mẫu website

Thêm ứng dụng Smash Balloon vào nhóm Facebook

Tiếp theo, bạn cần thêm ứng dụng Facebook của Smash Balloon vào nhóm Facebook cần hiển thị trên trang WordPress. Lưu ý: Do cách thiết lập API Facebook, Smash Balloon chỉ có thể hiển thị các bài được đăng sau khi bạn thêm ứng dụng vào nhóm Facebook của mình.

Mở tab mới, đăng nhập vào Facebook và điều hướng đến nhóm Facebook của bạn. Sau đó, click vào “Group Settings” ở menu bên trái.

Cài đặt nhóm Facebook
Cài đặt nhóm Facebook

Kéo xuống phần “Manage advanced settings” rồi chọn vào icon hình bút chì ở dòng “Apps“.

Thêm ứng dụng Smash Balloon vào nhóm Facebook
Thêm ứng dụng Smash Balloon vào nhóm Facebook

Sau đó màn hình sẽ hiển thị các ứng dụng được được thêm vào nhóm. Click vào “Add Apps” rồi tìm “Smash Balloon WordPress“, chọn vào icon của plugin.

Tìm kiếm Smash Balloon WordPress để add vào nhóm Facebook
Tìm kiếm Smash Balloon WordPress để add vào nhóm Facebook
Cài đặt Smash Balloon WordPress vào nhóm Facebook
Cài đặt Smash Balloon WordPress vào nhóm Facebook

Tiếp đó màn hình sẽ hiển thị các thông tin được truy cập và hành động mà ứng dụng có quyền thực hiện. Chọn vào “Add“.

Add Smash Balloon WordPress vào nhóm Facebook
Add Smash Balloon WordPress vào nhóm Facebook

Đợi một lúc và bạn sẽ nhận thông báo ứng dụng đã được thêm vào nhóm Facebook thành công.

Kết nối Smash Balloon với nhóm Facebook

Bây giờ bạn có thể bắt đầu kết nối trang Facebook với WordPress của mình. Trước tiên, vào phần Facebook Feed > All Feeds rồi chọn “Add New“.

Facebook Feed > All Feeds rồi chọn Add New
Facebook Feed > All Feeds rồi chọn Add New

Smash Balloon cho phép hiển thị ảnh, sự kiện, video, album và nhiều thành phần khác nữa trên website. Hướng dẫn này chỉ cần nhúng Facebook Group Feed trong WordPress, nên hãy chọn vào “Timeline” > “Next“.

Nhúng dòng thời gian của nhóm Facebook trong WordPress
Nhúng dòng thời gian của nhóm Facebook trong WordPress

Tiếp theo bạn cần chọn nhóm Facebook để lấy timeline. Click vào “Add New“.

Kết nối WordPress với nhóm Facebook bằng source
Kết nối WordPress với nhóm Facebook bằng source

Chọn tiếp nút radio bên cạnh “Group” rồi click vào “Connect to Facebook“.

Kết nối với Facebook
Kết nối với Facebook

Bây giờ màn hình sẽ hiển thị một popup để bạn đăng nhập tài khoản Facebook và chọn nhóm muốn kết nối. Sau đó nhấn “Next“.

Chọn nhóm mà bạn muốn liên kết
Chọn nhóm mà bạn muốn liên kết

Sau đó sẽ có một popup yêu cầu cài đặt ứng dụng Smash Balloon WordPress. Vì bạn đã cài đặt trước đó rồi nên chỉ cần nhấn “Done“.

Xác nhận thêm add nhóm Facebook
Xác nhận thêm add nhóm Facebook

Cách tạo feed nhóm Facebook trên WordPress

Sau khi thêm nhóm Facebook vào Smash Balloon thành công, bạn sẽ thấy nhóm hiển thị trong danh sách ở dưới đây. Chọn vào “Next” để tiếp tục.

Chọn next để tạo Facebook Feed trên web
Chọn next để tạo Facebook Feed trên web

Tiếp theo bạn cần chọn template để hiển thị feed của nhóm trên trang WordPress. Tất cả template đều dễ dàng tủy chỉnh theo ý muốn của người dùng. Sau khi chọn xong template mong muốn, chọn nút “Next” để thực hiện thao tác tiếp theo.

Chọn template tùy thích cho Facebook Feed
Chọn template tùy thích cho Facebook Feed

Smash Balloon sẽ tạo social media feed dựa trên nhóm Facebook và template mà bạn đã chọn. Tuy nhiên ở bước tiếp theo, bạn cần thiết lập một số cài đặt để tùy chỉnh giao diện của feed.

Cách tùy chỉnh feed nhóm Facebook trên WordPress

Plugin Smash Balloon cho phép người dùng tự do chỉnh sửa cách hiển thị feed trên website. Trước tiên, vào phần Facebook Feed > All Feeds, tìm nhóm của bạn rồi click vào nút “Edit” (hình cây bút chì).

Tùy chỉnh Facebook Feed trên WordPress
Tùy chỉnh Facebook Feed trên WordPress

Sau đó màn hình sẽ hiển thị trang feed editor của Smash Balloon, cho phép bạn xem preview của timeline Facebook được hiển thị trên trang WordPress.

Ở phía bên trái màn hình là các thiết lập để tùy chỉnh cách hiển thị bài viết trên website.

Giao diện tùy chỉnh hiển thị bài viết trên web
Giao diện tùy chỉnh hiển thị bài viết trên web

Click vào nút “Template” rồi chọn “Change” để thay đổi template.

Chọn một mẫu template bạn thích
Chọn một mẫu template bạn thích

Trước tiên, bạn có thể thay đổi cách hiển thị bài đăng bằng cách vào phần “Feed Layout“. Ở màn hình này, bạn có thể chuyển đổi qua lại giữa các layout khác nhau và chỉnh sửa chiều cao của feed. Khi thực hiện thay đổi thì trang preview cũng sẽ cập nhật tương ứng giúp bạn chọn lựa layout phù hợp nhất.

Giao diện chỉnh sửa của Facebook Feed
Giao diện chỉnh sửa của Facebook Feed

Theo mặc định, feed nhóm Facebook sẽ hiển thị số lượng bài đăng khác nhau trên màn hình desktop và điện thoại di động. Bạn có thể xem trước cách hiển thị ở trên cả hai thiết bị bằng cách click vào icon tương ứng ở góc phải.

Chọn Feed Layout trên các thiết bị khác nhau
Chọn Feed Layout trên các thiết bị khác nhau

Sau đó, bạn có thể thay đổi số lượng bài viết hiển thị trên điện thoại di động hoặc tablet. Tìm phần “Number of Posts” rồi nhập số bài viết cần hiển thị vào trường “Mobile” tương ứng.

Điều chỉnh số lượng bài viết hiển thị trên các thiết bị
Điều chỉnh số lượng bài viết hiển thị trên các thiết bị

Bên cạnh đó bạn cũng có thể thay đổi số lượng cột muốn hiển thị trong phần “Columns“. Chẳng hạn như trong ảnh ở trên, nội dung đang được chia thành 3 cột trên desktop, 2 cột trên tablet và 1 cột trên điện thoại.

Chọn số cột hiển thị bài viết trên các thiết bị
Chọn số cột hiển thị bài viết trên các thiết bị

Sau khi hoàn tất chỉnh sửa layout, chọn vào link “Customize” để đến trang editor chính của Smash Balloon. Vào phần “Color Scheme“.

Chọn màu nền bài viết tùy chỉnh
Chọn màu nền bài viết tùy chỉnh

Theo mặc định, Smash Balloon sử dụng color scheme (bảng màu) giống như theme của trang WordPress, nhưng bạn hoàn toàn có thể chuyển đổi giữa hai chế độ “Light” và “Dark” dễ dàng. Ngoài ra bạn cũng có thể tự thiết kế color scheme bằng cách chọn “Custom” rồi thay đổi màu nền, màu văn bản, link,… theo ý muốn.

Ví dụ sau khi chỉnh màu nền bài viết
Ví dụ sau khi chỉnh màu nền bài viết

Bạn cũng có thể thêm header ở phía trên của feed để hiển thị các nội dung như ảnh profile hay tên của group. Điều này sẽ giúp khách truy cập dễ nắm bắt chủ đề của nội dung họ đang xem và dễ dàng tìm được nhóm của bạn trên Facebook hơn.

Click vào phần “Header” ở menu bên trái để thêm header.

Điều chỉnh thanh header
Điều chỉnh thanh header

Sau đó bật nút “Enable” để thêm header. Bạn có thể chỉnh sửa kích thước, màu nền,… của header theo ý muốn.

Điều chỉnh header chi tiết
Điều chỉnh header chi tiết

Nếu bạn muốn xóa header thì chỉ cần gạt tắt nút “Enable” vừa rồi.

Tiếp theo, bạn có thể thay đổi cách hiển thị từng bài viết của feed bằng cách chọn vào “Post Style” ở menu bên trái. Trước tiên, bạn có thể chọn bố cục thumbnail, half width hay full width cho bài viết của mình.

Điều chỉnh ảnh bìa các bài đăng
Điều chỉnh ảnh bìa các bài đăng

Chế độ thumbnail sẽ hiển thị ảnh nhỏ của feed nhóm Facebook trên WordPress:

Bài đăng chỉnh ảnh bìa size thumbnail
Bài đăng chỉnh ảnh bìa size thumbnail

Hoặc half width:

Bài đăng chỉnh ảnh bìa size half width
Bài đăng chỉnh ảnh bìa size half width

Và chế độ full width sẽ hiển thị ảnh lớn nhất có thể:

Ảnh bìa chỉnh size full width
Ảnh bìa chỉnh size full width

Sau khi hoàn tất, bạn có thể bắt đầu chỉnh sửa nội dung cho từng bài viết. Trước tiên, nhấn vào nút “Post Style“.

Chỉnh nội dung cho từng bài viết
Chỉnh nội dung cho từng bài viết

Bạn có thể chọn giữa bố cục thường và bố cục dạng hộp. Nếu chọn “Boxed” thì bạn còn có thể tạo một nền có màu cho từng bài viết, đồng thời chỉnh sửa góc cạnh hay thêm hiệu ứng đổ bóng cho hộp.

Chọn bố cục cho bài viết - Vi dụ: Boxed - bố cục dạng hộp
Chọn bố cục cho bài viết – Vi dụ: Boxed – bố cục dạng hộp

Nếu chọn “Regular” thì bạn có thể tùy chỉnh độ dày và màu sắc của đường kẻ phân chia các bài viết.

Ngoài ra bạn cũng có thể chỉnh sửa từng phần riêng lẻ trong một bài viết bằng cách quay lại màn hình Main Settings. Sau đó chọn “Post Style” > “Edit Individual Elements“.

Chỉnh sửa, thiết lập post nâng cao
Chỉnh sửa, thiết lập post nâng cao

Bây giờ bạn sẽ thấy mọi thành phần mà Smash Balloon cung cấp trong một bài viết: Tác giả, ngày đăng, link,… Để xóa một thành phần bất kỳ, bạn có thể nhấp lại vào hộp bên cạnh đó để bỏ chọn.

Tùy chỉnh hiển thị bài viết
Tùy chỉnh hiển thị bài viết

Ngoài ra bạn cũng có thể chỉnh sửa cách hiển thị của từng nội dung bằng cách click vào thành phần tương ứng. Ví dụ bạn cần đổi kích thước và màu sắc của link “post action“:

Tùy chỉnh các nút call to action trên bài viết
Tùy chỉnh các nút call to action trên bài viết

Phần văn bản hiển thị trên Facebook link cũng có thể được tùy chỉnh thành nội dung tương ứng trong trường “Customize Text“.

Theo mặc định, Smash Balloon không thêm nút Like của Facebook vào feed. Bạn có thể thêm bằng cách chọn vào phần “Like Box“.

Tùy chỉnh thêm nút like post
Tùy chỉnh thêm nút like post

Sau đó bật “Enable” để hiển thị nút Like. Ngoài ra bạn cũng có thể click vào menu dropdown “Position” và chọn ví trí hiển thị hộp Like ở trên hay dưới bài viết.

Vị trí nút like post
Vị trí nút like post

Bạn có thể sử dụng các thiết lập này để thay đổi độ rộng của box, hoặc thêm ảnh bìa của nhóm vào feed.

Hơn nữa, bạn cung có thể hiển thị số lượng người follow của nhóm để tăng độ uy tín của các nội dung. Chỉ cần enable thiết lập “Show fans” ở trên màn hình. Sau khi hoàn tất, hãy chuyển sang thiết lập “Load More Buttons“.

Thêm nút Tải thêm vào trang web WordPress
Thêm nút Tải thêm vào trang web WordPress

Nút “Load More” cho phép khách truy cập lướt xem được nhiều nội dung hơn trên feed, từ đó tăng tương tác được cho nhóm. Bạn có thể thay đổi cách hiển thị của nút này bằng cách đổi màu nền, trạng thái khi rê chuột hay màu văn bản.

Tùy chỉnh cho nút Xem thêm
Tùy chỉnh cho nút Xem thêm

Ngoài ra cũng có thể đổi chữ “Load More” thành các văn bản khác nếu muốn bằng cách nhập nội dung vào trường “Text“.

Smash Button còn có tính năng lightbox, cho phép khách truy cập xem video của nhóm mà không cần thoát WordPress. Khách truy cập chỉ cần click vào thumbnail của bất kỳ ảnh hay video nào để mở popup lightbox:

Tính năng lightbox của Smash Balloon
Tính năng lightbox của Smash Balloon

Để tùy chỉnh lightbox, bạn chỉ cần chọn “Light Box” ở menu bên trái.

Tùy chỉnh Lightbox
Tùy chỉnh Lightbox

Bây giờ bạn có thể thay đổi màu văn bản, link và màu nền của lightbox. Mặt khác, bạn cũng có thể tăng tương tác với nhóm bằng cách tắt tính năng lightbox để bắt buộc người dùng truy cập vào nhóm trên Facebook để xem bài viết (ở tab mới).

Bật/tắt lightbox
Bật/tắt lightbox

Sau khi hoàn tất, hãy click vào nút “Save” để lưu lại các thay đổi. Bây giờ bạn đã có thể thêm feed của nhóm Facebook vào trang WordPress.

Cách nhúng Facebook Group Feed trong WordPress

Ở bước cuối cùng, bạn có thể thêm feed của nhóm Facebook vào WordPress bằng block, widget hay shortcode. Nếu đã tạo nhiều hơn một feed thì bạn cần có code của feed nếu muốn dùng block hoặc widget. Cụ thể, hãy vào phần Facebook Feed > All Feeds rồi copy text ở dưới phần “Shortcode“.

Ở hình dưới đây, Vietnix sẽ sử dụng code custom-facebook-feed feed=1.

Thêm feed của nhóm Facebook vào WordPress
Thêm feed của nhóm Facebook vào WordPress

Nếu bạn muốn nhúng Facebook Group Feed trong WordPress của một page, post thì có thể dùng block “Custom Facebook Feed“. Chỉ cần mở page, post rồi click vào icon “+” để thêm block mới, sau đó nhập “Custom Facebook Feed“.

Chọn vào icon Facebook để nhúng feed:

Nhập "Custom Facebook Feed" để nhúng feed vào page
Nhập “Custom Facebook Feed” để nhúng feed vào page

Sau đó block này sẽ hiển thị một trong các feed của Smash Balloon theo mặc định. Nếu không phải là feed Group bạn cần thì hãy kéo xuống phần “Shortcode Settings” ở menu bên phải, sau đó nhập code của feed (ở ví dụ này là custom-facebook-feed feed=1 rồi chọn nút “Apply Changes“.

Chọn feed mong muốn theo shortcode
Chọn feed mong muốn theo shortcode

Cuối cùng là Publish hoặc Update page để hoàn tất. Ngoài ra, bạn cũng có thể thêm feed vào bất kỳ khu vực nào có widget, cho phép khách truy cập xem được feed ở bất kỳ đâu trên website.

Vào phần Appearance > Widgets trong dashboard WordPress rồi chọn vào nút “+” màu xanh.

Thêm Facebook Feed vào Widgets
Thêm Facebook Feed vào Widgets

Sau đó nhập “Custom Facebook Feed” vào thanh tìm kiếm. Kéo thả widget vào phần muốn thêm feed.

Kéo thả widget vào phần muốn thêm feed
Kéo thả widget vào phần muốn thêm feed

Bây giờ widget sẽ hiển thị feed được tạo bởi Smash Balloon. Nếu muốn chọn feed khác thì hãy nhập code vào phần “Shortcode Settings” như ở trên.

Lưu lại những thay đổi feed
Lưu lại những thay đổi feed

Cuối cùng là click vào nút “Update” để lưu lại thay đổi và bắt đầu hiển thị feed lên trang. Ngoài ra, nếu muốn thêm feed bằng shortcode thì bạn có thể vào phần Facebook Feed > All Feeds rồi copy code ở cột “Shortcode“, sau đó thêm code này vào bất kỳ block shortcode nào.

Lưu ý: Nếu đang sử dụng theme block-enabled thì bạn có thể dùng editor full-site để thêm block “Custom Facebook Feed” vào bất kỳ đâu trên website của mình.

Nếu bạn đang tìm kiếm một giải pháp lưu trữ chất lượng, đáng tin cậy và tối ưu cho website WordPress của mình, thì dịch vụ của Vietnix là một lựa chọn tuyệt vời. Với nhiều năm kinh nghiệm trong lĩnh vực này, Vietnix cam kết cung cấp cho khách hàng của mình những giải pháp lưu trữ chất lượng cao, với tốc độ và độ ổn định tuyệt vời, để giúp họ tối ưu hóa trải nghiệm người dùng trên trang web WordPress của mình. Những ưu điểm nổi trội của Vietnix so với những nhà cung cấp khác có thể kể đến như:

  • 11 năm kinh nghiệm hoạt động trong lĩnh vực giải pháp lưu trữ số.
  • 50.000 khách hàng cá nhân, doanh nghiệp.
  • 100.000 dịch vụ được kích hoạt.
  • 97% khách hàng giới thiệu dịch vụ sau khi sử dụng.
  • Thương hiệu Việt Nam xuất sắc 2022.

Nếu bạn muốn tìm hiểu thêm về dịch vụ của Vietnix, hãy để lại bình luận bên dưới hoặc liên hệ với đội ngũ hỗ trợ của Vietnix ngay hôm nay thông qua:

  • Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
  • Hotline: 1800 1093.
  • Email: sales@vietnix.com.vn.

Lời kết

Qua bài viết này, Vietnix đã hướng dẫn bạn cách thêm feed của nhóm Facebook vào WordPress nhằm đa dạng hóa nội dung trên trang, đồng thời thu hút thêm thành viên tương tác và gia nhập group Facebook. Mong rằng với phương pháp này, website và group của bạn sẽ ngày càng phát triển. Nếu có bất kỳ thắc mắc nào khác, hãy để lại ở phần comment bên dưới để được Vietnix hỗ trợ nhanh nhất.

Chia sẻ lên
Theo dõi trên
Đánh giá
5/5 - (117 bình chọn)
Kết nối với mình qua
Mình là Trường - hiện đang phụ trách một số mảng trong chiến lược Marketing của Vietnix và đặc biệt là SEO. Ngoài ra, mình còn thích sử dụng WordPress để xây dựng website trong nhiều năm qua. Mình mong muốn có thể dùng trải nghiệm thực tế khi làm việc tại Vietnix để đem lại những chia sẻ hữu ích cho các bạn.
Đăng ký nhận tin
Để không bỏ sót bất kỳ tin tức hoặc chương trình khuyến mãi từ Vietnix
Bài viết liên quan
Bình luận