manual insersion wix-1 · 12 listo! así se visualiza el widget en su página de wix.* * tenga en...
TRANSCRIPT
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