Advertisement
ymeiner

chat button sf

Mar 31st, 2015
239
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.49 KB | None | 0 0
  1. <script type='text/javascript' src='https://c.la5cs.salesforceliveagent.com/content/g/js/31.0/deployment.js'></script><script type='text/javascript'>
  2. liveagent.init('https://d.la5cs.salesforceliveagent.com/chat', '572L00000008ONP', '00DL0000005rTtC');
  3. </script>
  4. <p><a class="online-link" href="javascript://Chat" id="liveagent_button_online_573L0000000Casm" onclick="liveagent.startChat('573L0000000Casm')" style="display: none;"><i class="fa fa-comment fa-3x">&nbsp;</i><span class="text">Chat With Us</span></a></p>
  5.  
  6. <div id="liveagent_button_offline_573L0000000Casm" style="display: none;"><a class="offline-link" href="/contact/contact.html"><i class="fa fa-comment fa-3x">&nbsp;</i><span class="text">Contact Us</span></a></div>
  7. <script type="text/javascript">
  8. if (!window._laq) { window._laq = []; }
  9. window._laq.push(function(){liveagent.showWhenOnline('573L0000000Casm', document.getElementById('liveagent_button_online_573L0000000Casm'));
  10. liveagent.showWhenOffline('573L0000000Casm', document.getElementById('liveagent_button_offline_573L0000000Casm'));
  11. });</script>
  12. <style type="text/css">#block-block-138 {
  13.     position: fixed !important;
  14.     box-shadow: none !important;
  15.     bottom: 11px;
  16.     right: 0;
  17.     width: 82px !important;
  18.     background: none !important;
  19.     padding: 20px 0 20px 20px !important;
  20.     z-index: 500;
  21.     -webkit-transition: width 0.25s;
  22.     transition: width 0.25s;
  23. }
  24. #block-block-138:hover{
  25.     width: 225px !important;
  26. }
  27.  
  28. #block-block-138 a.online-link,
  29. a.offline-link{
  30.     display: block;
  31.     width: 190px;
  32.     background: #1F91BC;
  33.     text-shadow: 1px 1px rgba(255,255,255,0.2);
  34.     text-transform: uppercase;
  35.     padding: 15px 10px 15px 15px;
  36.     font-size: 1.3em;
  37.     text-decoration: none;
  38.     color: white;
  39.     text-shadow: -1px -1px rgba(0,0,0,0.3), 1px 1px rgba(255,255,255,0.3);
  40.     margin-bottom:15px;
  41.     margin-left:5px;
  42.     height: 45px;
  43.     line-height:45px;
  44. }
  45. #block-block-138 a.online-link,
  46. a.offline-link{
  47.   margin-left:0;
  48. }
  49. #block-block-138 a.online-link{
  50.     background: #FEA204;
  51.     color: #414042;
  52. }
  53. #block-block-138 a:active{
  54.   background: rgb(255,214,94);
  55. }
  56. #block-block-138 a i.fa{
  57.     margin-right: 1px;
  58.     float: left;
  59.     line-height: 1em;
  60.     text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
  61.     width:58px;
  62.     vertical-align:middle;
  63. }
  64. #block-block-138 a span.text{
  65.     display: block;
  66.     overflow: hidden;
  67.     vertical-align:middle;
  68. }
  69. #block-block-138 p{
  70.  margin:0;
  71. }
  72. </style>
  73. <script type="text/javascript">
  74. liveagent.setChatWindowHeight(435);
  75. liveagent.setChatWindowWidth(500);
  76. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement