Bạn có muốn chèn nút like hay chèn fanpage vào wordpress không? Đơn giản bạn cần lấy đoạn code từ plugin Facebook fanpage. Sau đó chỉ chèn đoạn code này vào widget hay bất kỳ vị trí nào trên website nào mà bạn muốn. Bạn vẫn còn khá mơ hồ đúng không? Hãy tham khảo hướng dẫn chèn fanpage facebook vào website wordpress, nhúng fanpage facebook vào website nhanh chóng hiệu quả.
Lấy mã nhúng Facebook – Lấy iFrame Facebook
Bước 1: Các bạn truy cập vào Link sau: https://developers.facebook.com/docs/plugins/page-plugin.
Bước 2: Cài đặt Plugin Trang. Bao gồm:
- URL Trang Facebook: Nhập url fanpage mà bạn muốn chèn vào đây.
- Tab: Bạn để nguyên phần này cũng được.
- Chiều rộng: Chọn chiều rộng cho fanpage phù hợp khi hiển thị trên website (đơn vị pixel).
- Chiều cao: Chọn chiều cao cho fanpage khi hiển thị trên website (đơn vị pixel).
Ngoài ra còn có 4 tùy chọn khác mà bạn có thể lựa chọn. Bao gồm:
- Sử dụng tiêu đề nhỏ.
- Ẩn ảnh bìa.
- Phù hợp với chiều rộng vùng chứa plugin.
- Hiển thị khuôn mặt các bạn bè.
Sau khi thực hiện các cài đặt, bạn có thể xem trước mẫu Plugin Trang sẽ hiển thị trên trang sau khi chèn vào website.
- Bước 3: Lấy Mã. Gồm:
-
Chọn vào Lấy mã.
-
Chọn tab IFame.
-
Sau đó bạn Copy đoạn mã này chuẩn bị chèn vào website nhé.
Xem Ngay: Có Cần Mua Fanpage Bán Hàng Không?
Cách chèn fanpage facebook vào website wordpress
-
Bước 1: Truy cập vào admin quản trị website wordpress.
-
Bước 2: Chọn tab Appearance => Chọn mục Widgets.
Tại đây bạn cần phải xác định mình muốn chèn fanpage vào vị trí hiển thị nào trên website wp phù hợp. Ở đây thường thì có 2 vị trí chính bạn nên lựa chọn đó chính là Sitebar hoặc Footer.
Ví dụ: Ở đây mình chọn chèn website vào Sidebar nhé.
- Bước 3: Tại mục Available Widgets, bạn chọn Text => tiếp theo chọn Sidebar => Add Widget.
Nếu chọn chèn fanpage vào footer thì bạn cứ chọn footer là được.
-
Bước 4: Di chuyển Text đến bất kỳ thứ tự nào trên sidebar, nếu bạn muốn chèn bằng cách kéo và thả vào vị trí bạn muốn. Ở đây mình chọn cài fanpage vào website ở vị trí đầu tiên trên sidebar.
-
Bước 5: Dán đoạn mã Plugin Trang vào Text. Gồm các giai đoạn:
-
Nhấp chọn vào Text.
-
Chọn tab Text.
-
Dán đoạn mã Plugin Trang đã copy khi nảy vào ngay.
-
Chọn nút Save.
Ghi chú: Bạn cũng có thể đặt tiêu đề cho Widget này nếu muốn.
- Bước 6: Bây giờ, bạn truy cập website và xem fanpage đã hiển thị trên sidebar chưa nhé.
Như vậy đã nhúng fanpage facebook vào website thành công rồi.
Nhúng Messenger vào website nhanh chóng
Để nhúng Messenger vào website, bạn triển khai các bước sau:
- Truy cập vào trang Facebook và chọn “Cài đặt”.
- Trong menu bên trái, chọn “Tin nhắn”.
- Chọn :”Thêm Messenger” vào trang web của bạn.
- Điền địa chỉ website của bạn vào ô “Địa chỉ trang web”.
- Chọn Lưu.
Facebook sẽ cung cấp cho bạn một đoạn mã JavaScript. Bạn chỉ cần dán đoạn mã vào phần thân của mã HTML trên website của mình.
Minh họa:
HTML
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>My Website</title>
</head>
<body>
<script src=”https://www.facebook.com/sdk.js”></script>
<script>
// Thêm mã JavaScript của Messenger vào đây
</script>
</body>
</html>
Chèn fanpage vào Landing Page thành công
Để chèn fanpage vào Landing Page, bạn triển khai các bước sau:
- Truy cập vào trang Facebook và chọn “Cài đặt”.
- Trong menu bên trái, chọn “Trang”.
- Nhấp vào tên fanpage mà bạn muốn chèn vào Landing Page.
- Chọn Trang web.
- Nhấp vào”Thêm nút vào trang web của bạn”.
- Chọn “Thêm nút Messenger”
- Chọn vị trí mà bạn muốn nút Messenger xuất hiện trên Landing Page.
- Chọn Lưu.
Facebook sẽ cung cấp cho bạn một đoạn mã HTML. Bạn cần dán đoạn mã này vào phần Thân của mã HTML trên Landing Page của mình.
Minh họa:
HTML
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>My Landing Page</title>
</head>
<body>
<img src=”logo.png” alt=”My Website Logo”>
<h1>My Landing Page</h1>
<p>This is my landing page.</p>
</body>
</html>
Khi bạn đã dán đoạn mã JavaScript hoặc đoạn mã HTML vào website, bạn nên lưu lại thay đổi và truy cập website để xem kết quả.
Một số lưu ý:
- Nếu bạn sử dụng mã JavaScript, bạn cần đảm bảo rằng mã này được tải trước khi nút Messenger xuất hiện trên website.
- Nếu bạn sử dụng mã HTML, bạn cần đảm bảo rằng đoạn mã này nằm trong thẻ thân của mã HTML trên website.
Kết luận
Trên đây là chi tiết toàn bộ hướng dẫn cách chèn fanpage vào wordpress. Hi vọng đó sẽ là những thông tin hữu ích dành cho bạn.
Bài Viết Khác