Page Builder.

En esta sección es donde se configura la información detallada de las características del viaje. Al desplegar el contenido de la caja del page builder veremos los siguientes elementos:

1. Menú de títulos: contiene 5 elementos (detalles, itinerario, mapa, fotos, reseñas) que dependiendo de la información con la que contemos para armar el viaje puede que las necesitemos o no, e incluso podemos ajustarlas para integrar otro tipo de información por ejemplo un video de YouTube si es que contamos con él.
2. Contenedores multimedia: aquí es donde se agregan los elementos informativos que vamos a mostrar al cliente para describirle de manera amplia y hacer más llamativo el paquete ofrecido con textos, listas, fotos, videos, descripción de los recorridos, servicios incluidos, servicios no incluidos, etc. Es importante mencionar que si alguno de estos elementos no lo vamos a utilizar debemos eliminarlo, abajo te muestro como se hace.

Editar contenedores.

Todos los contenedores tanto títulos como cajas multimedia al pasarles el mouse encima despliegan en la esquina superior izquierda alguno de los dos controles mostrados en esta imagen:

1. Al dar clic en ese botón abriremos un control para editar el contenedor que dependiendo de este ultimo las opciones mostradas serán unas u otras, más abajo te muestro un ejemplo.
2. Guardar el contenedor: si editaste un contenedor y quieres guardarlo para usarlo en una plantilla global presiona este botón (en general no se usa ya que es muy común que cada viaje incluya configuraciones muy especificas), en su lugar usamos el botón de guardar toda la plantilla, más adelante lo veremos.
3. Duplicar contenedor: como su nombre lo indica crea una copia exacta del contenedor en la parte inferior.
4. Eliminar contenedor: sirve para quitar elementos que no se van a usar, ejemplo si estamos configurando un viaje pero no incluye un itinerario detallado con actividades puntuales por día, se recomienda que elimines el apartado de itinerario y sus controles asociados.

De estos 4 controles los mas usados van a ser el 1 y el 4.

Hacer y deshacer y modos de visualización.

Este control se muestra o se oculta de manera automática, para visualizarlo basta con desplazarnos o estar trabajando en la sección del page builder.

1. Es común que al estar editando contenedores borremos uno por accidente, por lo que estos botones serán de mucha ayuda para deshacer acciones accidentales.
2. Modos de visualización: generalmente va a estar activo el modo edición (Edit), pero podemos estar cambiando entre un modo y otro para ir obteniendo una vista previa rápida (Preview) de los ajustes que estamos haciendo en el page builder.

Detalles del viaje.

Haremos un par de ejemplos para que veas como se trabaja con los contenedores del page builder.

Como te mencioné al principio los contenedores se pueden editar y borrar según lo requieras, es importante que identifiques además cuales son títulos (1) los que, sí vas a usar te sugiero no modifiques, y qué otros son para agregar contenido (2) y es muy sencillo ubicarlos porque tienen mensajes como: “ingresa aquí…”, o “escribe aquí…”. Al pasar el mouse encima de cualquier contenedor veras el control que describimos arriba (3).

1. Para agregar texto en la caja “detalles del viaje” coloca el mouse encima del texto que dice “ingresa aquí los detalles del viaje” y en el control que aparece da clic en el botón editar contenedor.
2. Se va a desplegar una ventana como la que se muestra aquí, en donde debes agregar el texto que necesites.
3. Al terminar de escribir presiona el botón “save options” ubicado hasta abajo de esta ventana.

Servicios incluidos.

Ahora veremos como editar una lista con iconos, para este ejemplo usaremos la lista de “servicios incluidos“, sin embargo este ejemplo funciona para cualquier lista con iconos (servicios no incluidos y servicios adicionales).

1. Coloca el mouse sobre el contenedor de la lista de servicios incluidos y da clic en el botón editar contenedor.

Al realizar el paso anterior te va a aparecer en la pantalla esta ventana donde vienen enlistados los servicios: Servicio 1, Servicio 2…

1. Lista que se puede ampliar o reducir la cantidad de elementos según nuestras necesidades.
2. Botón para eliminar uno de los elementos si es que no lo necesitamos.
3. Al dar clic encima de cualquiera de los elementos podemos expandir o contraer para cambiar el texto y el icono mostrado.
4. Con este botón podemos agregar un elemento más a la lista.

Para poder editar un elemento de la lista debemos expandirlo dándole clic encima, lo que nos mostrara esta imagen, en la misma solo hay dos opciones por modificar:

1. Icono, aquí hay que escribir exactamente uno de lo siguientes tres valores según el icono deseado:
   • fa fa-check (muestra el icono ✓)
   • fa fa-close (muestra una Χ)
   • fa fa-dot-circle-o (muestra una viñeta ◉)
2. Content, aquí escribimos el texto que deseamos que aparezca en la lista.

1. Una vez que hemos editado la lista completa damos clic en “Save Options“, para guardar los cambios.

Así es como se muestra el resultado final una vez que hemos editado todos los elementos de la lista de servicios incluidos, para editar los servicios no incluidos y los servicios adicionales, se procede de la misma manera.

Insertar un mapa de Google Maps.

El page builder incluye un contenedor para agregar un mapa en caso de que requieras incluirlo dentro de la descripción del tour, lo primero que debes hacer es abrir una ventana del explorador y dirigirte a google maps

1. En Google Maps introduce el destino del cual quieres generar un mapa.
2. Presiona el botón compartir situado debajo de la barra de búsqueda de Google Maps.
3. en la ventana que se va a mostrar selecciona la ficha que dice: “Incorporar un mapa“.
4. Por ultimo da clic en donde dice “COPIAR HTML“.

Regresa al page builder y sitúa el mouse encima del mapa.

1. Da clic en el botón editar contenedor.
2. En la ventana que aparece selecciona la ficha que dice text para cambiarte al modo de editor de código.
3. Selecciona el texto que se encuentre dentro del contenedor y reemplázalo con el código que copiaste de Google presionando las teclas Ctrl + v
4. Guarda los cambios presionando el botón “Save Options“.

Insertar una galería de imágenes.

Desplázate al contenedor de fotos.

1. Coloca el mouse encima del contenedor de imágenes y da clic en el botón editar contenedor.
2. Aparecerá una ventana, para agregar imágenes da clic en el botón ‘+’.
3. Puedes eliminar cualquier imagen que no necesites colocando el mouse encima y dando clic en la ‘x’.

1. Al dar clic en agregar imágenes aparecerá la ventana mostrada en ésta imagen, presiona la pestana subir archivos.
2. Después en el botón Seleccionar archivos y busca las imágenes en tu computadora.

1. Verifica que las imágenes seleccionadas sean las correctas.
2. Da clic en el botón “Use this media“.

1. Puedes reordenar las imágenes o bien eliminar las que no necesites y por último da clic en el botón “Save Options” para guardar los cambios.

PASO 5

AJUSTES DEL VIAJE.

Esta sección es muy importante ya que aquí es donde vamos a configurar el precio del viaje, la cantidad de lugares disponibles, día en que comienza, duración y más. Por lo que se recomienda prestar atención a los ajustes ya que una configuración errónea puede resultar en errores de precio a la hora de que el cliente realice la reservación.

1. En la parte inferior después del page builder se encuentra el área de Ajustes del viaje.
2. Contiene las siguientes fichas:
   • Ajustes generales.
   • Ajustes del viaje.
   • Ajustar fecha y precios.
   • Ajustar alertas.
   • Mensajes y recordatorios.

Algunas de estas fichas no requieren muchos ajustes únicamente es verificar que los controles contengan los valores ya precargados, las iremos desarollando a detalle.

Ajustes generales.

Aquí no vamos a mover nada excepto en los controles numerados con el (7) y el (8). Sin embargo conviene verificar que los valores por defecto estén seleccionados, en seguida te indico los valores que deben contener:

• 2. Imagen destacada.
• 3. Estas cajas de texto deben estar en blanco.
• 4. Valor predeterminado
• 5. Los tres botones deben estar con la leyenda “Activo“.
• 6. Viaje único.
• 9. Valor predeterminado.

• 7. Texto promocional: sirve para agregar un cintillo en la imagen miniatura que aparece en la página principal con algún texto que llame la atención al cliente potencial, como: “oferta limitada“, “quedan pocos lugares“, “aprovecha esta promoción“, etc.
• 8. En estos dos controles configuramos los colores del cintillo mencionado en el punto anterior.

Ajustes del viaje.

En ésta sección en general la mayoría de los ajustes ya están configurados sin embargo se recomienda revisar que coincidan con los de este manual, por otro lado hemos marcado en color amarillo aquellos que sí debemos modificar:

La mayoría de las opciones ya vienen configuradas con valores por default, únicamente hay que prestar atención a los puntos marcados en amarillo con los textos en rojo.

Ajustar fecha y precios.

1. Selecciona la ficha “ajustar fecha y precios“.
2. Ubica el botón “agregar fechas y precios” y da clic en ‘+’ para desplegar las opciones.
3. Da clic en el control día y en el calendario que aparece elige el día de inicio del viaje.
4. Ubica el botón que dice “agregar paquete” y da clic en ‘+’ para desplegar las opciones.
5. Donde dice “paquete predeterminado” da clic en el botón que esta a un lado para que quede activo “ON“.
6. Introduce en esta caja de texto el nombre que le quieres asignar a este paquete (puede ser el mismo nombre que usaste para el viaje).
7. Si conoces la hora exacta de salida (autobús, avión, etc.) puedes colocarla aquí, no es necesario, se usa únicamente como dato informativo para el cliente.
8. Precio por persona: este campo se usa para calcular el precio total que el sistema le mostrará al cliente por lo que sólo admite valores numéricos (no se permite el símbolo de pesos ni comas), presta atención a este dato ya que si lo introduces mal el sistema hará un cálculo incorrecto, se debe poner el precio por persona independientemente si el viaje pide un mínimo de dos para reservar.
9. Cantidad mínima de personas para agendar: solo se permiten valores numéricos.
10. Cantidad máxima de personas para este paquete: este dato se usa para crear un cupo limitado en caso de que exista (solo se permiten valores numéricos), puede quedar vacío.

Ajustar alertas.

Esta ficha contiene dos opciones las cuales ya vienen configuradas por defecto, por lo que las dejamos sin ningún cambio.

Mensajes y recordatorios.

Por último en esta ficha podemos configurar si así lo deseamos que el sistema envié correos tanto al administrador como a nuestros clientes para recordarles que su viaje esta por comenzar, o que faltan pagos por cubrir previos al viaje, etc.

1. Clic en la ficha mensajes y recordatorios.
2. Habilitar notificaciones de pago: Activar (enviará un email al cliente para informarle que se ha recibido un pago de manera satisfactoria)
3. Días previos al viaje (que no han sido pagados): introduce un valor numérico para establecer la cantidad de días previos al viaje y enviar un correo al cliente para informarle que aún no ha cubierto el costo total, en caso de que lo requieras.
4. Asunto y mensaje del email: en estos campos introduce el asunto y el cuerpo del correo que se enviara al cliente para informarle que no ha cubierto el total de pagos.
5. Mandar una copia al administrador: Activa éste botón si requieres que el mensaje de los puntos anteriores también llegue al correo administrativo. 
6. Habilitar avisos: clic en el botón para activar los mensajes de recordatorio para indicarle al cliente que su viaje esta a pocos días de iniciar.
7. Mensaje recordatorio días antes del viaje: introduce con un valor numérico los días previos al viaje para que el sistema mande el correo al cliente.
8. Asunto y mensaje del email: en estos campos introduce el asunto y el cuerpo del correo que se enviara al cliente para informarle que su viaje esta a pocos día de iniciar (puedes indicarle si es necesario que prepare la documentación o darle recomendaciones generales del viaje como el tipo de ropa que puede llevar según el clima del lugar que va a visitar, etc.).
9. Mandar una copia al administrador: Activa éste botón si requieres que el mensaje de los puntos anteriores también llegue al correo administrativo. 

PASO 6

EL PANEL DE CONFIGURACIONES.

Se encuentra del lado derecho de la pantalla y sus opciones se pueden cambiar de orden así mismo se pueden desplegar o colapsar según se requiera:

De los controles ubicados en este panel el más importante es el de publicar, por lo que lo explicaremos a detalle:

1. Guardar borrador: esta opción es útil sobre todo cuando aun no hemos terminado de editar el viaje y lo queremos dejar guardado para continuar trabajando después, pero que no este disponible al público.
   • La etiqueta que dice estado que se localiza debajo de este botón mostrara la leyenda “borrador“, cambiara hasta que se publique el articulo y mostrara la leyenda “publicado“.
   • El estado de un viaje (borrador, publicado), se puede modificar posteriormente dando clic en la opción editar situada justo al lado derecho de la misma leyenda.
2. Vista previa: con esta opción podemos obtener una vista real desde el panel frontal (es decir la parte que verán nuestros visitantes) de los cambios que vamos haciendo a nuestro viaje a medida que la vamos editando desde el panel del administrador.
3. Publicar: ésta opción nos permite guardar todos los cambios y publicar el viaje para que este disponible para nuestros clientes.

Notas:

Una vez que hemos publicado el viaje el botón publicar cambiara de nombre a “actualizar“, tenemos la opción de realizar cambios posteriores y para verlos reflejados solo debemos darle clic.

Sugerencia:

Te recomiendo que de vez en cuando des clic en el botón de guardar como borrador antes de que termines de editar el viaje, esto con la intención de ir guardando avances y evitar una perdida total de información en caso de que ocurra un corte de luz.

Los siguientes controles de este panel no son necesarios, sin embargo, te recomiendo que los configures, ya que ayudaran para que  el sistema pueda clasificar tu viaje dentro del resto de viajes que ya están creados en la plataforma, lo que hará también que el buscador optimice los resultados para los clientes.

1. Ver / configurar categorías de viajes: puedes elegir todas la categorías para las cuales se ajusta el viaje que estas editando y si no encuentras ninguna puedes agregar tus propias categorías pulsando sobre la opción +añadir una nueva categoría
2. Etiquetas de viajes: escribe separando con comas las palabras que mejor describen el viaje que estas configurando ejemplo: Sudamérica, ecoturismo, playa, diversión, bosque,… puedes agregar la cantidad de etiquetas que quieras.
3. Configuración de edades: elige la edad mínima permitida, puedes agregar nuevas edades si la que estas buscando no esta en la lista presionando la opción +añadir una nueva categoría escribe la edad con el signo ‘+’ al final ejemplo para 18 años, escribe: “18+”
4. Ver / Agregar actividades: elige las actividades incluidas o agrega nuevas pulsando sobre la opción +añadir una nueva categoría.
5. Ver / Agregar destinos: elige el o los destinos incluidas o agrega nuevos pulsando sobre la opción +añadir una nueva categoría.
6. Imagen destacada: de todas las opciones anteriores esta imagen te recomiendo ampliamente que sí la establezcas ya que el sistema la utilizara para colocarla en la miniatura donde se muestran todos los viajes y también se usara para establecerla como imagen de fondo en el encabezado de tu viaje.

NOTA: Los ajustes de los controles 1 al 5 no se mostraran al usuario final (el cliente), son como se menciono arriba, para que el sistema pueda clasificar el viaje que estas configurando. la parte visible al cliente se configura dentro del Page Builder misma que se explico arriba dentro de este mismo manual.

Si tienes alguna duda en cualquiera de los puntos de este manual puedes solicitar asesoría al equipo de interlabs ®