Manual insercion wp - Pengi Live · Personalice los mensajes de bienvenida, llamada en espera y...

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...


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


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



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


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

[email protected]

Your Mail address

Start Session

LOGO DETU EMPRESA


SERVICES PLACES CONTACT USHOME BIKES ACCESORIESLOGO DETU EMPRESA

Buy


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


SERVICES PLACES CONTACT USHOME BIKES ACCESORIESLOGO DETU EMPRESA

Buy


Share:

Colors:

Please enter your name and mail address

Please select one channel to start session

[email protected]

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 [email protected]

Live

Manual insercion wp - Pengi Live · Personalice los mensajes de bienvenida, llamada en espera y...

Documents

Transcript of Manual insercion wp - Pengi Live · Personalice los mensajes de bienvenida, llamada en espera y...