Para crear el diseño de un Pop-up, primero se deberá de crear una imagen .jpg, las dimensiones recomendadas para la imagen son de 440 x 365 px.
Sobre el diseño de la gráfica general, se deberán de crear otros adicionales con mensajes de comportamiento del servicio ClickFono®.
Ejemplo:
Estado Disponible / Dentro de horario
Diseño Pop-up general.
Estado Fuera de Horario
Texto: Estimado cliente, nuestro servicio se encuentra fuera del horario de atención.
Estado Llamada en progreso
Texto: Te estamos llamando.
Estado Ocupado
Texto: Nuestros ejecutivos se encuentran ocupados, favor, intentar más tarde.
Estado Llamada finalizada
Texto: Llamada terminada, gracias por preferirnos.
Estado Deshabilitado
Texto: Nuestro servicio se encuentra momentáneamente fuera de servicio. Servicio No disponible.
Además de diseñar los Pop-up, debemos crear el diseño del botón de llamada. Ejemplo:
El diseño del botón deberá estar por duplicado tal y como lo muestra el ejemplo, siendo el duplicado de abajo ligeramente más claro o más oscuro, para que exista una diferencia al colocar el puntero encima y hacer click. Las dimensiones del alto de la imagen deberán de ser de número par, si no, tendremos un error de visualización. El recomendado es 165 x 66 px (suma de 2 botones de 165 x 33 px).
IMPORTANTE
La imagen para el formulario de contacto no debe tener insertado el botón ni los campos de ingreso de teléfono, pero si debe considerar el espacio para éstos. Cuando ClickFono® configura, inserta éstos elementos sobre la imagen. Como se muestra en el ejemplo anterior.
El Cliente debe indicar los campos que requiere, además del número de área y número de teléfono (campos obligatorios). Puede escoger entre otros campos adicionales como:
Estos campos pueden ser considerados en el campo Text-to-Speech (mensaje automático que escucha el Ejecutivo antes de conectar la llamada con el Cliente final) o para la obtención de campos en un formulario más complejo.
IMPORTANTE
Todos los Pop-ups básico llevan el logo de ClickFono®, adaptado al diseño del Cliente.
Los clientes también tienen la opción de personalizar características de los campos insertos anteriormente en su Pop-up con cierto código usando Javascript, ejemplo:
<script> $j(document).ready(function(){ $j('#firstname').attr('style','font: 13px Arial; width:180px;'); $j('#firstname').attr('placeholder',"Nombre y Apellido"); $j('#lastname').attr('style','font: 13px Arial; width:180px;'); $j('#lastname').attr('placeholder',"Apellido"); $j('#email').attr('style','font: 13px Arial; width:180px;'); $j('#rut').attr('placeholder',"RUT"); $j('#rut').attr('style','font: 13px Arial; width:180px;'); $j('#phonenumber').attr('style', 'font: 13px Arial; width:135px;'); $j('#areacode').attr('style', 'font: 13px Arial; width: 30px;'); $j('#dv_phonenumber > div:nth-child(1)').css('width','35px'); }); </script>
Para mayor información consultar con el Equipo de Soporte a soporte@clickfono.com
Finalmente, el cliente debe definir: