1. Home
  2. Knowledge Base
  3. Several
  4. Freshchat – SmartPlug

Freshchat – SmartPlug

System interaction plugin with smartplug

We provide a base code that each company can adapt to connect Freschat, through smartplug, to the system.

Variables you need to load and replace:

Additionally, you can upload direct payment links with different methods, concatenating the client ID:

Demo code of the system

<!DOCTYPE html>
<!--
anatod ®
-->
<html>
    <head>
        <title>anatod</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <p>anatod ®</p>
        <h5><span id='anatod_cliente'>Client: [searching...]</span></h5>
        <h5><span id='anatod_dni'>DNI: [searching...]</span></h5>
        <h5><span id='anatod_domicilio'>Address: [searching...]</span></h5>
        <h5><span id='anatod_saldo'>Balance: [searching...]</span></h5>
        <h5><a id="anatod_link" href='#' target="_blank">View in system</a></h5>
      
        <script>
            var makeRequest = function() {
            
            let codigoPais=""; //549 PARA ARGENTINA, 34 ESPAÑA ...
            let endpoint=""; //SEGUN SERVIDOR https://docs.ispkeeper.com/reference/inicio
            let key=""; //KEY DEL API
            let urlSistema=''; // EJ: https://testing.ispkeeper.com
            
            
            let phone = $('.phone-field').text().trim(); 
            let cleanedString = decodeURIComponent(phone);
            let regex = new RegExp(codigoPais + ".*");
            let telefonoClean = cleanedString.match(regex)[0];
            let telefono = telefonoClean.replace(codigoPais, "").trim(); 

            
            const settings = {
              url: endpoint+'/clientes?q='+telefono,
              method: 'GET',
              headers: {
                accept: 'application/json',
                'x-api-key': key
              }
            };

            $.ajax(settings).done(function (response) {
             var data=response.data[0];
              $('#anatod_cliente').text('(' + data.cliente_id + ') '+data.cliente_apellido + ' ' + data.cliente_nombre);
              $('#anatod_saldo').text('Saldo: ' + data.cliente_saldo); 
              $('#anatod_dni').text('DNI: ' + data.cliente_dnicuit); 
              $('#anatod_domicilio').text('Domicilio: ' + data.cliente_domicilioreal); 
              $('#anatod_link').attr('href', urlSistema+'/clientes/ver/'+data.cliente_id);
            });
              };
            makeRequest();
         </script> 
    </body>
</html>

Freshchat video for adding smartplug to your system

Updated on 13/02/2025
Was this article helpful?

Related Articles