Tổng hợp Code hỗ trợ trực tuyến đẹp cho Website

Khu vực hỗ trợ trực tuyến là rất quan trọng đối với một Website bán hàng hay Website cung cấp dịch vụ. Khi khách hàng vào web có nhu cầu muốn chat với nhân viên tư vấn sản phẩm dịch vụ nên chúng ta cần trang trí khu vực này sao cho hấp dẫn người dùng. Hôm nay Web hướng dẫn xin chia sẻ đến bạn đọc một số code hỗ trợ trực tuyến như Yahoo, Skype… hoặc một số công cụ hỗ trợ tốt công việc này. Lưu ý là code này tương thích với tất cả CMS như WordPress,Joomla, Xenforo hoặc PHP, Blogger…

Hướng dẫn sử dụng: Đối với những code hỗ trợ trực tuyến bạn chỉ việc Coppy code đó và sữa lại những nick Yahoo hay Skype trong Code thành của bạn và pass vào bất cứ đâu bạn muốn hiển thi. Code nào có khác thì mình sẽ hướng dẫn chi tiết ngay tại đó

1. Code hỗ trợ trực tuyến Yahoo và Skye (Demo1)

Demo Code hỗ trợ trực tuyến Yahoo và Skype

<center><a href="ymsgr:sendim?huuphibm" mce_href="ymsgr:sendim?osika2011" rel="nofollow" border="0"><img src="http://opi.yahoo.com/online?u=osika2011&t=1" mce_src="http://opi.yahoo.com/online?u=osika2011&t=1"></a>

<a href="ymsgr:sendim?hongtam_30" mce_href="ymsgr:sendim?hongtam_30"  rel="nofollow" border="0"><img src="http://opi.yahoo.com/online?u=hongtam_30&t=1" mce_src="http://opi.yahoo.com/online?u=hongtam_30&t=1"></a>

<a href="ymsgr:sendim?osika2011" mce_href="ymsgr:sendim?osika2011"  rel="nofollow" border="0"><img src="http://opi.yahoo.com/online?u=osika2011&t=1" mce_src="http://opi.yahoo.com/online?u=ntphuong93&t=1"></a>

<br/>

<a href="skype:tinhprua123?chat"><img src="http://tandangquang.com/images/icon_sky.png" width="60" height="27" border="0" title="Nguyen Huu Phi"/></a></td>

<a href="skype:tinhprua123?chat"><img src="http://tandangquang.com/images/icon_sky.png" width="60" height="27" border="0" title="Nguyen Huu Phi"/></a></td>

<a href="skype:tinhprua123?chat"  rel="nofollow"><img src="http://tandangquang.com/images/icon_sky.png" width="60" height="27" border="0" title="Nguyen Huu Phi"/></a></td><br/>

Hotline: <font color="red"><b>091 8283 549</b></font>

</center>

-------------------------------------------------------------------------------------------------------------------------------

2. Code hổ trợ trực tuyến Yahoo

Code hỗ trợ trực tuyến Yahoo

<a href="ymsgr:sendim?Nick_Của_Bạn" mce_href="ymsgr:sendim?Nick_Của_Bạn" border="0">

<img src="http://opi.yahoo.com/online?u=Nick_Của_Bạn&t=13" mce_src="http://opi.yahoo.com/online?u=Nick_Của_Bạn&t=13">

</a>

Bạn chú ý số t=13 trong đoạn code trên đó là những icon của Yahoo bạn có thể thay đổi sao

cho phù hợp với sở thich của bạn từ 1-16

-------------------------------------------------------------------------------------------------------------------------------

3. Box hỗ trợ trực tuyến chuyên nghiệp

Đây là Box hỗ trợ trực tuyến khá đẹp đầy đủ và chuyển nhiệp, code hỗ trợ này được nhiều người dùng nhất

• Ảnh đại diện
• Thông tin liên hệ
• Số điện thoại liên hệ
• Email..
• Tích hợp buton skype, yahoo hiển thị dạng online/Offline..

Code box hỗ trợ trực tuyến chuyên nghiệp

<div class='boxhohokythuat'><ul><li><div class='avatar-hotrokt'><a href='ymsgr:sendim?osika2011&m=Chào bạn, tôi muốn tư vấn du học' title='Chát cùng Đình Tỉnh'><img alt='Đình Tỉnh' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKf8DccvsmGlPHiCoJnTK0sUZG36B9SGgBYtPQmEF5veJ8qsM5u44HOef8U2HOzhKcZs3w71jt5AbHi1ljavpi_iiR8r6WjQoNyawkZibbrQkVwYmnFej0odZFOPOm3kaQ8_L9vOZxqKBK/s0/0001455718_w76.png'/></a></div><div class='info-hotrokt'><p>Tư vấn - <span>Đình Tỉnh</span></p><p>Call: 0947.338.656</p><p>dt@tandangquang.com</p><p><a class='mar-right' href='skype:tinhprua123?chat' title='Chát cùng Đình Tỉnh'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Cfu4Ts-gh7aH8as9RRS0zAHgWwBPGbRX1z9ijZqDAW4X8vZQgHjnth44_xdkpRb8hPF_qjLgrA4uFpagbSMdkYatsgPCrw2Twhwdjv1CVylT-fKWOLMwDNAJQ-7suw5Hthevxm8W7fgb/s0/skype-icon.png' style='float: left;margin-right: 10px;'/>  </a><a href='ymsgr:sendim?osika2011&m=Chào bạn, tôi muốn tư vấn về du học...'><img alt='Dinh Tinh' border='0' src='http://opi.yahoo.com/online?u=osika2011&m=g&t=1&l=us'/></a></p></div></li>

<li><div class='avatar-hotrokt'><a href='ymsgr:sendim?osika2011&m=Chào bạn, tôi muốn tư vấn du học' title='Chát cùng Hữu Phi'><img alt='Hữu Phi' src='http://webhuongdan.com/wp-content/uploads/2015/05/avatar-dinh-tinh.png'/></a></div><div class='info-hotrokt'><p>Tư vấn - <span>Mr.Phi</span></p><p>Call: 0918.283.549</p><p>nhphi@tandangquang.com</p><p><a class='mar-right' href='skype:tinhprua123chat'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Cfu4Ts-gh7aH8as9RRS0zAHgWwBPGbRX1z9ijZqDAW4X8vZQgHjnth44_xdkpRb8hPF_qjLgrA4uFpagbSMdkYatsgPCrw2Twhwdjv1CVylT-fKWOLMwDNAJQ-7suw5Hthevxm8W7fgb/s0/skype-icon.png' style='float: left;margin-right: 10px;'/>  </a><a href='ymsgr:sendim?osika2011&m=Chào bạn, tôi muốn nhờ bạn giúp về du học...'><img alt='Dinh Tinh' border='0' src='http://opi.yahoo.com/online?u=osika2011&m=g&t=1&l=us'/></a></p></div></li>

<li><div class='avatar-hotrokt'><a href='ymsgr:sendim?osika2011&m=Chào bạn, tôi muốn tư vấn du học...'><img alt='Đình Tỉnh' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKf8DccvsmGlPHiCoJnTK0sUZG36B9SGgBYtPQmEF5veJ8qsM5u44HOef8U2HOzhKcZs3w71jt5AbHi1ljavpi_iiR8r6WjQoNyawkZibbrQkVwYmnFej0odZFOPOm3kaQ8_L9vOZxqKBK/s0/0001455718_w76.png'/></a></div><div class='info-hotrokt'><p>Tư vấn - <span>Ms.Phương</span></p><p>Call: 0986.200.834</p><p>ntphuong@tandangquang.com</p><p><a class='mar-right' href='skype:tinhprua123?chat'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Cfu4Ts-gh7aH8as9RRS0zAHgWwBPGbRX1z9ijZqDAW4X8vZQgHjnth44_xdkpRb8hPF_qjLgrA4uFpagbSMdkYatsgPCrw2Twhwdjv1CVylT-fKWOLMwDNAJQ-7suw5Hthevxm8W7fgb/s0/skype-icon.png' style='float: left;margin-right: 10px;'/>  </a><a href='ymsgr:sendim?osika2011&m=Chào bạn, tôi muốn tư vấn du học'><img alt='Dinh Tinh' border='0' src='http://opi.yahoo.com/online?u=osika2011&m=g&t=1&l=us'/></a></p></div></li>

</ul></div><style>div.boxhohokythuat {float: left;width: 100%;}div.boxhohokythuat li{list-style: none;float: left;width: 313px;margin-bottom: 15px;}div.boxhohokythuat ul {margin: 0;padding: 0;}div#boxlienhehotrokt {float: left;width: 100%;overflow: hidden;}div.avatar-hotrokt {float: left;width: 110px;overflow: hidden;height: 99px;background: url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga21fRu9N8uzXGcWigaQRqVWBfMtzeTnF6BDpPzvlGSzi1P5hYqds9HN-SZJQlGzRY94LxKSg9j34-xmYDLE3WtcopVdefBf1W81xseA75B0Za5472CI1Jt0sN6CsTJIJZfdCVFmdYV-gT/s0/bg_avatar.png) no-repeat;position: relative;}div.avatar-hotrokt img {float: left;margin-left: 13px;margin-top: 12px;width: 75px;height: 75px;border-radius: 100%;overflow: hidden;}div.info-hotrokt p {font: 13px arial;color: #333;margin: 0;padding: 0;line-height: 22px;}div.info-hotrokt span {color: #f55438;}</style>

-------------------------------------------------------------------------------------------------------------------------------

4. Code hỗ trợ trực tuyến số điện thoại

Code này đơn giản cho bạn nào thích chỉ hiển thị số điện thoại, cột sống điện thoại là ảnh động sẽ tạo sự sinh động cho Website bạn.

<div style="padding-left:5px;border-radius:9px;border:1px #55a solid">

<div class="widget-content">

<ul style="color:#55a800;font:18px Times;padding:12px 9px 12px 30px;line-height:1.9">

<img alt="Hotline" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pfTUUD9UvU4q9oQTB_HTnHBLHJB4zfPuod7PwZNRnCxdj1RCepKMxydwkQqHV46k9pSYyXF0EEMWAPQgFZs1X0YGCe_9Tk41QqouChVQYbKvnOG_wbbrI8DTrNAyFRJXJLtULfj6nOax/s320/contact.gif" style="margin-top:5px"> <span style="font-weight:bold;font-size:29px;color:#F00078"> 0932.171.189</span></li>

<li></li></ul>

<ul style="color:#55a800;font:18px Times;padding:12px 9px 12px 30px;line-height:1.9">

<img alt="Hotline" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pfTUUD9UvU4q9oQTB_HTnHBLHJB4zfPuod7PwZNRnCxdj1RCepKMxydwkQqHV46k9pSYyXF0EEMWAPQgFZs1X0YGCe_9Tk41QqouChVQYbKvnOG_wbbrI8DTrNAyFRJXJLtULfj6nOax/s320/contact.gif" style="margin-top:5px"> <span style="font-weight:bold;font-size:29px;color:#F00078"> 0934.084.579</span></li>

<li></li></ul>

<ul style="color:#55a800;font:18px Times;padding:12px 9px 12px 30px;line-height:1.9">

<img alt="Hotline" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pfTUUD9UvU4q9oQTB_HTnHBLHJB4zfPuod7PwZNRnCxdj1RCepKMxydwkQqHV46k9pSYyXF0EEMWAPQgFZs1X0YGCe_9Tk41QqouChVQYbKvnOG_wbbrI8DTrNAyFRJXJLtULfj6nOax/s320/contact.gif" style="margin-top:5px"> <span style="font-weight:bold;font-size:29px;color:#F00078"> 0909.300.141</span></li>

<li></li></ul>

</div>

</div>
-------------------------------------------------------------------------------------------------------------------------------

Mình sẽ tiếp tục Update những code hỗ trợ trực tuyến ở bài này bạn có thể quay lại sau để cập nhật thêm nhé

Update……….

Chia Sẽ Bài Viết Này Lên Facebook Share on Twitter

+

-