Portal Presupuestos - SageCRM

En esta entrada veremos un ejemplo de lo que se puede hacer si juntamos ASP.NET MVC + jqGrid + Los WebServices de SageCRM

La idea es crear un Portal Web que se acceda con un usuario/password de SageCRM y se pueda crear un presupuesto de una manera mucho más ágil de lo que te permite SageCRM.

Para ello, crearemos un borrador de presupuesto que rellenaremos sin tener que acceder a SageCRM, y cuando lo tengamos completado lo crearemos en SageCRM. Posteriormente desde el mismo portal podremos imprimir el Presupuesto en formato PDF.

 

Fusion Charts en Cuadro de Mandos Interactivo de SageCRM (II)

Ya vimos en otro post como crear gráficos más avanzados dentro de nuestro cuadro de mandos mediante desarrollo y la librería de FusionCharts.

En esta ocasión, vamos a ver cómo crear gráficos más complejos (comparativos multibarra, con drill-down)

Se muestra la comparativa de la facturación de X3 entre el año anterior y el año actual de las facturas de las empresas que tenga acceso el usuario. Solamente se tendrán en cuenta las facturas de las empresas que el usuario tenga acceso a visualizar.

Para ello primero hemos tenido que crear una vista que una las tablas de Facturas de Sage X3 contra las tablas de empresa del CRM (relacionado por el campo código de cliente). En nuestro caso la hemos llamado “vZSINVOICED”

En nuestra página asp, que llamaremos desde nuestro cuadro de mandos, hemos añadido la llamada a la librería de FusionCharts.js, y hemos insertado un script que se actualiza en tiempo de ejecución mediante código incrustado asp.

SageCRM - Desplegables encadenados con SDATA

Con este ejemplo voy a mostrar cómo gracias a la nueva API de Cliente y el método SDATA podemos desarrollar campos desplegable encadenados, es decir, crear un campo desplegable que muestre unos valores dependiendo del valor seleccionado en otro campo.

Esta funcionalidad antiguamente ya la podíamos obtener,  pero en “hard-code” mediante javascript, ya que podíamos escribir directamente los valores del elemento SELECT, dependiendo del valor seleccionado en otro desplegable. Esto tenía el principal problema que era muy poco mantenible, ya que si se añadían nuevos valores al segundo desplegable, se tenía que volver a modificar el script del desarrollo.

Con esta nueva solución no tendremos este problema, ya que mediante SDATA obtenemos los valores que necesitamos mostrar “directamente” de la base de datos, y los escribiremos dentro del objeto SELECT dependiendo del valor que hayamos seleccionado en el primer desplegable.

Para nuestro ejemplo hemos creado dos campos (“tipo de caso” y “subtipo de caso”).

SageCRM - Client Side API - Método SDATA

En este ejemplo vamos a utilizar el método sdata de la API de Cliente de CRM,  con el que a través de un script de cliente haremos una consulta sobre la base de datos para obtener el valor de un registro.

En este ejemplo en concreto lo que queremos es obtener el coste y el margen en una línea de un pedido.

Fusion Charts en Cuadro de Mandos Interactivo de SageCRM (I)

Fusion Charts

Fusión Charts es una librería JavaScript que nos permite crear gráficos/mapas mediante datos serializados en JSON o XML. Además utiliza HTML5 que nos permitirá poder visualizar estos gráficos desde dispositivos móviles y navegadores multiplataforma.
Con Fusion Charts también podremos crear gráficos más complejos dónde incluso podremos hacer "drill down"

Fusion Charts en SageCRM 
SageCRM incluye esta librería a partir de la versión de SageCRM 7.1,
Esto nos permitía tener gráficos (generados a través de los informes) animados e interactivos y visibles desde los dispositivos móviles.

A continuación veremos cómo podemos crear gráficos mediante desarrollo y páginas personalizadas, "inyectando" nosotros los valores que queremos visualizar. Obtenidos a través de la CRM COM API.

Permisos Pestaña Biblioteca SageCRM

En SageCRM tenemos una entidad llamada biblioteca, dónde podemos adjuntar cualquier tipo de documentación.

Además esta documentación podrá ir vinculada a cualquier otra entidad (Empresa, Persona, Incidencia...)

Los documentos de la biblioteca pueden estar en borrador o en estado final (un documento en estado borrador nos permitirá modificarlo directamente en SageCRM).

El problema lo encontramos cuando queremos restringir ciertos documentos a ciertos usuarios. 

Debido a que la entidad de Biblioteca no es una entidad "Principal" no podemos asignar permisos sobre ella.

Aún así, aquí traigo una solución a este problema. Solamente necesitamos hacer 4 cosas: 

Portal TeleMarketing enlazado con SageCRM

Se ha creado un portal Web (mediante ASP.NET MVC) enlazado con SageCRM ( a través de los WebServices de SageCRM).


El objetivo de este portal es hacer llamadas a clientes para conseguir visitas para los comerciales, de una manera más agil de la que nos proporciona SageCRM.

Requerimientos

• Habilitar los WebServices de SageCRM
• Marcar en la Entidad Usuarios de SageCRM que usuarios tendrán acceso al portal de TeleMarketing
• Marcar en la Entidad Empresas, que usuarios de telemarketing podrán acceder a esta empresa.
• Crear campos específicos para el proyecto dentro de la Entidade Empresa (target, estado de telemarketing, teleoperador asignado, ...), y dentro de la Entidad Comunicación (tipo de respuesta, motivo no interesado, motivo no llamar, datos de la visita...)

SageCRM - Novedades Versión 7.2 para Desarroladores

A continuación mostraré las novedades que incorpora  SageCRM 7.2 con lo que respecta a los desarrolladores de SageCRM.

1. Eliminación de los frames en la distribución de la pantalla
2. Uso de campos Identidad dentro de SQL Server (ya no se usará la tabla SQL_Identity)
3. La nueva API Cliente de SageCRM
4. Posibilidad de crear librerías JavaScript compartidas para su uso dentro de SageCRM

SageCRM - Pasar Contacto a Contacto

OBJETIVO – PASAR CONTACTO A CONTACTO

SageCRM permite hacer una búsqueda de empresas pero no permite pasar de empresa a empresa de una manera fácil.

Actualmente, desde la pantalla de búsqueda se puede abrir una nueva pestaña para cada una de las empresas, con el inconveniente que cada nueva pestaña implica un nuevo proceso de IExplore que recarga el uso del CRM. Además al trabajar en varias pestañas a la vez tenemos la posibilidad de interactuar con varias empresas a la vez y esto causa desajustes en los resultados del CRM.

El objetivo es conseguir que desde la pantalla personalizada de “resumen Total” de la empresa se pueda pasar contacto a contacto hacia adelante y hacia atrás manteniendo la selección de la búsqueda realizada.

SageCRM - Ocultar Campos

Uno de los scripts que más vamos a utilizar en SageCRM es el script de ocultar campos según los valores de otros campos.

Como ya hemos visto en otros posts, esto lo podemos hacer con JavaScript “puro” o desde la versión 7.1 SP2 con jQuery.

En este ejemplo vamos a ver como mostrar/ocultar un campo de una comunicación según el valor del tipo de comunicación.

Si lo hacemos con JavaScript puro veremos que necesitamos más líneas de código y necesitamos verificar el navegador del cliente.

En ambos casos, el script lo definiremos dentro del “script de contenido personalizado” de la pantalla correspondiente.

jQuery en SageCRM - AutoComplete

En un post anterior empezamos a hablar de jQuery dentro de SageCRM y de las posibilidades y potencia que jQuery nos da. Una de las posibilidades que tenemos con jQuery es el uso de plugins ya creados. En este post hablaremos de cómo implementar un plugin de jQuery en SageCRM, en concreto el plugin de autocomplete.

En SageCRM existen varios tipos de campos de selección (Desplegable Simple, Desplegable MultiSelección o incluso existe la posibilidad de crear un campo de búsqueda avanzada sobre una entidad). Aun así, muchas veces nos encontramos con la necesidad de querer un campo desplegable que se auto-rellene según los valores que vamos introduciendo. 

Gracias a el plugin jQuery de autocomplete esto es posible como muestro a continuación.

jQuery en SageCRM - Eventos

Ya hemos visto que en SageCRM podemos utilizar jQuery. 

En este post voy a mostrar cómo se implementan  los métodos jQuery de los eventos de ratón y eventos de teclado.
 

Para ello realizaré algunos ejemplos que nos pueden ser de utilidad en nuestro día a día, en implementaciones de SageCRM:

1.     Mostrar Tooltip al entrar en un campo (mouseenter y mouseleave)
2.     Restringir la longitud de un campo, que esté comprendida entre 3 y 6 (focusout)
3.     Modificar la etiqueta de un campo al presionar una tecla dentro del campo (keypress)
4.     Animación de una etiqueta al clickar en el campo (click, fadein, fadeout)

jQuery en SageCRM

SageCRM es una herramienta que nos permite varios tipos de personalización, tanto a nivel de bloques del propio CRM, como con ASP Clásico o con dlls en .NET.

Además, como SageCRM es una aplicación Web, nos permite mediante JavaScript agregar funcionalidades directamente sobre el navegador (client-side). 

La novedad la encontramos a partir de la versión SageCRM 7.1 SP2, ya que incorpora las librerías de jQuery. Esto nos permite obtener toda la potencialidad de jQuery dentro de SageCRM sin tener que referenciar a su librería.

Esta librería la podemos encontrar dentro de la carpeta de instalación “CRM\WWWRoot\jQuery”.

Y si miramos el código fuente de la página principal de SageCRM, veremos que el propio SageCRM ya referencia estas librerías.

<script type="text/javascript" src="/CRM/jQuery/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="/CRM/jQuery/jquery-ui-1.8.16.custom.min.js"></script>

<script type="text/javascript" src="/CRM/jQuery/crmPopup.js"></script>

SageCRM – Campos Teléfono (II)

Después de comentar en la entrada “SageCRM - Campos Teléfono (I)” que mediante “javascript” se podían manipular campos “especiales”  (como son los teléfonos y los emails), se me ocurrió mostrar mediante la misma “técnica” y “tecnología”, como se pueden formatear los teléfonos para que siempre se entren y se visualicen de la misma manera. 

En este ejemplo, mostraré los teléfonos separados de 3 en 3, como muestro a continuación:

666 666 666

SageCRM – Campos Teléfono (I)

Como ya sabréis SageCRM es un CRM de Sage, y como tal nos ayudará a fidelizar clientes y aumentar la productividad de la empresa, tanto en las nuevas ventas como en la automatización de procesos.

SageCRM nos permite crear personalizaciones tanto desde el propio software, como desde desarrollos personalizados (asp clásico y .net), aun así, hay muchas pantallas encapsuladas directamente en la dll del software que no permiten ser personalizadas.

En estos casos, gracias a que SageCRM es una aplicación web, la única alternativa que tenemos es hacer estas modificaciones mediante “javascript”, ya que es un lenguaje de programación interpretado, pensado para poder  desarrollar y personalizar funcionalidades directamente sobre el navegador (en el client-side).