Un pop-up responsivo es aquel que cambia y ajusta su tamaño y contenido a la pantalla en la que se está visualizando. Puede ser en un computador, Tablet o Móvil, el contenido se acomoda y no se ve distorsionado. Para la opción de tener un diseño de pop-up responsivo debes consultarlo vía email con el Equipo de Soporte soporte@clickfono.com.
Luego de tener habilitada la opción del pop-up responsivo, debes ir al Panel Admin e iniciar sesión.
* Seleccionar la opción: Diseños > Listado de diseños
Acá, encontraremos los diseños que fueron creados previamente con ayuda de nuestro equipo de Soporte.
Seleccionar la opción » Editar» del pop-up responsivo que estamos creando.
Para agregar una imagen, presione la opción » Elegir imagen» a usar en el responsivo, esto es opcional.
Presionar Siguiente
Seleccionar los campos a mostrar, según información que sea requerida a mostrar para el pop-up responsivo, y presionar » Siguiente«
Elige el color del texto y ubicalo, lo mismo con el icono Procesando
Luego presionar de nuevo Siguiente
En este último paso, se puede usar un diseño personalizado, insertando el código HTML con los campos identificadores requeridos por ClickFono para estilos y diseño del pop-up responsivo. De no requerir uno personalizado, presionar » Guardar» y se usará el diseño estándar.
Luego de guardar el diseño se debe dirigir a la edición del Popup, y allí habilitar el diseño responsivo.
Los campos identificadores para personalizar el diseño son:
id="header-title" Titulo: Ingresa tus datos y te llamaremos en menos de 20 segundos!
id="name" name="adicional[Nombre]" placeholder="Nombre"
id="lastname" name="adicional[Apellido]" placeholder="Apellido"
id="rut" name="rut" onblur="formatearRut('rut')" placeholder="Rut"
id="email" name="adicional[Email]" placeholder="Email" type="email"
id="number" name="number" type="tel"
id="to_call" name="submit" type="submit" value="Llámame Ahora"
id="text-notice" Tus datos serán encriptados e intransferibles. Las llamadas podrían ser grabadas para mejorar la calidad de atención.
id="footer" Logo clickfono
En caso de no tener un diseño responsivo personalizado, quedaría el diseño estándar por ClickFono, tal como se muestra en la siguiente imagen:
Para acceder al link que necesita colocar en su portal web, debe ir nuevamente a Panel Admin, opción Formularios > Listado de Popups >, presionar el icono de la columna Código, el cual se abrirá una ventana emergente, seleccionar y copiar el código que sea de su preferencia en el header del sitio web requerido