Hướng dẫn chèn Fanpage Facebook vào website WordPress đơn giản nhất

8130 lượt xem25/10/2018 Học thiết kế web Wordpress, Kiến thức
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Hiện tại thì gần như 100% các website đều cố gắng nhúng Fanpage Facebook vào website để thu hút người dùng theo dõi kênh bán hàng trên mạng xã hội Facebook. Bằng việc hiển thị nút kêu gọi “thích trang” sẽ giúp cho Fanpage Facebook của bạn có nhiều người theo dõi hơn, tăng khả năng bán hàng hoặc sử dụng dịch vụ của doanh nghiệp bạn.

Nếu bạn chưa biết cách liên kết Fanpage Facebook vào website WordPress của bạn, bài viết này chắc chắn sẽ hữu ích với bạn nè! Mời đón xem “Hướng dẫn chèn Fanpage Facebook vào website WordPress đơn giản nhất!”

Tầm quan trọng của việc liên kết Fanpage Facebook với website

Việc liên kết giữa website và Fanpage Facebook bắt đầu trở nên cần thiết và quan trọng hơn nhiều so với trước đây, kể từ khi Facebook trở thành công cụ bán hàng online cực kỳ hiệu quả.

Vậy thì nếu bạn sở hữu sản phẩm tốt, bạn có website bán hàng, chẳng tội gì bạn không liên kết chặt chẽ hơn với Fanpage Facebook để thu hút nhiều khách hàng hơn đến với doanh nghiệp của bạn.

Tạo code nhúng Fanpage Facebook

Bước 1: Đăng nhập Facebook trên trình duyệt, sau đó truy cập liên kết sau: //developers.facebook.com/docs/plugins/page-plugin

Bước 2: Tùy chỉnh các thông số hiển thị khung Fanpage Facebook:

Giuseart.com-Chèn-Fanpage-Facebook-vào-website-Wordpress
Nhập các thông số hiển thị khung Comment Facebook

Cụ thể như sau:

URL Trang Facebook: Các bạn copy URL của Fanpage Facebook rồi paste vào khung này. Ai không biết lấy URL của Fanpage thế nào thì coi hình dưới đây:

Giuseart.com-Chen-Fanpage-Facebook-vào-website-Wordpress-đơn-giản
Xem Fanpage rồi copy URL của trang trên thanh địa chỉ của trình duyệt
  • Chiều rộng: Chiều rộng được quy định bằng đơn vị pixel (px). Thường thì mình để trống và lựa chọn “Phù hợp với chiều rộng chứa plugin” để nó tự auto theo vị trí được nhúng
  • Chiều cao: Chiều cao của khung Fanpage trên website. Các bạn nên để tầm 250-350px thôi, để dài quá nó không được đẹp lắm đâu.
  • Sử dụng tiêu đề nhỏ: Facebook sẽ tự động thu nhỏ phần đầu của Fanpage lại trong trường hợp vị trí bạn nhúng trên web không có nhiều diện tích về chiều dọc.
  • Ẩn ảnh bìa: Cho phép ẩn ảnh bìa Fanpage, chỉ để nổi bật nút “Thích trang” mà thôi.
  • Hiển thị khuôn mặt của bạn bè: Nên chọn tùy chọn này vì nhìn khá đẹp và chuyên nghiệp.

Sau khi điền đầy đủ các thông tin khai báo cho khung chứa Fanpage trên website, bạn ấn “Lấy mã” rồi copy toàn bộ đoạn mã nhúng trong tab “Iframe” nhé!

Phần chọn ID ứng dụng các bạn có thể bỏ qua không cần lưu tâm.

Giuseart.com-Lấy-mã-nhúng-Fanpage-Facebook
Copy mã nhúng Fanpage Facebook trong tab Iframe

Chèn mã nhúng Fanpage Facebook vào website

Sau khi đã có mã nhúng rồi, bạn có thể chèn vào bất kỳ vị trí nào trên website để nó hoạt động, miễn sao nó chấp nhận tài liệu HTML là được.

Sau đây mình thử chèn vào cuối Sidebar xem sao nhé!

Truy cập: Giao diện > Widget > Sidebar > Chọn widget Văn bản hoặc HTML tùy chỉnh vào Sidebar.

Giuseart.com-Chèn-khung-thích-trang-Fanpage-Facebook-vào-website
Có 2 widget có thể dễ dàng dùng để nhúng mã Fanpage Facebook vào website là “Văn bản”“HTML tùy chỉnh”
  • Nếu dùng widget “HTML tùy chỉnh” để nhúng Fanpage Facebook vào website thì bạn chỉ việc paste mã nhúng vào khung rồi Save lại là OK.
  • Nếu dùng widget “Văn bản” để nhúng Fanpage Facebook vào website thì bạn phải paste mã nhúng vào tab “Văn bản” nhé!

Sau khi lưu lại thành công, các bạn quay ra trang hoặc bài viết để xem thành quả thế nào nhé!

Giuseart-Liên-kết-Fanpage-Facebook-vao-website-Wordpress
Kết quả thành công sau khi tiến hành chèn Fanpage Facebook vào website WordPress.

Lời kết

Vậy là các bạn đã có thể tự chèn Fanpage Facebook vào website WordPress của mình rồi phải không? Có vấn đề hoặc sự cố gì vui lòng comments để các anh em giúp đỡ nhé!

5/5 - (1 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: NinhBinhWeb là thương hiệu chuyên thiết kế website, thành viên nhỏ xinh của GiuseArt, nếu bạn cần làm website, xem qua các mẫu websitetại đây.

Rất cám ơn bạn đã quan tâm, hy vọng có cơ hội được hợp tác với bạn!

Bài viết mới cập nhật:

Các khóa học thiết kế sáng tạo

Dưới đây là một số khóa học mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Học Corel Draw chuyên nghiệp trong 7 ngày

299.000đPhù hợp cho các bạn học nghề quảng cáo, vì 80% các cơ sở in ấn quảng cáo vẫn dùng Corel Draw để thiết kế và xuất file in.
Nhận mã giảm giá 40% ngay

Logic Và Thực Hành Thiết Kế UI/UX

599.000đPhù hợp cho các bạn học thiết kế website, hiểu về logic và nguyên tắc thiết thiết kế để có giao diện website đẹp
Nhận mã giảm giá 40% - 15 slot cuối

Digital Painting Nhập Môn (Vẽ môi trường)

699.000đHọc Digital Painting là vẽ tranh trên máy tính, sử dụng chuột hoặc bảng vẽ điện tử. Học cái này rất hay, bán file vẽ tốt lắm
Nhận mã giảm giá 40%

Thiết kế Converpt nhân vật trên Photoshop

299.000đPhù hợp cho các bạn bắt đầu học thiết kế nhân vật, hoạt dộng trong lĩnh vực phim hoạt hình 2D hoặc 3D
Nhận mã giảm giá 40%

Adobe Illustrator CC từ cơ bản đến nâng cao

299.000đIllustrator buộc phải học nếu bạn muốn theo mảng thiết kế logo, in ấn khổ lớn xuất file vector không bị mờ
Nhận mã giảm giá 40%

Thiết kế Quảng Cáo bằng phần mềm CorelDraw

570.000đ90% các tiệm quảng cáo in ấn sử dụng Corel Draw, học phần mềm này để thiết kế và xuất file in biển quảng cáo
Nhận mã giảm giá 40%

Thiết kế ấn phẩm truyền thông, bao bì, tem, logo

299.000đ90% các tiệm quảng cáo in ấn sử dụng Corel Draw, học phần mềm này để thiết kế và xuất file in biển quảng cáo
Nhận mã giảm giá 40%

Chinh Phục Adobe Illustrator cùng Thùy Uyên Training

199.000đThùy Uyên là Designer khá nổi tiếng rồi, bạn search Google ra thông tin liền, đang giảm giá tới 40% khóa học nè bạn!
Nhận mã giảm giá 40%

Trở Thành Designer Chuyên Nghiệp

199.000đKhóa học trở thành Designer chuyên nghiệp, giúp bạn nắm bắt được các quy tắc màu sắc, quy chuẩn thiết kế cơ bản
Nhận mã giảm giá 40%

Các khóa học thiết kế website

Dưới đây là một số khóa học mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Thành Thạo Thiết Kế Website Bất Động Sản Bằng WordPress

599.000đPhù hợp cho các bạn bán bất động sản, tự xây dựng một website bất động sản bằng wordpress với chi phí thấp
Nhận mã giảm giá 40% ngay

Thiết Kế Website Bằng WordPress Không Cần Biết Lập Trình

299.000đWordpress là một hệ quản trị nội dung phổ biến, 80% các website đang sử dụng wordpress, nên học nha bạn
Nhận mã giảm giá 40%

Thiết Kế Website Bán Hàng Và Website Tin Tức Wordpress A-Z Nâng Cao

1.900.000đNguyễn Văn Thế là một lập trình viên có tiếng trong giới thiết kế website, khóa học dễ hiểu và giá trị cao
Nhận mã giảm giá 40%

Thiết Kế Website Wordpress Chuẩn SEO Lên TOP Google

499.000đHọc thiết kế website chuẩn SEO đưa từ khóa lên TOP của Google để bán hàng là hướng đi cần thiết
Nhận mã giảm giá 40%

Thiết Kế Website Bán Hàng Chuyên Nghiệp, Chuẩn SEO Cho Người Mới

299.000đNgười mới chưa biết code có thể học khóa này để dựng website kéo thả trực quan
Nhận mã giảm giá 40%

Các khóa học marketing bán hàng

Dưới đây là một số khóa học mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Ứng Dụng AI Phát Triển Bản Thân Không Giới Hạn

199.000đTìm hiểu các công cụ AI hỗ trợ công việc tốt nhất hiện nay, giúp phát triển bản thân, nhân đôi năng suất và thu nhập
Nhận mã giảm giá 40% ngay

Ứng dụng AI và Chatgpt Xây dựng thương hiệu và maketing BĐS

599.000đKhóa học ứng dụng AI để xây dựng thương hiệu và Marketing lĩnh vực Bất động sản rất hay bạn nên học
Nhận mã giảm giá 40%

Kiếm tiền youtube bằng tạo bài hát với Suno AI

299.000đAI Suno giúp bạn tạo một bài hát chỉ với câu lệnh ngôn ngữ tự nhiên, sau đó tạo kênh youtube kiếm tiền
Nhận mã giảm giá 40%

Facebook Coaching - Tự Học Chạy Quảng Cáo Chuyên Nghiệp

399.000đHọc chạy Facebook Ads về bán hàng cũng rất hiệu quả, mục tiêu học để tối ưu chi phí trên tiền quảng cáo
Nhận mã giảm giá 40%

Khóa Học Youtube AI - Thu nhập 1000$ mỗi tháng

198.000đXây kênh youtube và làm nội dung với Ai, thu hút khách xem và kiếm tiền từ Youtube không thể dễ dàng hơn
Nhận mã giảm giá 40%

Thực Chiến Làm Video Reels Facebook Triệu View & Kiếm Tiền

198.000đXây dựng fanpage hoặc trang cá nhân, bật kiếm tiền, dưng video Reels sau đó kiếm tiền với Facebook dễ dàng
Nhận mã giảm giá 40%

Khóa Học Bán Hàng Shopee Từ A-Z: Bí Mật Nghìn Đơn Dễ Dàng

399.000đKhóa học bán hàng trên Shopee từ A-Z, bí quyết của những shop vận hành cả nghìn đơn mỗi tháng
Nhận mã giảm giá 40%

Định Hướng Xây Kênh TikTok - làm video ngắn và kinh doanh

399.000đĐịnh hướng xây kênh TikTok cho các bạn, hướng dẫn làm video ngắn và kinh doanh trên nền tảng TikTok
Nhận mã giảm giá 40%

Youtube MasterClass - Tất tần tật bạn cần biết về cách xây dựng 1 kênh Youtube triệu views

399.000đKinh nghiệm của các chuyên gia để xây dựng một kênh Youtube triệu view kiếm tiền rất dễ
Nhận mã giảm giá 40%