Hola amigos buen dia, si necesitas tener un chat en tu pagina web, te dejo el tutorial de como hacerlo, gratuuitamente y quitando el branding que te pone callbel, para ello sigue los pasos del video y adicionalmente te dejo aqui la guia o el tutorial de como realizarlo paso a paso.

Aqui el video del tutorial y abajo los pasos del tutorial

Ve a https://dash.callbell.eu/settings/widget create un widget y te dara un script para tu web

  1. Copia el codigo que te da pagina
    Tendras algo parecido a esto, checa tu token
<!-- Start of Async Callbell Code -->
<script>
  window.callbellSettings = {
    token: "xYUiQxvByYrLDRhXRpxcdhSg"
  };
</script>
<script>
  (function(){var w=window;var ic=w.callbell;if(typeof ic==="function"){ic('reattach_activator');ic('update',callbellSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Callbell=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://dash.callbell.eu/include/'+window.callbellSettings.token+'.js';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
</script>
<!-- End of Async Callbell Code -->
  1. Pegalo en tu pagina pero cambia https://dash.callbell.eu/include/'+window.callbellSettings.token+'.js por /scripts/chat.js y elimina esta parte del script
<!-- Start of Async Callbell Code -->
<script>
  window.callbellSettings = {
    token: "xYUiQxvByYrLDRhXRpxcdhSg"
  };
</script>

Por lo que solamente pegaras esto en tu pagina

<!-- start of Async Callbell Code -->
<script>
  (function(){var w=window;var ic=w.callbell;if(typeof ic==="function"){ic('reattach_activator');ic('update',callbellSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Callbell=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='/scripts/chat.js';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
</script>
<!-- End of Async Callbell Code -->
  1. Ve a esta pagina de acuerdo a tu token https://dash.callbell.eu/include/xYUiQxvByYrLDRhXRpxcdhSg.js , cambialo para que te de tu codigo personal
  2. veras un codigo, copialo y create un archivo chat.js en tu servidor,en la carpeta de scripts y pega el codigo alli , el cual quedaria asi

/scripts/chat.js

  1. Dentro del codigo cambia la url https://dash.callbell.eu/packs/css/widget.css por /scripts/chat.css
  2. Guarda tu archivo y despues vuelve a crear otro con el nombre chat.css en la carpeta /scripts/ ve a https://dash.callbell.eu/packs/css/widget.css copia todo el codigo y pegalo en /scripts/chat.css
  3. Ahora en el archivo /scripts/chat.css busca y elimina lo siguiente
.callbell-container_powered-by{display:flex;align-items:center;margin-top:6px;margin-bottom:22px;transform:translateX(-5px);font-size:50%;color:#718096}.callbell-container_powered-by>span,.callbell-container_powered-by>svg{margin-right:2px}.callbell-container_powered-by>a{color:#63b3ed;text-decoration:underline}

Elimina esa parte y sustituye todo lo que contenga /packs/ por https://dash.callbell.eu/packs/ guardalo, por lo que quedara asi:

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 1, 2018 */@font-face{font-family:Proxima Nova;src:url(https://dash.callbell.eu/packs/media/images/proximanova-bold-webfont-12411ce10e45c979679deb1dcd90c90e.eot);src:url(https://dash.callbell.eu/packs/media/images/proximanova-bold-webfont-12411ce10e45c979679deb1dcd90c90e.eot?#iefix) format("embedded-opentype"),url(https://dash.callbell.eu/packs/media/images/proximanova-bold-webfont-08b5f8327e1bea912e70725891e274f9.woff2) format("woff2"),url(https://dash.callbell.eu/packs/media/images/proximanova-bold-webfont-c35f46fabfc34d097370d349350e981f.woff) format("woff"),url(https://dash.callbell.eu/packs/media/images/proximanova-bold-webfont-369a9b990ca432b6726940c05e1b9c04.ttf) format("truetype"),url(https://dash.callbell.eu/packs/media/images/proximanova-bold-webfont-d925b2b1f5eec231e45ee737b6469256.svg#proxima_novabold) format("svg");font-weight:400;font-style:600}@font-face{font-family:Proxima Nova;src:url(https://dash.callbell.eu/packs/media/images/proximanova-regular-webfont-9cae4b2952f75c11b8f31ed2fc49e9e5.eot);src:url(https://dash.callbell.eu/packs/media/images/proximanova-regular-webfont-9cae4b2952f75c11b8f31ed2fc49e9e5.eot?#iefix) format("embedded-opentype"),url(https://dash.callbell.eu/packs/media/images/proximanova-regular-webfont-ff8014236d7d30a48e30e1a45bb21cae.woff2) format("woff2"),url(https://dash.callbell.eu/packs/media/images/proximanova-regular-webfont-94ac761dde828fca1230f8d2c4b19218.woff) format("woff"),url(https://dash.callbell.eu/packs/media/images/proximanova-regular-webfont-088c1f9d81bcb34d9a2549ee49f6ce17.ttf) format("truetype"),url(https://dash.callbell.eu/packs/media/images/proximanova-regular-webfont-e775928a5f031e481e3bc7785e9d5557.svg#proxima_novaregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Proxima Nova;src:url(https://dash.callbell.eu/packs/media/images/proximanova-semibold-webfont-17b34575e85c20f972843086cf263145.eot);src:url(https://dash.callbell.eu/packs/media/images/proximanova-semibold-webfont-17b34575e85c20f972843086cf263145.eot?#iefix) format("embedded-opentype"),url(https://dash.callbell.eu/packs/media/images/proximanova-semibold-webfont-fec0a9f2ea06ec7866ecb384a92f60d5.woff2) format("woff2"),url(https://dash.callbell.eu/packs/media/images/proximanova-semibold-webfont-c3c5df9934692949eecfe2bb3a0377c3.woff) format("woff"),url(https://dash.callbell.eu/packs/media/images/proximanova-semibold-webfont-17f038d8a1990124cb4fc22f5aa1691a.ttf) format("truetype"),url(https://dash.callbell.eu/packs/media/images/proximanova-semibold-webfont-b39ee7559b0713aced6e85eee5e8f829.svg#proxima_novasemibold) format("svg");font-weight:700;font-style:normal}html{line-height:1.15}.callbell-container,.callbell-wrapper{display:flex;flex-direction:column}.callbell-container{font-family:Proxima Nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;z-index:2147483000!important;position:absolute!important;bottom:-18px;right:20px;width:80px;height:112px;justify-content:flex-end;align-items:flex-end;-webkit-tap-highlight-color:rgba(255,255,255,0)}.callbell-container.no-branding{bottom:19px}.callbell-container.left-direction{right:auto;left:20px}.callbell-container .dropdown-menu.hidden{visibility:hidden!important}.callbell-container_logo{width:50px;height:50px;cursor:pointer;background:transparent;border-radius:50%;box-shadow:0 3px 12px rgba(0,0,0,.15)}.callbell-container_logo>img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.callbell-container_logo>img.stock{padding:13px;border-radius:0}.callbell-container_integrations{margin-bottom:5px}.callbell-container_integrations .integration{box-shadow:0 3px 12px rgba(0,0,0,.15);border-radius:50%;margin-bottom:10px;width:50px;height:50px;transition:box-shadow .15s linear;background-color:#fff;position:relative}.callbell-container_integrations .integration img{max-width:100%;max-height:100%}.callbell-container_integrations .integration:hover{box-shadow:0 5px 24px rgba(0,0,0,.3)}.callbell-container_popup{padding:20px;margin-bottom:70px;border-radius:2px;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);width:400px;background-color:#fff;z-index:99999}.callbell-container_welcome{box-shadow:0 2px 6px 0 rgba(0,0,0,.4);box-sizing:border-box;background-color:#fff;border-radius:6px;padding:.7rem;position:absolute;bottom:25px;right:0;margin-right:85px;max-width:300px;font-family:Proxima Nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px}.callbell-container_welcome>.message-container{overflow:hidden}.callbell-container_welcome>.message-container.show-scrollbar-on-hover:hover{overflow-y:auto}.callbell-container_welcome:after{display:block;position:absolute;content:"";width:10px;height:10px;right:-10px;bottom:15px;background-color:inherit;transform:translateX(-6px) rotate(45deg);pointer-events:none;box-shadow:2px -2px 2px 0 rgba(0,0,0,.2)}.callbell-container_welcome.left-direction{left:115px;right:auto}.callbell-container_welcome.left-direction:after{left:1px;right:auto;transform:translateX(-6px) rotate(-135deg)}.callbell-container_welcome_dismiss{position:absolute;top:0;height:100%;display:flex;align-items:center;transform:translateX(-30px);width:30px;cursor:pointer}.callbell-container_welcome_dismiss img{transition:opacity .22s ease-in;opacity:.5}.callbell-container_welcome_dismiss:hover img{opacity:.9}

Listo, ya puedes cargar tu pagina y veras que el branding se ha eliminado.

5/5 - (1 voto)