Crear un diseño


Diseño

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:

  • Nombre
  • Apellido
  • RUT
  • email

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: 

  1. El nombre del Pop-up, puede estar asociado a una Campaña o una Sección, lo que permitirá futuros análisis del comportamiento del servicio.
  2. El Horario de Atención en bloques de:
    1. Lunes a Viernes
    2. Sábado
    3. Domingo
    4. Feriados (abierto o cerrado)
  3. El número de atención traducido para asignarlo al Pop-up.
    1. Número en formato estándar. No son válidos los números 600-1234-567 ó 800-1234-567. Debe ser el número traducido al que apunta ese número. Ejemplo: 56 2 2934 4074