TUTORIAL

1 Login 2 Panel de BoxPeople Pages 3 Configuración Avanzada 4 Editar con Page Creator 5 Configuración del Sitio

7.6 Redes Sociales

10.3 Ir a Sitio

7.7 Configuración de

10.4 Ver mi Sitio

Elementos

10.5 Panel de Comentarios

7.7.1 Insertar Elemento

10.6 Salida

5.1 Cabecera



5.1.1 Texto

7.7.4 Eliminar Elemento

5.1.2 Imagen

8 Mensajes

5.2 General

8.1 Leer un Mensaje

5.2.1 Plantilla

8.2 Eliminar un Mensaje



a) Personalizar b) Prediseñado

7.7.2 Editar Elementos 7.7.3 Cambiar de Posición un Elemento

9 Citas 9.1 Configuración de Citas

5.2.2 Estilo del Menú

9.1.1 Mi Calendario

5.2.3 Editar Fondo



5.3 Widgets

a) Activación del

5.4 Configuración



6 Editar Navegación

b) Configuración de

6.1 Panel de Navegación



6.2 Alta de Página

9.2 Administración de Citas

6.3 Editar Nombre de Página

9.2.1 Nueva Cita

6.4 Eliminar una Página

9.2.2 Citas Pendientes

7 Elementos

9.2.3 Aceptadas

7.1 Texto

9.2.4 Rechazadas

7.2 Imagen

9.3 Ver Calendario

7.3 Galería

10 Herramientas

7.4 Mapa

10.1 Publicar

7.5 Video

10.2 Panel de Control

de Citas Calendario Calendario

2 de 35

1

Login

Para ingresar registre su correo electrónico, así como su password, y haga clic en el botón Entrar.

3 de 35

2

Panel de

BoxPeople Pages

Seleccione la aplicación “BoxPeople Pages“ de la lista de aplicaciones para entrar al “Panel de Control”. El Panel de Control le proporciona el acceso a las diferentes herrameintas que le permitirán administrar y diseñar su sitio web.

4 de 35

3

Configuración

Avanzada

1 Dé clic en el botón “Avanzado“ para la configuración avanzada del sitio.

2 En esta sección es donde podrá dar de alta el nombre del dominio que desea tenga su sitio web, este puede ser .com o .net.

5 de 35

En la casilla ingrese el nombre deseado y seleccione entre las opciones.com o .net, al finalizar haga clic en el botón “Validar”. No olvide leer los términos y condiciones y activar la casilla de “Aceptación”. Si se ingresa un nombre de dominio disponible le muestra el mensaje: URL disponible, acepte el nombre del dominio haciendo clic en el botón “Asignar”. Al momento de introducir un nombre de dominio ya existente el sistema le muestra un mensaje donde le indica que “la URL no se encuentra disponible”, y despliega otras opciones que puede utilizar, seleccione su favorita o un nuevo nombre de dominio. Una vez asignado el nombre del dominio ya no puede ser modificado, y este toma un lapso de 24 a 48 horas en activarse en el servidor. Esto quiere decir que hay que esperar de 24 a 48 horas para poder visualizar el sitio al ingresar el nombre del dominio en la barra de dirección de un navegador de Internet. Sin embargo usted puede comenzar a personalizar su sitio web de inmediato.

6 de 35

4

Editar con

Page Creator

PageCreator es una herramienta de fácil uso que le permite personalizar de manera gráfica su sitio web. Podrá incluir imágenes, textos, mapas, video, etc. Para configuraciones adicionales utilice la barra de herramientas.

7 de 35

5

Configuración

del Sitio

Dentro de PageCreator, dé clic en el icono de “Configuración del Sitio”. Se mostrará un Menú con cuatro opciones:

5.1 Cabecera 5.2 General 5.3 Widgets 5.4 Configuración

8 de 35

5.1 Cabecera La “Cabecera” o el “Encabrezado”, contiene un título del sitio y la imagen de fondo. 5.1.1 Texto Para editar el título de clic en la pestaña “Texto“ seleccione el nombre que desea poner en el encabezado, el tipo de letra, tamaño, opciones de caracteres como negrita, itálica y subrayado: así como el color dle texto. Conforme realiza los cambios podrá visualizarlos en el encabezado. Al finalizar haga clic en el botón “Guardar“ para que los cambios se actualizan en el sitio. 5.1.2 Imagen Para modificar el fondo del encabezado, haga clic en la pestaña “Imagen“. Esta sección le proporciona tres tipos de fondos para colocar en el encabezado: Prediseñadas Estampadas Cargar Imagen Para los fondos “Prediseñados“, haga clic sobree el deseado, conforme selecciona podrá visualizarlos en el encabezado. Al finalizar de clic en el botón “Guardar“. Los fondos “Estampados“ le proporcionan diseños monocromáticos. Haga clic sobre el deseado y seleccione el color de fondo.Al seleccionar, los puede ver en el encabezado. Al terminar, haga clic en el botón “Guardar“.

9 de 35

Si desea personalizar aún más el encabezado de su sitio, dé clic en la opción “Cargar Imagen“ y agregue su propia imagen. Haga clic en el botón “Seleccionar Archivo“, elija y haga en el botón “Subir Imagen“, espere a que se cargue y posteriormente visualizará laimagen en el encabezado, al finalizar dé clic en “Guardar“. Recuerde que después de “Guardar” los cambios es necesario publicarlos para que se muestren en su sitio web, para esto dé clic en “Volver a la Edición de la Página” y haga clic en el icono “Publicar”. Actualice la vista de su página o haga clic en el icono “Ir a Sitio”.

10 de 35

5.2 General 5.2.1 Plantilla Configure la plantilla o formato que desea establecer a su sitio web, esta puede ser personalizada o utilizar alguna de las prediseñadas. a) Personalizar Al seleccionar esta opción les permitirá confçigurar la distribución de los elementos dentro de la página y la orientación del menú y sub menú, al finalizar haga clic en el botón “Guardar”. b) Prediseñado Se muestra el catalogo de plantillas prediseñadas, para visualizar más detalladamente haga clic en Vista previa, para establecer haga clic en “Aplicar”. Recuerde que después de Guardar los cambios realizado es necesario publicarlos para que se muestren en su sitio web, para esto vuelva a la edición de la página y haga clic en el botón “Publicar”. Actualice la vista de su página o haga clic en “Ir a Sitio”.

11 de 35

5.2.2 Estilo del Menú Configure el estilo de la barra de menú, conforme realiza los cambios se muestra una vista previa en la parte inferior de las opciones horizontal y vertical. Al finalizar haga clic en “Guardar”. 5.2.3 Editar Fondo Configure en esta sección en el fondo de su sitio web, las opciones de fondo son: prediseñados, estampados o imágenes. Haga clic sobre el deseado. Conforme selecciona podrá visualizarlos en el encabezado. Al finalizar haga clic en el botón “Guardar”. Recuerde que después de Guardar los cambios realizados es necesario publicarlos para que se muestren en su sitio web, para esto haga clic en ”Volver a la edición de la página” y haga clic en el icono “Publicar”. Actualice la vista de su página o haga clic en “Ir a Sitio”.

12 de 35

5.3 Widgets Un widget es una pequeña aplicación o programa con objetivo de dar fácil acceso a funciones frecuentemente usadas. En la lista “En Uso“ se muestra las aplicaciones que tiene activadas en su sitio web en orden de presentación. Para cambiar los widgets de posición ubique el cursor sobre el deseado, haga clic y arrastre hasta el lugar deseado y suelte. Para añadir widgets a la lista, seleccione los deseados haciendo clic en el botón “Añadir”. En caso de tener activada la plantilla personalizada con distribución de elementos con dos columnas seleccione primero en que columna desea colocar el nuevo widget. Para eliminar un widget de la lista haga clic en el botón “Borrar”. Después de cada modificación, los cambios se guardan en automático. Después de que se quedaron, recuerde que es necesario publicarlos para que se muestren en su sitio web, dé clic en “Volver a Edición de la Página” y haga clic en el botón “Publicar“.

13 de 35

5.4 Configuración Es importante que llene los siguientes campos: 1 Nombre del Sitio: Dirección del sitio, ejemplo: nombredelsitio.boxpeople.com

2 Encabezado del Sitio: Título en la parte superior de su sitio. 3 Eslogan del Sitio: Frase distintiva personal o de sus negocioes 4 Alias: Este nombre lo identificará en los cometnarios de su sitio. 5 Descripción del Sitio: Breve reseña de la finalidad de su sitio. 6 Notificación de Mensaje: Se le enviará a su correo electrónico una notificación cada que reciba un mensaje a su sitio.

7 Comentarios en Elementos: Su contenido puede recibir comentarios de los visatantes. 2 Opciones: • Permitir que todos los elementos sean comentarios. • Publicar sólo los contenidos aprobados por mí.

8 Google Analytics: Le permitirá conocer la afluencia de visitas a su sitio web.

9 Pie de Página 10 Título en el Navegador: Es necesario que proporcione un ID de google analitycs, lo cual requiere un previo registro en: www.google.com.mx/analytics. Al ingresar a “www.google.com.mx/analytics” dé clic en el botón “access analytics“ para crear una cuenta.

14 de 35

6

Editar

Navegación

En este apartado usted podrá agregar páginas a su sitio web, que corresponden a los menús y sub menús.

6.1 Panel de Navegación Éste le muestra la organización de las páginas dentro de su sitio, además podrá hacer ajustas a las mismas. Las páginas se muestran en el panel con la siguiente información:

1 Orden: El el número de página (Recuerde que usted cuenta con treinta página). 2 Inicial: Establezca cualquiera de sus páginas como página de inicio del sitio. 3 Primaria: Nombre proporcionado a las páginas principales o menús. Al hacer clic sobre este, se direcciona para su edición. 4 Secundaria: Nombre de las páginas secundarias o sub menús. 5 Nombre: Este icono le permite cambiar el nombre de la página. 6 Mostrar: Publique o no el contenido de una página sin eliminarla. (Verde visible / rojo no visible). 7 Eliminar: Borre una página y su contenido. 8 Elementos: Contador de los elementos contenidos en cada página, (Recuerde que puede agregar hasta treinta elementos por página). Para cambiar el orden, sólo arrastre el renglón a la posición que usted quiera y suelte.

15 de 35

6.2 Agregar Página Para agregar una página a su sitio web dé clic en el botón “Agregar Página“, introduzca en el campo el nombre de la nueva página y haga clic en el botón “Crear“. Podrá visualizarla en la tabla del “Panel de Navegación”.

6.3 Editar Nombre de Página Para cambiar el nombre de una página principal o secundario ubíquela en el “Panel de Navegación” y haga clic en el botón “Editar” lápiz realice el cambio deseado y al finalizar dé clic en el botón “Guardar”.

6.4 Eliminar una Página Para borrar una página, así como todo su contenido haga clic en el botón “Borrar”. Se muestra una ventana de confirmación de la acción: Haga clic en “Aceptar”. La página ha sido dado de baja y todos los elementos incluidos se han eliminado.

16 de 35

7

Elementos

Los elementos son los diferentes tipos de archivos que puede incluir en las páginas de su sitio web, estos pueden ser:

7.1 Texto 7.2 Imagen 7.3 Galería 7.4 Mapa 7.5 Video 7.6 Redes Sociales

17 de 35

7.1 Texto Ingrese texto e imagen en una sola carga. Edite el contenido haciendo clic en “Editar” elimine el texto configurado. Agregue su propia información y configure el estilo general o personalizado de la fuente cambiando tipo de fuente, tamaño, alineación, color y alineación. Inserte dentro de su texto un vínculo a otro sitio web haciendo clic en el botón “Link” ingrese la URL y haga clic en “Aceptar”. Para agregar la imagen haga clic en el botón seleccionar archivo, elija y haga clic en el botón “Subir Imagen” configure la alineación de la imagen. Al finalizar dé clic en el botón “Guardar Cambios“ y posteriormente en “Volver a Edición de Página“ para ir al “Icono de Pubicar “.

18 de 35

7.2 Imagen Inserte cualquier imagen que desee con tamaño preferencial de 800 por 350 px. Edite el contenido haciendo clic en “Editar”, elimine la imagen de muestra haciendo clic en el botón “Borrar”. Para agregar su imagen haga clic en el botón “Seleccionar Archivo”, elija y haga clic en el botón “Subir Imagen” espere a que se cargue y posteriormente la visualizará, al finalizar haga clic en “Guardar Cambios”.

19 de 35

7.3 Galería La galería es una aplicación que le permite mostrar sus imágenes a manera de presentación. Edite el contenido haciendo clic en “Editar”, elimine las imágenes de muestra haciendo clic en el botón “Borrar”. Para agregar sus imágenes en la galería haga clic en el botón seleccionar archivo, elija y haga clic en el botón “Subir Imagen” espere a que se cargue y posteriormente la visualizará, repita la operación con las demás imágenes, al finalizar haga clic en “Guardar Cambios”. En el área comentarios puede activar la configuración general establecida, habilitarlos o deshabilitarlos de manera individual para este elemento. Sólo se permite agregar una galería por página. Recuerde que después de Guardar los cambios realizado es necesario publicarlos para que se muestren en su sitio web, para esto vuelva a la edición de la página y haga clic en el botón “Publicar” Actualice la vista de su página o haga clic en “Ir a Sitio”.

20 de 35

7.4 Mapa Usted puede establecer un mapa de la ubicación de su negocio a través de una liga a Google Maps. Edite el contenido haciendo clic en “Editar” para establecer su posición. Se muestra el mapa de México, haga zoom in tantas veces sea necesario para hacer visible su domicilio, seleccione la vista deseada. Agregue un marcador haciendo clic en el botón “Agregar Marcador de Ubicación”, ingrese el título y descripción deseados y dé clic en “Guardar”. Al finalizar haga clic en el botón “Guardar Posición”. En el área comentarios puede activar la configuración general establecida, habilitarlos o deshabilitarlos de manera individual para este elemento. Recuerde que después de Guardar los cambios realizado es necesario publicarlos para que se muestren en su sitio web, para esto vuelva a la edición de la página y haga clic en el botón “Publicar” Actualice la vista de su página o haga clic en “Ir a Sitio”.

21 de 35

7.5 Video Esta función le permite establecer vínculos a videos de Youtube. Para establecer un vínculo copie la dirección link de la barra del video de Youtube deseado, ingréselo en el cuadro. Capture un título y configure la alineación, al finalizar haga clic en “Guardar Cambios”. En el área “Comentarios” puede activar la configuración general establecida, habilitarlos o deshabilitarlos de manera individual para este elemento. Recuerde que después de Guardar los cambios realizados, es necesario publicarlos para que se muestren en su sitio web, para esto, vuelva a la edición de la página y haga clic en el botón “Publicar”. Actualice la vista de su página o haga clic en “Ir a Sitio”.

22 de 35

7.6 Redes Sociales 7.6.1 Twitter Esta función le permite establecer un vínculo para visualizar actualizaciones de un usuario de Twitter. Para establecer un vínculo haga clic en “Editar” e ingrese únicamente el nombre de usuario deseado, al finalizar haga clic en el botón “Guardar Cambios”. Recuerde que después de Guardar los cambios realizados, es necesario publicarlos para que se muestren en su sitio web, para esto vuelva a la edición de la página y haga clic en el botón “Publicar” Actualice la vista de su página o haga clic en “Ir a Sitio”. 7.6.2 Facebook Esta función le permite establecer vínculos a los enlaces y notas de su perfil de Facebook. Para establecer un vínculo capture la dirección en la casilla correspondiente de enlace o nota y actívela. Al finalizar haga clic en “Guardar Cambios”. Recuerde que después de Guardar los cambios realizado es necesario publicarlos para que se muestren en su sitio web, para esto vuelva a la edición de la página y haga clic en el botón “Publicar” Actualice la vista de su página o haga clic en “Ir a Sitio”.

23 de 35

7.7 Configuración de Elementos 7.7.1 Insertar Elemento Sitúese en la página que desea agregar el nuevo elemento, así como el lugar donde desea establecerlo. En la barra de opciones seleccione donde desea situar el nuevo elemento y al finalizar haga clic en el botón “Agregar”. 7.7.2 Editar Elemento Ubique el elemento a modificar y haga clic en el botón “Editar” de la barra de opciones. Realice las modificaciones deseadas, al terminar haga clic en el botón “Guardar Cambios”. 7.7.3 Cambiar de Posición un Elemento Ubique el elemento a mover y haga clic en los botones de la barra de opciones. 7.7.4 Eliminar Elemento Ubique el elemento que desea eliminar y haga clic en el botón “Borrar” de la barra de opciones.

Recuerde que después de Guardar los cambios realizados, es necesario publicarlos para que se muestren en su sitio web, para esto vuelva a la edición de la página y haga clic en el botón “Publicar”. Actualice la vista de su página o haga clic en “Ir a Sitio”.

24 de 35

8

Mensajes

Es aquí donde se reciben los comentarios realizados por los visitantes de su sitio web en el área de Contacto. Este funciona como una bandeja de entrada en la que podrá leer los mensajes recibidos y eliminarlos.

Los mensajes se muestran en una tabla con la siguiente información:

25 de 35

Icono mensaje: “Leído”, “No leído”. Nombre: Persona que realizó el mensaje. Correo: Dirección de correo electrónico proporcionado por el visitante. Fecha: Año, mes y día de la recepción del mensaje. Eliminar: Columna en la que podrá borrar los mensajes.

8.1 Leer un Mensaje Para leer un mensaje ubíquelo en la tabla y haga clic en el icono “Leído” o “No leído”.

8.2 Eliminar un Mensaje Para borrar un mensaje ubíquelo en la tabla y haga clic en el botón “Borrar”.

26 de 35

9

Citas

BoxPoeople Pages le ofrece incluir en su sitio una herramienta a través de la cual sus clientes podrán solicitar citas acerca de sus productos o servicios. En este apartado usted tiene un administrador de su calendario de citas.

9.1 Configuración de Citas Activación del calendario de citas y configuración del mismo. 9.1.1 Mi Calendario de Citas a) Activación del Calendario Habilite o deshabilite la activación de solicitud de citas en una página adicional en su sitio web denominada “Citas”. Para habilitar seleccione la casilla “Activar Citas”. En caso contrario deseleccione la casilla y la opción de solicitud de citas en su sitio web quedará desactivado, por lo que no será mostrada la página “Citas”. Al finalizar haga clic en el botón “Guardar”.

27 de 35

b) Configuración de Calendario En caso de activar la solicitud de citas en su sitio web se muestra esta opción que le permite configurar su calendario. Active o no la casilla “Mostrar Calendario de Citas”, de esta manera se visualiza o no su “Calendario de Citas” en la opción “Ver Calendario”. En el recuadro correo electrónico puede escribir su dirección de correo en la que recibirá notificaciones de los mensajes dejados por sus visitantes en el área ”Contacto”, así como de las solicitudes de citas en la sección “Citas”. Para visualizar el contenido de los mensajes acceda a su “Panel de Control” en BoxPeople. Mi horario de Servicio Seleccione el periodo de prestación de sus servicios que se publicara en su sitio web, así como los intervalos de duración de citas. En el recuadro “Mensaje” para mostrar redacte la invitación de generación de citas para los visitantes de su sitio web Al finalizar haga clic en el botón “Guardar”.

28 de 35

9.2 Administración de Citas Maneje las solicitudes de citas generadas por sus visitantes. 9.2.1 Nueva Cita Esta pestaña posibilita el registro de sus citas aceptadas generadas por otros medios para que se muestren en el calendario de su sitio web y así los visitantes estén enterados de sus horarios disponibles. Ingrese el nombre, dirección de correo electrónico y teléfono de su cliente, la fecha y horario de la cita aceptada, así como un comentario, al finalizar haga clic en el botón “Solicitar Cita”. Esta cita será registrada en su calendario y se registra bajo el estatus de aceptada.

29 de 35

9.2.2 Citas Pendientes Aquí se muestran las solicitudes de citas a las que no ha proporcionado un status en una tabla con la siguiente información: Nombre: Nombre del visitante solicitante. Correo: Dirección de correo electrónico proporcionada. Teléfono: Número telefónico del solicitante. Para el día: Fecha de solicitud de la cita. Hora: Horario solicitado. Creada: Año, mes, día y hora del registro de la solicitud. Rechazar: Haga clic en esta opción para negar la confirmación de esta cita. El solicitante no recibirá notificación por correo electrónico de la cancelación de su cita. Aceptar: Haga clic en esta opción para confirmar la aprobación de la cita. El solicitante recibirá un mensaje de correo electrónico notificando la aceptación de su cita. 9.2.3 Aceptadas Le muestra un listado de las citas aprobadas con la siguiente información: Nombre: Nombre del visitante solicitante. Correo: Dirección de correo electrónico proporcionada. Teléfono: Número telefónico del solicitante. Para el día: Fecha de solicitud de la cita. Hora: Horario solicitado. Creada: Año, mes, día y hora del registro de la solicitud.

30 de 35

9.2.4 Rechazadas Le muestra un listado de las citas canceladas con la siguiente información: Nombre: Nombre del visitante solicitante. Correo: Dirección de correo electrónico proporcionada. Teléfono: Número telefónico del solicitante. Para el día: Fecha de solicitud de la cita. Hora: Horario solicitado. Creada: Año, mes, día y hora del registro de la solicitud.

9.3 Ver Calendario Visualice su “Calendario de Citas por Día”, en el que se muestran las citas aceptadas.

31 de 35

10

Herramientas

10.1 Publicar Después de haber realizado y guardado cualquier modificación desde el PageCreator en su sitio web es necesario que dé clic en este botón para que las actualizaciones sean visibles en el mismo. Se muestra el siguiente mensaje: Dé clic en aceptar y un mensaje le confirma la acción.

10.2 Panel de Control Haga clic en este icono para volver al “Panel de Control”.

32 de 35

10.3 Ir a Sitio Para visualizar los cambios efectuados en su sitio web dé clic en este botón que lo direccionará en una nueva ventana o pestaña al mismo.

10.4 Ver mi Sitio Para percibir cómo ven los visitantes su sitio web dé clic en este botón que lo direccionará en una nueva ventana o pestaña al mismo.

33 de 35

10.5 Panel de Comentarios En esta sección usted podrá administrar los comentarios que recibe en su sitio web, para ingresar a él haga clic en la opción “Ir al Panel de Control”. Aquí se muestran los comentarios de su sitio web en tres diferentes carpetas: Pendientes: Incluye comentarios nuevos o aquellos a los que no ha dado estatus. Haga clic en los botones “Aceptar” o “Eliminar” según le parezca. Aceptados: Comentarios validados por usted y que decidió publicar en su sitio web. Eliminados: Contiene aquellos comentarios que ha decidido no publicar en su sitio web, para eliminarnos definitivamente dé clic en el botón “Borrar”. Para eliminar todos los comentarios rechazados haga clic en el botón “Vaciar”.

34 de 35

10.6 Salida Para cerrar su sesión del “Panel de Control” de su sitio web haga clic en esta opción. Un mensaje confirmará su acción, para salir dé clic en “Aceptar”.

35 de 35