Nhúng messenger vào website đơn giản

11/03/2020

Nhúng messenger vào website đơn giản

Nhúng Messenger Facebook vào website là cách để khách hàng hoặc người dùng ghé vào website bạn khi có nhu cầu có thể liên hệ với bạn trực tiếp sang Facebook ( cụ thể là Fanpage ). Tuy nhiên, việc nhúng Messenger Facebook lại khá phức tạp và khó thực hiện với những bạn, anh/chị không rành về code hay công cụ Facebook. Trong bài viết này, tôi sẽ hướng dẫn anh chị và các bạn cách để chúng ta nhúng Messenger Facebook nhanh chóng, dễ dàng và dễ thực hiện.

Lưu ý: chỉ dùng cho Fanpage, không dùng cho trang cá nhân

Để nhúng được Messenger Facebook vào website chúng ta lần lượt nhúng code css ( thẻ style ), code html, và code javascript vào trước thẻ </body>. Trong bài này tôi sẽ nói ngắn gọn và đơn giản để anh chị thực hiện dễ dàng.

Code css:

Lưu ý: code trên tôi mặc định cho Messenger Facebook fix cứng ở góc phải màn hình. Code css phải được nằm trong cặp thẻ <style> </style>
Code html: 

Lưu ý: thay đổi "tenfanpage"  bằng tên fanpage của anh chị. Vd: https://www.facebook.com/nguyenvandinhwebsite/ thì tenfanpage là "nguyenvandinhwebsite"

Cuối cùng bạn chỉ cần thêm javascript cho nó là được

Code javascript

Mọi thắc mắc hoặc cần hỗ trợ bạn có thể comment xuống phía dưới, tôi sẽ hỗ trợ ngay cho bạn

File đầy đủ: Tải về

THEO DÕI THIẾT KẾ LANDINGPAGE TRÊN MẠNG XÃ HỘI