Cách nhúng fanpage vào website workpress cực đơn giản

Khi bạn lướt web chắc hẳn không ít lần bạn nhìn thấy những trang có nhúng fanpage ở cột bên hay chân trang. Điều này giúp tăng đáng kể sự tương tác và kết nối giữa bạn và người đọc vì hình ảnh fanpage của bạn hiện ra trực quan trước mắt họ. Nếu thấy nội dung hữu ích người đọc chỉ cần bấm like là xong, và trang của bạn cũng vì thế mà tăng lượt thích, lượt theo dõi.

nhung_fanpage_vao_website_wordpress

Thật tuyệt vời. Và bài viết này chúng ta cùng tìm hieur cách để nhúng fanpage vào website wordpress nhé. Rất đơn giản thôi bạn ạ.

Đầu tiên bạn phải có một fanpage để nhúng vào web.Đương nhiên rồi đúng không! Nếu bạn chưa rõ cách tạo fanpage thì có thể xem lại >> BÀI VIẾT NÀY

Bước tiếp theo các bạn truy cập vào trang phát triển ứng đụng của Facebook để tạo plugin trang:

https://developers.facebook.com/docs/plugins/page-plugin

Màn hình cài đặt hiện ra, các bạn điền các thông số cần thiết. (giải thích dưới hình)

nhung_fanpage_vao_website

GIẢI THÍCH:

URL trang Facebook: là đường dẫn trang face của bạn. Copy nguyên đường dẫn của trang trên thanh địa chỉ trình duyệt vào

Tab: Bạn điền tên tab của fanpage mà mình muốn hiển thị vào khung nhúng. Khi điền tên tab vào thì nội dung của nó sẽ hiển thị bên duối của khung nhúng. Như trên hình mình để tab timeline nên nó hiện nội dung các bài viết phía dưới ảnh cover của fanpage, Nếu muốn xem nhiều nội dung chỉ cần cuộn chuột. Thực tế mọi người thường để trống mục tab này để fanpage hiển thị ngắn gọn hơn

Chiều rộng và chiều cao: dây là kích thước hiển thị của fanpage trên web sau khi nhúng. Tùy từng theme hay vị trí đặt mà bạn chọn kích thước cho vừa vặn. Nếu sau khi nhúng mà thấy chưa phù hợp thì bạn có thể sửa lại trong đoạn code vừa tạo hoặc đơn giản hơn là làm lại bước này với thông số thích hợp

Sử dụng tiêu đề nhỏ: Tiêu đề fanpage sẽ được thu nhỏ lại và ảnh cover fanpage sẽ được thu hẹp lại một nửa.

Ẩn ảnh bìa: Không hiện ảnh cover mà chỉ hiện chữ tiêu đề của trang.

Phù hợp với chiều rộng vùng chứa plugin: Facebook tự điều chỉnh kích thước fanpage phù hợp với chiều rộng vùng chứa mà bạn nhúng vào.

Hiển thị khuôn mặt bạn bè: Ảnh đại diện bạn bè của người đọc sẽ hiển thị trong khung nhúng. Mình để cái này sẽ giúp tăng tỷ lệ like vì mọi người có xu hướng like khi thấy bạn bè mình cũng like.

Khi đã điền xong thông tin các bạn tích vào nút “lấy mã” bên dưới để lấy code chèn vào web

nhung_fanpage_vao_website

Một cửa sổ hiện ra cung cấp code cho các bạn. mình thường chuyển sang tab “IFrame” sau đó copy đoạn code bên dưới

chen_fanpage_vao_website_wp

Bước tiếp theo là gắn code vào website:

Các bạn đăng nhập vào trình quản trị của wordpress và vào phần Appearance>>Widgets

Thêm widget “text” vào vị trí bạn muốn hiển thị fanpage, ví dụ như ở sidebar hay footer chân trang. trong ví dụ này mình thêm vào sidebar.

Dán doạn code vừa copy vào widget “text” vừa thêm và lưu lại là xong

chen_fanpage_vao_web_wp

 

Và đây là kết quả sau khi chèn. trên sidebar sẽ hiển thị fanpage bạn vừa nhúng

chen_fanpage_vao_web2

Trên đây autommo đã cùng bạn nhúng fanpage vào website wordpress. Chúc các bạn thành công.

Cách nhúng fanpage vào website workpress cực đơn giản
5 (100%) 9 votes

Leave a Reply

Nhận bản tin qua email
Đăng ký

Theo dõi chúng tôi để nhận là người đầu tiên nhận những thông tin hữu ích