View
1
Download
0
Category
Preview:
Citation preview
Inserción en Wordpress
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.
¿Cómo generar el código desdePengi Live?..............................................
Introduzca el código a su página deWordpress ..............................................
3
7
Actualizar código fuente desde un cliente FTP ............................. 13
CONTENIDO
01Sección
¿Cómo generar el código desde Pengi Live?
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
Estos son los pasos a seguir para insertar el código de su widget en su página web.
LIVE 3
01Sección
LIVE 4
Busque la campaña creada que desea insertar en su página web, en la sección deListados > Lista de Campañas.2
01Secció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.
LIVE 5
Luego de Editar la campaña tendrá que dirigirse a la sección Vista previa del widget. Haga clic en el botón Generar código.
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.
AddedAdded
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
4
01Sección
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
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
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
Luego de seleccionar la campaña deseada, de clic en el botón Editar.3
LIVE 6
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.
01Sección
5
02Sección
Introduzca el código a su página de Wordpress
LIVE 7
02Sección
Ingrese al panel de administración de Wordpress y digite las credenciales*: https://www.tuempresa.com/wp-admin
*Verifique si su página web está hecha en Wordpress. Contacte al administrador o desarrollador de su página web.
6
LIVE 8
02Sección
Entrará a las opciones de edición de su página web.
LIVE 9
02Sección
De clic en la opción Apariencia del menú de su editor.7 Seleccione la opción Temas.
Seleccione la opción Editor del menú.
8
9
LIVE 10
02Sección
En la parte derecha de la pantalla encontrará la opción ‘Pie de página del tema (Footer) del menú , selecciónela.
Cuando haya seleccionado esta opción, visualizará el código fuente de su página web, busque al final de código la etiqueta de cierre del cuerpo de su página web (</body>).
10 11
02Sección
Antes de que se cierre la etiqueta </body> pegue el código que ha generado el adminis-trador del Widget. De la siguiente manera:
Haga clic en el botón Actualizar archivo13
En la mitad de la última etiqueta que tiene como muesta la imagen </script> y </body> es donde pegaremos el código generado
LIVE 11
12
02Sección
¡Listo! ahora vaya a su página web y visualizará el widget en la parte inferior derecha.14
LOGO DETU EMPRESA
www.misitiowordpress.com
SERVICES PLACES CONTACT USHOME BIKES ACCESORIES
Buy
Mountain bike RF series $879.50 ADD TO CART1 +-
Share:
Colors:
LOGO DETU EMPRESA
Please enter your name and mail address
Please select one channel to start session
form_mail@yourdomain.com
Your Mail address
Start Session
LOGO DETU EMPRESA
www.misitiowordpress.com
SERVICES PLACES CONTACT USHOME BIKES ACCESORIESLOGO DETU EMPRESA
Buy
Mountain bike RF series $879.50 ADD TO CART1 +-
Share:
Colors:
WIDGET CERRADO
WIDGET ABIERTO
LIVE 12
03Sección
Actualizar código fuente desde un cliente FTP
LIVE 13
03Sección
Si aún no lo tiene, lo puede descargar, en este caso un Cliente FTP llamado Filezilla (Esto es un programa que nos permite conectarnos desde un ordenador a un servidor web) https://filezilla-project.org/download.php
15
Si su servidor no cuenta con los permisos para modificar el código, debe proceder a usar un cliente FTP para que pueda acceder al código fuente
de su página.
LIVE 14
03Sección
Ingrese los siguientes datos : Servidor , Nombre de usuario y Contraseña; Dar clic en el botón Conexión rápida y entrar al código fuente de la página.16
Cuando esté en el código fuente de su página, busque el archivo INDEX (index.html - index.phpo index.etc) que será el archivo que contiene el código del HOME de su página pero tendrá queverificar que el cuerpo de la misma ( </body> ), esté solo en el INDEX o de lo contrario tendrá quepegar el código en todas las secciones que tienen un cuerpo ( </body> ) diferente.(</body>).
17
03Sección
Luego de que haya identificado su archivo INDEX , dará clic derecho y seleccionará la opción de VER/EDITAR. Visualizará que el archivo se descarga en suordenador.
Cuando el archivo se haya descargado, lo abrirá con cualquier editor de notas y buscará el final del cuerpo de la página </body> y allí será donde tendrá que pegar el código genera-do por el administrador para insertar su widget.
1918
LIVE 15
03Sección
Luego de que haya encontrado el final del cuerpo de la página, pegue el código.
Después de pegar el código en el archivoguarde los cambios ejecutados en el INDEX.20 21
LIVE 16
www.misitiowordpress.com
SERVICES PLACES CONTACT USHOME BIKES ACCESORIESLOGO DETU EMPRESA
Buy
Mountain bike RF series $879.50 ADD TO CART1 +-
Share:
Colors:
Please enter your name and mail address
Please select one channel to start session
form_mail@yourdomain.com
Your Mail address
Start Session
LOGO DETU EMPRESA
03Sección
¡Listo! refresque su página web y verá el widget que haya configurado en su administrador.22
LIVE 17
Para más información escríbanos ainfo@pengi.co
Live
Recommended