Thinh Huynh (Huynh Cong Thinh) - Blog

Microsoft MVP, Data Scientist & Cloud Architect

Zopim – Web Chat qua GTalk, MSN, Yahoo, AIM cho blog, website

zopim_logoHô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 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 để đăng kí một account.
Quá trình đăng kí rất đơn giản và nhanh chóng, có yêu cầu check email để nhận password đăng nhập.
Click để phóng to ảnh

Đă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

zopim_login

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…

Click để phóng to ảnh

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:
Click để phóng to ảnh

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…
Click để phóng to ảnh

Chèn code vào blog, website, 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à xong.

Tươ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ả

zopim_test_ok

2 Comments

Post a comment