Hướng dẫn Thêm tiện ích chat Messenger vào website

Thành viên năng động
Thấy hay hay nên hướng các bạn nào cần:
B1:
Thêm code js sau vào file header_only.tpl trên thẻ đóng </head>
Code:
<!-- Chat-->
        <script type="text/javascript">document.write(unescape("%3Clink%20rel%3D%22stylesheet%22%20type%3D%22text/css%22%20href%3D%22https%3A//tvmientrung.yeuthucung.com.vn/themes/default/css/livechatnew_sv.css%22%3E%0A%3Cdiv%20class%3D%22lvchatnew_sv%22%3E%0A%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22lvc_sm%20%22%20%3E%0A%09%09%3Ca%20onclick%3D%22ga%28%27send%27%2C%20%27event%27%2C%20%27Chat%27%2C%20%27Click%27%2C%20%27Facebook%27%29%3B%22%20class%3D%22effect%22%20href%3D%22https%3A//www.messenger.com/t/TruongmamnonTuoiHong/%22%20target%3D%22_blank%22%3E%3C/a%3E%0A%09%3C/div%3E%0A%09%3Cdiv%20class%3D%22lvc_mb%22%3E%0A%09%09%3Ca%20class%3D%22dbtn%20kn2bt%20red%20btnda1tv%22%3E%0A%09%09%09%3Cimg%20src%3D%22https%3A//thammyviendonga.vn/css/images/regist-icon.png%22%3EG%u1EEDi%20t%u01B0%20v%u1EA5n%0A%09%09%3C/a%3E%0A%09%09%3Ca%20href%3D%22tel%3A19006499%22%20class%3D%22dbtn%20kn1bt%22%20onclick%3D%22ga%28%27send%27%2C%20%27event%27%2C%20%27Phone%27%2C%20%27Click%27%2C%20%27Hotline%27%29%3B%22%3E%0A%09%09%09%3Cimg%20src%3D%22https%3A//tvmientrung.yeuthucung.com.vn/themes/default/images/call.png%22%3E1900.6499%0A%09%09%3C/a%3E%0A%09%3C/div%3E%0A%3C/div%3E"));</script>
        <!--End Chat-->
B2.
Tải icon:

B3.
Tải css này về cho vào thư mục css theme bạn dang dùng

Lưu ý thay link trong đoạn js
demo:
5.png
 

Attachments

Lần sửa cuối: Hai 2, 2018 lúc 10:11 PM
Thành viên mới
Cài thủ công lên web luôn được không?
 
Thành viên năng động
Bạn up các file theo đúng thư mục, còn đoạn code js thì chèn theo hướng dẫn nhé
 
Thành viên mới
"tvmientrung.yeuthucung.com.vn/themes/default/css/livechatnew_sv.css ..." thay bằng {NV_BASE_SITEURL}themes/shopshare/css/livechatnew_sv.css ...
đúng ko ?
Thanks you
 
Thành viên năng động
Làm thế nào có thể di chuyển nút này ở giao diện mobile giống như nút home ảo của iphone ấy, chứ nó che khuất khó tương tác
 
Thành viên năng động
Làm thế nào có thể di chuyển nút này ở giao diện mobile giống như nút home ảo của iphone ấy, chứ nó che khuất khó tương tác
Làm đúng sẽ như này:
7.png