Replace Zopim with QQ

Issue #178 resolved
Jimmy Chu created an issue

I hate the current limitation of zopim:

  • Could only chat with one person (could use paid plan, but don't want to).
  • I often miss the chat notification, and then the user left, I couldn't contact him back.

Comments (17)

  1. quasimo

    演示: http://code-quasimo.app.cnpaas.io/qq.html

    (具体效果有待改进)

    QQ聊天按钮代码:

    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2909884405&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2909884405:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
    

    一键加群代码:

    <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=54f75458acbb5feca2a8601a8828f8209825538ae4a8b5477f9d84e0d45e4653"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="CNPaaS用户群" title="CNPaaS用户群"></a>
    
  2. quasimo

    可以。我唯一不确定的是css可有改进的空间。我今天做一点点修改,好了我告诉你。

    另外我有一个不是太明确的问题,上面究竟应该放1个qq还是3个qq。

  3. quasimo

    新Q号需要在windows上做一些设置才会直接可以聊天。我等下用另一台机做了再update那些code。

  4. quasimo

    http://code-quasimo.app.cnpaas.io/qq.html

    HTML:

        <button style="position: fixed; bottom: -5px; right: 8%;" type="button" class="btn btn-success" data-toggle="popover" data-placement="top" title="客服在线" data-html="true" data-content='<a style="display:block;margin-bottom:3px" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2817696530&site=qq&menu=yes"><img style="margin:auto" border="0" src="http://wpa.qq.com/pa?p=2:2817696530:41" alt="我有什么能帮上忙吗?" title="我有什么能帮上忙吗?"/></a>     <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=f914b0829caa3872edc17f3cb223bd20e9d3535442092f86cd175ce4d0d256ce"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="CNPaaS用户群" title="CNPaaS用户群"></a><hr style="margin:5px" />
    
            <a href="http://www.mikecrm.com/f.php?t=6IqYQu" target="_blank" class="btn btn-info btn-sm"><span class="glyphicon glyphicon-edit"></span> 离线留言</a><hr style="margin:5px" />
    
            <a href="http://www.cnpaas.io/contact-us/" target="_blank" class="btn btn-warning btn-sm"><span class="glyphicon glyphicon-envelope"></span> 联系我们</a>'><span class="glyphicon glyphicon-question-sign"></span> 点击咨询</button>
    

    JQuery:

            $('[data-toggle=popover]').popover({
              trigger:"click"
            });
    
            $('[data-toggle=popover]').on('click', function (e) {
               $('[data-toggle=popover]').not(this).popover('hide');
            });
    
  5. Log in to comment