Crear un diseño

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
    • Related Articles

    • Crear un Formulario (Popups)

      Para vincular ClickFono al producto/servicio desde su sitio web, necesitamos generar el código del botón Widget que insertarás en él. Los pasos son los siguientes: Dar Click en Nuevo Popup. Asignar un nombre al Popup, Asignar un diseño que ya esté ...
    • Crear o editar un Agente (teléfono)

      En este articulo, indicaremos como cambiar o agregar un agente (teléfono). Primero debes ingresar al portal Admin ClickFono, con un usuario que tenga privilegios Admin. Si no tiene una cuenta Admin, comuníquese con su encargado TI o solicítela a ...
    • Asignar un Agente (teléfono) a un Popup

      En este articulo, indicaremos como cambiar un Agente (teléfono) a un popup. Primero, debes ingresar al portal Admin ClickFono, con un usuario que tenga privilegios Admin. Si no tiene una cuenta Admin, comunícate con tu encargado TI o solicítela ...
    • Agregar un botón flotante de ClickFono

      Agrega un botón flotante de ClickFono como el que está a continuación sólo en 2 pasos: Si tu página está hecha en WordPress debes seguir los pasos que se muestran en el siguiente vídeo: Ingresa a ClickFono Click en Popups Copia el Código Custom ...
    • Dirección de un pop-up y UUID

      La dirección del pop-up es la URL web a la que apunta el botón de Te Llamamos en el sitio web. En el ejemplo anterior, el botón Te llamamos ahora dirige a la ...