Inserción de código

VERSIÓN 1.0

Live

IntroducciónEl presente manual contiene los pasos detallados para el correcto funcionamiento del servicio de Pengi Live el cual funciona con la inserción de un widget (ventana flo-tante) en la página web de su empresa. Usted o la persona encargada de su página deberá realizar la inserción del código correspondiente dentro de ella. Escoja el manual adecuado de acuerdo a la forma en qué está programada su página, si está hecha en código puro o si por el contrario está usando algún CMS o plataforma tipo Wordpress, Joomla, Wix, por mencionar algunas. Si no lo tiene muy claro y no tiene con quien consultarlo, póngase en contactos con nosotros.

Inserción de código en su página WIX.......................................

Obtener código desde Pengi Live...................................

2

4

8

CONTENIDO

Especificaciones técnicas....................

01Sección

Especificaciones técnicas

LIVE 3

01Sección

Características

Navegadoreshabilitados

Sistemas operativospermitidos

Conexión a internet

Sistema

Dispositivos deaudio y video

Estándaresde seguridad

Clientes permitidos

Windows 7 en adelante

Dual-core 2.4GHz CPUo superior con 2GB

de RAM (recomendado)

Procesador Intel(2GB of RAM

o superior recomendado)

Procesador Intel(2GB of RAM

o superior recomendado)

Mac OS X 10.11 o superior Ubuntu 16 o superior Android 6.0 o superior

Conectividad WIFI(recomendado) o datoscon red 3G o superior

Google Chrome

Celulares y tabletas

Integradosal dispositivo

Integrados al dispositivo

Mozilla Firefox desde la versión 50,Google Chrome desde la versión 55 (JavaScript permitido)

Cable modem, DSL, o cualquier conexión superior a internet (superior a 1MB)

Micrófono y parlantes integrados o externos al dispositivo(se recomienda un headset tipo diadema para mejorar

la supresión de ruidos y calidad de audio)

Cámara de video integrada o externa al dispositivoVideo

Audio

La transmisión se lleva a cabo a través de SRTP (Secure Real-Time Transport Protocol)junto a una conexión directa dedicada. El flujo de la comunicación se lleva a cabo

de navegador a navegador sin necesidad de un servidor de streaming.Las conexiones se realizan punto a punto (a través de los protocolos STUN e ICE)

y garantiza una codificación segura a través de DTLS.

3 clientes simultaneos por agente en canal chat1 cliente para el canal de voz por agente

1 cliente para el canal de video por agente

Usuarios PC Usuarios Mac Usuarios Linux Usuarios Móviles

Especificaciones técnicas

02Sección

Obtener códigodesde Pengi Live

LIVE 4

02Sección

1

1

Estos son los pasos a seguir para insertar el código delWidget en su página web.

Listo para empezar!Por favor dé clic a uno de sus servicios.

Pengi Live está listo . Por favor haga clic acá para personalizar canales, campañas,

apariencia, entre otros.

¡Empiece una viceoconferencia ahora!Obtenga el link de su room , cópielo y envielo

a los participantes.

Salir

BASICMensual

Live

Entre aquí

FREESala de Vídeo Conferencias

Meet

Entre aquí

¡ Actualizar ahora ! ¡ Actualizar ahora !

hasta 3 participants por conferencia3 agentes

Expira en Enero 3 / 2018 Expira en Enero 3 / 2018

Inicio Servicios Precios Blog ES jorgecis_08...

Haga clic aquí para ver sus productos activos

Ingrese a la sesión de administrador de Pengi Live en http://www.pengi.co1

LIVE 5

02Sección

Jorge Cis... ES

Nuevo usuario

Admin

Live

Listados

Reportes

Nueva campaña

Acá puede buscar, editar o borrar sus campañas.

Campaña 1 Prestamos servicios de telecomunicaciones alrededor de latinoamerica...

Brindamos soporte a su cliente en su página web de una forma rápida y se...

Prestamos servicios de telecomunicaciones alrededor de latinoamerica...

Prestamos servicios de telecomunicaciones alrededor de latinoamerica...

Brindamos soporte a su cliente en su página web de una forma rápida y se...

Prestamos servicios de telecomunicaciones alrededor de latinoamerica...

Proveemos servicio al cliente en tu página web de una forma rápida y se...

Campaña 2

Campaña 3

Campaña 4

Campaña 5

Campaña 6

Campaña 7

NombreID Descripción

001

002

003

004

005

006

007

Acción

Buscar campaña

Lista de campañasLista de Campañas

Lista de AgentesVisualice los agentes que tiene asignados a cada campaña , como también los canales habilitadospara cada agente.

Visualice el listado de campañas que ha creado.Podrá buscarlas por medio de filtros, editarlas o eliminarlas.

2

Luego de seleccionar la campaña deseada, de clic en el botón Editar.3

Busque la campaña creada que desea insertar en su página web, en la sección deListados > Lista de Campañas.

Luego de Editar la campaña, diríjase a la sección Vista previa del Widget y Obtener código4

LIVE 6

02Sección

Nuevo usuario

Admin

Live

Listados

Reportes

Nueva campaña

El widget es el botón que se desplagará dentro de su página web y por medio de él sus clientes se podrán en contacto con su compañía.

Generar código < Atrás

Agregar campaña Ver Campañas

Crear/Editar Campaña

Personalizar Apariencia

Vista previa y obtener código

Chat

Mensajes predeterminados

Personalizar formulario

Empiece nombrando su campaña y agregando una breve descripción.

Acá puede customizar el widget con los colores y el logo de su marca.

Configure preferencias del canal , agregando el libreto para sus agentes, la imagen o video de espera que verán sus clientes entre otras preferencias.

Voice

Video

Personalice los mensajes de bienvenida, llamada en espera y otros momentos de interacción con su cliente.

Para terminar, previsualice el widget y copie el código html que generamos.

Este es el formulario que llenarán sus clientes para poder contactar un agente de servicio al cliente.

Canales activos

Vista previa y obtener código

Jorge Cis... ES

LIVE 7

02Sección

5 Se abrirá una ventana emergente para obtener el código que luego deberá insertar en el index de su página web.*

*En caso de no saber cual es el index de su página web, contacte al administrador o desarrollador de su página.

Haga clic en el botón Copiar y verifique que el código quede copiado en el portapapeles.

5

03Sección

Inserción de códigoen su página Wix

LIVE 8

03Sección

https://users.wix.com/signin?overrideLocale=es&referralInfo=HOMEPAGE&postLogin=htt ps:%2-F%2Fwww.wix.com%2Fmy-account%2Fsites%2F&postSignUp=https:%2F%2Fwww. wix.com%2F-new%2Fvertical%3FreferralAdditionalInfo%3DHOMEPAGE

Ingrese al panel de administración de Wix y digite las credenciales*:

*Verifique si su página web está hecha en Wix. Contacte al administrador o desarrollador de su página web.

6

7 Ingrese a la plataforma y seleccione la página web a editar. Haga clic en el botón Editar Sitio.

LIVE 9

03Sección

8 Una vez abierto el panel de edición de la página web seleccionada , de clic en el botón + Agregar

LIVE 10

03Sección

9 Luego, de clic en la opción Anclas y Más.

LIVE 11

03Sección

10 Ahora seleccione la opción código HTML y se desplegará la siguiente ventana en donde pegará el código que se generó en el administrador de Pengi Live.

Esta ventana se debe modificar al tamaño del widget cuando está desplegado paraque se visualice completamente.

LIVE 12

03Sección

11 De clic en el botón Guardar y luego en el botón Publicar.

LIVE 13

03Sección

12 Listo! Así se visualiza el widget en su página de WIX.*

* Tenga en cuenta que el dominio que arroja la página hecha en WIX cuando hace clic en el botón ver sitioNO ES EL DOMINIO que se ingresa en el administrador de Pengi Live en el campo dominio, la URL que se arroja debe editarse de la siguiente forma: Se deben modificar después del HTTPS , cambiar los Puntos por Guiones, después del .comagregar un punto y el dominio filesusr.com

Ejemplo• URL página > https://www.adnexcg.com/ • URL para ingresar en el administrador > www-adnexcg-com.filesusr.com

LIVE 14

03Sección