congthinh
16-05-2009, 12:15 AM
Hôm nay mình xin giới thiệu đến các bạn Zopim - Web Chat qua GTalk, MSN, Yahoo, AIM cho blog, website. Giống như bài viết về Plugoo (http://blog.congthinh.info/2007/08/08/200.hct) khá lâu trước đây, Zopim cũng là một tiện ích khá hay và thú vị về webchat có thể gởi tin nhắn tới tài khoản GTalk, MSN, Yahoo và AIM.
Đăng kí account
Đầu tiên là vào trang web của Zopim (http://zopim.com/) để đăng kí một account.
Quá trình đăng kí rất đơn giản và nhanh +++ng, có yêu cầu check email để nhận password đăng nhập.
http://congthinh.info/wp-content/uploads/2009/05/zopim_reg.png (http://congthinh.info/wp-content/uploads/2009/05/zopim_reg.png)
Đăng nhập tài khoản để quản lí
Check email để lấy mật mã, sau đó đến phần login vào trang quản lí: http://desktop.zopim.com (http://desktop.zopim.com/)
http://congthinh.info/wp-content/uploads/2009/05/zopim_login.png
Chat panel của Zopim trên website, blog
Đến phần tùy chỉnh cho Zopim trên trang web của mình. Bao gồm:- Vị trí xuất hiện (phía dưới bên phải hoặc phía dưới bên trái).
- Nội dung trong Chat Panel khi bạn online, offline, away…
http://congthinh.info/wp-content/uploads/2009/05/zopim_cus.png (http://congthinh.info/wp-content/uploads/2009/05/zopim_cus.png)
Phần thiết lập account GTalk, MSN, Yahoo, AIM
Đơn giản và dễ hiểu, ta nhập các account GTalk, MSN, Yahoo, AIM vào để verify các robot, chỉ cần nhập một cái trong số chúng, ví dụ như Yahoo như trên hình:
http://congthinh.info/wp-content/uploads/2009/05/zopim_im.png (http://congthinh.info/wp-content/uploads/2009/05/zopim_im.png)
Sau khi add account vào và lưu lại thì ngay lập tức sẽ có vài robot của Zopim tự động add nick của mình, ví dụ cho nick yahoo sẽ có: zopimcontrolbot, zopimchatbot1, zopimchatbot2, zopimchatbot3
Thiết lập âm thanh cho Zopim Webchat
Đây là phần cài đặt âm thanh khi có một khách mở Chat panel, gởi tin nhắn với mình…
http://congthinh.info/wp-content/uploads/2009/05/zopim_voice.png (http://congthinh.info/wp-content/uploads/2009/05/zopim_voice.png)
Chèn code vào blog, forum
Quay lại phần: Embed widget on my site
Với site thông thường:
Copy đoạn code được sinh ra và chèn vào trước tag </body> trong code.Với Blog Wordpress (áp dụng cho đa số themes):
Edit file footer.php hoặc end.php hoặc file nào chứa đoạn mã kết thúc trang </html> của themes.
Chèn vào trước tag </body> trong file này.Với Forum vBulletin:
Vào AdminCP
Styles & Templates > Style Manager
Chọn Templates cần Edit
Edit template FORUMHOME
Kéo xuống dưới dùng và chèn đoạn code trước </body> của template này
Save lại là xongTương tự cho các code khác với kiểu themes khác, có gì thắc mắc để lại reply ở dưới để được hướng dẫn. ;)
… và kết quả
http://congthinh.info/wp-content/uploads/2009/05/zopim_test_ok.png
Demo: http://congthinh.info
Nguồn: của tui :D
Đăng kí account
Đầu tiên là vào trang web của Zopim (http://zopim.com/) để đăng kí một account.
Quá trình đăng kí rất đơn giản và nhanh +++ng, có yêu cầu check email để nhận password đăng nhập.
http://congthinh.info/wp-content/uploads/2009/05/zopim_reg.png (http://congthinh.info/wp-content/uploads/2009/05/zopim_reg.png)
Đăng nhập tài khoản để quản lí
Check email để lấy mật mã, sau đó đến phần login vào trang quản lí: http://desktop.zopim.com (http://desktop.zopim.com/)
http://congthinh.info/wp-content/uploads/2009/05/zopim_login.png
Chat panel của Zopim trên website, blog
Đến phần tùy chỉnh cho Zopim trên trang web của mình. Bao gồm:- Vị trí xuất hiện (phía dưới bên phải hoặc phía dưới bên trái).
- Nội dung trong Chat Panel khi bạn online, offline, away…
http://congthinh.info/wp-content/uploads/2009/05/zopim_cus.png (http://congthinh.info/wp-content/uploads/2009/05/zopim_cus.png)
Phần thiết lập account GTalk, MSN, Yahoo, AIM
Đơn giản và dễ hiểu, ta nhập các account GTalk, MSN, Yahoo, AIM vào để verify các robot, chỉ cần nhập một cái trong số chúng, ví dụ như Yahoo như trên hình:
http://congthinh.info/wp-content/uploads/2009/05/zopim_im.png (http://congthinh.info/wp-content/uploads/2009/05/zopim_im.png)
Sau khi add account vào và lưu lại thì ngay lập tức sẽ có vài robot của Zopim tự động add nick của mình, ví dụ cho nick yahoo sẽ có: zopimcontrolbot, zopimchatbot1, zopimchatbot2, zopimchatbot3
Thiết lập âm thanh cho Zopim Webchat
Đây là phần cài đặt âm thanh khi có một khách mở Chat panel, gởi tin nhắn với mình…
http://congthinh.info/wp-content/uploads/2009/05/zopim_voice.png (http://congthinh.info/wp-content/uploads/2009/05/zopim_voice.png)
Chèn code vào blog, forum
Quay lại phần: Embed widget on my site
Với site thông thường:
Copy đoạn code được sinh ra và chèn vào trước tag </body> trong code.Với Blog Wordpress (áp dụng cho đa số themes):
Edit file footer.php hoặc end.php hoặc file nào chứa đoạn mã kết thúc trang </html> của themes.
Chèn vào trước tag </body> trong file này.Với Forum vBulletin:
Vào AdminCP
Styles & Templates > Style Manager
Chọn Templates cần Edit
Edit template FORUMHOME
Kéo xuống dưới dùng và chèn đoạn code trước </body> của template này
Save lại là xongTương tự cho các code khác với kiểu themes khác, có gì thắc mắc để lại reply ở dưới để được hướng dẫn. ;)
… và kết quả
http://congthinh.info/wp-content/uploads/2009/05/zopim_test_ok.png
Demo: http://congthinh.info
Nguồn: của tui :D