Ir al contenido principal

Web Pages: preguntas frecuentes y resolución de problemas

Encuentra respuestas a preguntas frecuentes, realiza cambios habituales en HTML y resuelve problemas en tus plantillas de Web Pages en Ezus.

⚠️ Antes de editar tu plantilla HTML, duplícala primero. Conserva la plantilla original sin cambios para poder volver a ella si alguna modificación provoca un resultado inesperado.

💡 Si no te sientes cómodo modificando el HTML por tu cuenta, siempre puedes utilizar el Chat de Ayuda de Ezus. Un miembro del equipo de Ezus podrá ayudarte con el cambio.


¿Puedo mostrar todas mis alternativas en la misma Web Page?

Actualmente, una Web Page no puede mostrar los detalles completos de todas las alternativas, incluyendo el programa, los alojamientos y el presupuesto, uno tras otro después de la propuesta principal. Este comportamiento es normal, ya que el programa es específico para cada alternativa.

Para obtener más información sobre cómo funcionan estas alternativas, consulta nuestro artículo ✍️ Cómo crear una alternativa de un proyecto.

Esto es lo que te recomendamos hacer:

  1. Genera una Web Page independiente para cada alternativa.

  2. Ve a la alternativa que elijas (por ejemplo, la principal) y publica tu Espacio Cliente.

  3. Añade la Web Page de la alternativa actual.

  4. Añade las demás Web Pages (correspondientes a las otras alternativas) al Espacio Cliente mediante una sección IFrame: simplemente copia y pega la URL de las Web Pages.

Esto te permitirá tener una pestaña para cada alternativa, con el programa correspondiente.


¿Puedo cambiar textos fijos, términos o el contenido del pie de página de mi Web Page?

Sí. Si el texto forma parte de tu plantilla HTML, puedes modificarlo directamente en la plantilla.

Primero, identifica si la información es:

  • Contenido fijo que debe permanecer igual en todos los proyectos → modifica el texto directamente en la plantilla HTML.

  • Contenido específico del proyecto que necesita cambiar con frecuencia → considera utilizar un campo personalizado para poder introducir la información en Ezus sin tener que editar el HTML cada vez.

Si solo necesitas sustituir un texto fijo, puedes utilizar un asistente de IA:

💬 Quiero cambiar el siguiente texto en mi Web Page de Ezus.

Texto actual:

[Pega el texto actual]

Nuevo texto:

[Pega el nuevo texto]

Este es mi HTML actual:

[Pega aquí tu HTML]

Cambia únicamente este texto. No modifiques las variables de Ezus, los bucles, los estilos ni otras secciones.

⚠️ Después de realizar el cambio, vuelve a generar la Web Page y comprueba que el texto aparece correctamente antes de utilizar la plantilla modificada con un cliente.


¿Puedo cambiar el orden de las secciones de mi Web Page?

Sí. Al cambiar el orden, recuerda que el menú de navegación y las secciones HTML correspondientes deben mantenerse coherentes.

Puedes utilizar un asistente de IA:

💬 Quiero cambiar el orden de las secciones de esta Web Page.

Reordena tanto el menú de navegación como las secciones correspondientes del HTML para que sigan este orden:

  1. [Sección 1]

  2. [Sección 2]

  3. [Sección 3]

No cambies el contenido, las variables de Ezus, los bucles ni los estilos. Cambia únicamente el orden de las secciones y de sus elementos de navegación correspondientes.

Este es mi HTML actual:

[Pega aquí tu HTML]

⚠️ Genera y prueba la Web Page después de realizar la modificación para asegurarte de que cada enlace de navegación sigue abriendo la sección correcta.


¿Puedo añadir un vídeo al hero de mi Web Page?

Sí. Puedes integrar un vídeo en el hero mediante un IFrame.

Como el vídeo debe integrarse en la estructura existente de tu Web Page, proporciona el HTML actual cuando pidas a un asistente de IA que realice el cambio.

Puedes utilizar:

💬 Quiero añadir un vídeo a la sección hero de esta Web Page de Ezus mediante un IFrame.

URL del vídeo:

[Pega la URL del vídeo]

Integra el IFrame en el hero existente. Mantén el diseño actual y no modifiques ninguna variable de Ezus, bucle u otra funcionalidad.

Este es mi HTML actual:

[Pega aquí tu HTML]

💡 Proporciona siempre el HTML existente para que el vídeo pueda integrarse en la estructura actual del hero en lugar de crear una sección independiente.

Después de realizar el cambio, vuelve a generar la Web Page y prueba el vídeo antes de utilizar la plantilla con un cliente.


¿Por qué la imagen de portada de mi Web Page se ve borrosa?

La imagen de portada se recupera del primer subdestino del proyecto.

Si la portada aparece borrosa, comprueba primero la imagen de origen asociada a ese subdestino. Una imagen de baja resolución puede perder calidad cuando se muestra ocupando una zona de portada de gran tamaño.

Para identificar la imagen:

  1. Identifica el primer subdestino de tu proyecto.

  2. Ve a Catalog > Destinations.

  3. Busca el subdestino correspondiente.

  4. Haz clic en el icono del ojo situado junto a él para abrirlo.

  5. Comprueba los archivos multimedia asociados al subdestino.

  6. Si es necesario, sustituye la imagen por una versión de mayor resolución.

  7. Vuelve a generar la Web Page y comprueba la portada.

⚠️ La portada se basa en el primer subdestino, no simplemente en cualquier destino o imagen del proyecto.

Si la imagen de origen tiene suficiente calidad pero la portada generada sigue viéndose borrosa, utiliza el chat de ayuda de Ezus para que podamos comprobar la configuración de la plantilla.


¿Por qué no cambia mi imagen de portada?

La imagen de portada se recupera automáticamente del primer subdestino del proyecto.

Si quieres actualizar la imagen de portada, identifica primero qué subdestino la está determinando:

  1. Identifica el primer subdestino de tu proyecto.

  2. Ve a Catalog > Destinations.

  3. Busca el destino que contiene ese subdestino.

  4. Haz clic en el icono del ojo situado junto al subdestino correspondiente.

  5. Comprueba los archivos multimedia asociados.

  6. Cambia el orden de los archivos multimedia correspondientes para colocar la imagen deseada en la posición 1.

  7. Vuelve a generar la Web Page para comprobar el resultado.

⚠️ Actualizar los archivos multimedia de otro destino o subdestino no cambiará la portada si no se trata del primer subdestino del proyecto.

💡 Después de cambiar los archivos multimedia, vuelve a generar la Web Page. La Web Page ya generada no reflejará automáticamente los cambios realizados en la información de origen.


¿Por qué no se muestra una imagen en mi Web Page?

Empieza comprobando la información de origen en Ezus antes de modificar tu plantilla HTML.

  1. Identifica qué elemento debería proporcionar la imagen, por ejemplo, un destino u otro elemento utilizado por la Web Page. Si no sabes qué elemento de Ezus proporciona la imagen, puedes utilizar un asistente de IA para ayudarte a identificarlo.

    Haz una captura de pantalla de la imagen tal y como aparece en la Web Page generada y copia el HTML de la sección correspondiente de tu plantilla de Web Page.

    A continuación, utiliza este prompt:

    💬 Tengo una imagen en mi Web Page generada en Ezus que no aparece, es incorrecta o quiero sustituir.

    He adjuntado una captura de pantalla que muestra la parte correspondiente de la Web Page generada.

    Este es el HTML correspondiente a esta sección:

    [Pega aquí el HTML correspondiente]

    Identifica qué variable de Ezus o elemento HTML es responsable de mostrar esta imagen y explica, basándote únicamente en el código proporcionado, de dónde es probable que se recupere la imagen en Ezus (por ejemplo, de un destino, subdestino, producto, Step, Supplier u otro objeto).

    Después, indícame qué debo comprobar en Ezus.

    No inventes una variable de Ezus ni una ubicación si no es posible determinar el origen a partir del HTML. Si necesitas más código o información para identificarlo, indícame exactamente qué debo proporcionar.

    💡 No necesitas pegar toda la plantilla HTML. Empieza por la sección que rodea la imagen. Si la imagen está dentro de un bucle, incluye el inicio del bucle ({% for ... %}) y su correspondiente {% endfor %} para que la IA pueda identificar el objeto utilizado.

  2. Abre ese elemento en Ezus.

  3. Comprueba que la imagen esperada está realmente asociada a él.

  4. Si falta la imagen, añádela.

  5. Vuelve a generar la Web Page y comprueba el resultado.

Si la imagen existe en Ezus pero sigue sin aparecer, el problema puede deberse a la configuración de la plantilla o a un filtro que controla qué imágenes se muestran.

En este caso, comprueba la variable o el HTML responsable de mostrar la imagen antes de sustituirla.

Si no puedes identificar la causa, utiliza el chat de ayuda de Ezus y proporciona el proyecto, la plantilla y la imagen que falta para que podamos comprobar la configuración.


¿Por qué el mapa muestra una ubicación incorrecta?

El mapa utiliza el nombre del subdestino y el destino para identificar la ubicación en Google Maps.

Si un subdestino tiene un nombre que existe en varios países o regiones, Google Maps puede identificar la ubicación incorrecta. Esto también puede ocurrir cuando el nombre introducido en Ezus no es lo suficientemente específico para que Google Maps encuentre el lugar correcto.

Por ejemplo, Cartagena puede hacer referencia a diferentes ciudades. Si Google Maps identifica la incorrecta, haz que el nombre del subdestino sea más específico añadiendo el país:

Cartagena → Cartagena, Colombia

Para corregir la ubicación:

  1. Comprueba el nombre del subdestino utilizado en tu proyecto.

  2. Si el nombre es ambiguo o Google Maps no puede identificarlo correctamente, edita el nombre del subdestino para que la ubicación sea más específica.

  3. Por ejemplo, añade el país u otra información geográfica relevante: Cartagena, Colombia.

  4. Vuelve a generar la Web Page.

  5. Comprueba que el mapa muestra ahora la ubicación correcta.

💡 Si la ubicación tiene un nombre común o ambiguo, añadir el país al nombre del subdestino puede ayudar a Google Maps a identificar el lugar correcto.

⚠️ Si Google Maps sigue sin poder identificar la ubicación correcta después de hacer más específico el nombre del subdestino, utiliza el chat de ayuda de Ezus para que un miembro del equipo pueda ayudarte a investigarlo.


¿Por qué no se muestra correctamente la duración del transporte?

Empieza comprobando el propio transporte. Asegúrate de que el transporte utilizado en el proyecto contiene la información que esperas mostrar.

Si la información existe en Ezus pero la duración sigue sin aparecer correctamente, comprueba la plantilla HTML.

En una plantilla HTML, la información del transporte se recupera del objeto de transporte actual. Dependiendo de la estructura del bucle, puedes encontrar:

{{ transport.duration }}

Si no se muestra correctamente, no sustituyas inmediatamente la variable. Comprueba primero qué objeto de transporte está definido por el bucle que la contiene.

Puedes pedir a un asistente de IA que lo compruebe:

💬 La duración del transporte en mi Web Page de Ezus no se muestra correctamente.

Actualmente, la plantilla utiliza:

{{ transport.duration }}

Comprueba el bucle de transporte y la variable de duración utilizada en su interior.

Mantén la lógica existente de Ezus y utiliza el objeto que ya está definido por el bucle. No cambies variables, bucles, HTML ni estilos que no estén relacionados.

Este es el HTML correspondiente:

[Pega aquí el bucle de transporte y el HTML que lo rodea]

⚠️ Las variables dentro de los bucles deben corresponder al objeto actual definido por ese bucle. Comprueba el bucle que las rodea antes de cambiar la variable.


¿Por qué aparece un vuelo nocturno en dos días?

Actualmente, un vuelo nocturno puede aparecer tanto en el día de salida como en el día de llegada, y la hora de salida puede repetirse en el día de llegada. Este comportamiento se ha detectado en las Web Pages.

Por ejemplo, si un vuelo sale tarde el Día 2 y llega el Día 3, es posible que veas la información del vuelo en ambos días.

Esto no significa necesariamente que la información de tu proyecto sea incorrecta.

Si observas este comportamiento y necesitas una visualización diferente, utiliza el chat de ayuda de Ezus y proporciona el proyecto y la Web Page afectados para que un miembro del equipo pueda comprobar si la plantilla puede adaptarse.


¿Por qué mi variable HTML no muestra nada?

Antes de cambiar la variable, comprueba primero si la información que intentas mostrar existe realmente en Ezus.

Después:

  1. Identifica la variable que no se muestra.

  2. Identifica de dónde procede la información en Ezus.

  3. Comprueba que la información correspondiente tiene un valor.

  4. Determina si la variable está fuera o dentro de un bucle.

  5. Comprueba que la variable utiliza la sintaxis correcta para ese contexto.

  6. Vuelve a generar la Web Page después de realizar la corrección.

Las variables clásicas situadas fuera de los bucles y las variables que hacen referencia al objeto actual dentro de un bucle utilizan una sintaxis diferente.

Por ejemplo, dentro de un bucle:

{% for day in days %} {{ day.title }} {% endfor %}

Aquí, day.title hace referencia al day actual definido por el bucle.

Si la información de origen existe pero la variable sigue apareciendo vacía, comprueba su sintaxis y contexto antes de sustituirla.

👉 Lista completa de variables para HTML


¿Por qué mi bucle no muestra nada?

Un bucle solo puede mostrar elementos que realmente existan en la colección que intenta recuperar.

Antes de editar el HTML, comprueba que tu proyecto de prueba contiene el tipo de información que el bucle debe mostrar.

A continuación, comprueba el propio bucle:

  1. Comprueba la colección utilizada en {% for ... %}.

  2. Comprueba el nombre asignado al objeto actual.

  3. Comprueba que las variables dentro del bucle utilizan correctamente ese objeto.

  4. Comprueba que el bucle tiene su correspondiente {% endfor %}.

Por ejemplo, si estás probando un bucle destinado a mostrar días, asegúrate de que el proyecto contiene realmente la información correspondiente del programa antes de concluir que el HTML es incorrecto.

También puedes utilizar un asistente de IA:

💬 Este bucle de mi plantilla HTML de Ezus no muestra ningún contenido.

Comprueba la estructura del bucle y las variables que contiene.

No inventes variables de Ezus ni cambies la finalidad del bucle. Identifica cualquier problema de estructura o sintaxis y realiza únicamente los cambios necesarios para corregirlo.

Este es el HTML:

[Pega aquí el bucle completo]

Después de realizar la corrección, vuelve a generar la Web Page utilizando un proyecto que contenga la información esperada.


¿Por qué se repite el contenido varias veces?

El contenido repetido suele estar relacionado con la posición de un bucle en el HTML.

Un bucle comienza con:

{% for ... %}

y termina con:

{% endfor %}

Todo lo que se encuentra entre estos dos elementos se repite para cada elemento correspondiente.

Por ejemplo, si una sección completa está dentro de un bucle que se ejecuta una vez por cada día, toda la sección se generará una vez por día.

Para resolver el problema:

  1. Identifica exactamente qué contenido se está repitiendo.

  2. Busca el {% for ... %} situado inmediatamente antes.

  3. Busca su correspondiente {% endfor %}.

  4. Comprueba si algún contenido que debería aparecer una sola vez se ha colocado accidentalmente dentro del bucle.

Puedes utilizar un asistente de IA:

💬 Una parte de mi Web Page de Ezus se repite varias veces.

Comprueba los límites de los bucles en este HTML e identifica qué contenido se está repitiendo.

Solo quiero que se repita el siguiente contenido:

[Describe qué debe repetirse]

No modifiques las variables de Ezus ni otras secciones.

HTML:

[Pega aquí el HTML correspondiente]


¿Por qué aparece información en el día equivocado?

Esto puede ocurrir cuando la información se encuentra en un contexto de día u objeto incorrecto dentro del HTML.

En las plantillas que contienen bucles anidados, la información relacionada con un día específico debe permanecer dentro de la estructura correspondiente a ese día.

Por ejemplo, los Steps pertenecientes a un día deben recuperarse dentro de la estructura del día correspondiente, en lugar de recuperarse de forma independiente.

Para resolver el problema:

  1. Identifica un ejemplo en el que la información aparezca en el día equivocado.

  2. Comprueba el proyecto de origen y confirma a qué día pertenece realmente.

  3. Localiza esa información en el HTML.

  4. Comprueba los bucles de días y elementos que la rodean.

  5. Asegúrate de que el contenido no se haya colocado fuera del bucle correspondiente.

Si no estás seguro, puedes utilizar un asistente de IA:

💬 Parte de la información de mi Web Page de Ezus aparece en el día equivocado.

Comprueba los bucles existentes de días y elementos e identifica si algún contenido se encuentra fuera del bucle que le corresponde.

No inventes nuevas variables de Ezus ni cambies el diseño de la página.

Este es el HTML correspondiente:

[Pega aquí el HTML]


¿Por qué mi campo personalizado no muestra nada?

Primero, comprueba el propio campo personalizado antes de modificar la plantilla de la Web Page.

Debes verificar:

  1. Que el campo personalizado contiene un valor.

  2. Que la plantilla utiliza su nombre técnico, no solo su nombre visible.

  3. Dónde se creó el campo personalizado.

  4. A qué objeto está accediendo el HTML cuando intenta mostrar el campo.

Esto es importante porque un campo personalizado asociado a un Supplier, Product, Step u otro objeto debe utilizarse en el contexto correspondiente.

Por ejemplo, que un campo personalizado de un Product tenga un valor no significa automáticamente que ese mismo campo pueda recuperarse desde el contexto de un Step.

Si el campo contiene un valor pero no puedes determinar el nombre técnico o el contexto correcto, utiliza el chat de ayuda de Ezus en lugar de sustituir la variable por otra que no esté relacionada.


¿Por qué dejó de funcionar mi Web Page después de editar el HTML?

Un pequeño error en el HTML o en la sintaxis de la plantilla puede afectar a una sección completa o incluso al resto de la Web Page.

Empieza por el último cambio que realizaste en lugar de reescribir toda la plantilla.

Comprueba:

  1. Las etiquetas HTML de apertura y cierre.

  2. {% for ... %} y {% endfor %}.

  3. Los corchetes y llaves.

  4. Las comillas.

  5. Las variables de Ezus.

  6. La estructura HTML situada inmediatamente alrededor de tu modificación.

Si duplicaste la plantilla antes de editarla, compara la zona modificada con la versión original. Esto puede ayudarte a identificar exactamente qué ha cambiado.

También puedes utilizar un asistente de IA:

💬 Mi Web Page de Ezus dejó de funcionar después de realizar un cambio en este HTML.

Identifica cualquier problema en la estructura HTML, etiquetas sin cerrar, bucles, comillas o errores de sintaxis.

Conserva todas las variables de Ezus y la lógica existente de la plantilla. No rediseñes ni reescribas la plantilla. Realiza únicamente los cambios mínimos necesarios para corregir el problema.

Este es mi HTML:

[Pega aquí el HTML correspondiente]

⚠️ Realiza la corrección primero en la plantilla duplicada y vuelve a generar la Web Page antes de aplicarla a un proyecto de un cliente.


¿Por qué no funciona un modificador de Slides en mi Web Page?

Slides y Web Pages no utilizan exactamente la misma lógica de plantillas.

Los modificadores específicos de Slides, como:

  • &&

  • @@

  • #--#

no deben copiarse directamente en una plantilla HTML.

Si has copiado una variable o parte de la lógica de una plantilla Slides a una Web Page:

  1. Identifica el resultado que quieres conseguir.

  2. No asumas que el modificador de Slides funcionará en HTML.

  3. Comprueba el método HTML correspondiente para mostrar, repetir o mostrar condicionalmente ese contenido.

  4. Genera y prueba la Web Page después de realizar el cambio.

👉 Utilizar variables y bucles en plantillas HTML

👉 Filtrar y mostrar contenido de forma condicional en plantillas HTML


¿Por qué no se muestran los saltos de línea de mi campo personalizado?

Primero, comprueba el campo personalizado en Ezus y confirma que el texto contiene realmente los saltos de línea esperados.

Si los saltos de línea existen en la información de origen pero la Web Page muestra el texto de forma continua, es posible que el estilo HTML no los esté conservando.

Las opciones CSS compatibles incluyen:

white-space: pre-line;

o:

white-space: pre-wrap;

Si quieres que un asistente de IA añada esta configuración sin afectar al resto de la página:

💬 El siguiente campo personalizado de mi Web Page de Ezus contiene saltos de línea, pero no se muestran correctamente.

Conserva los saltos de línea utilizando una propiedad CSS white-space adecuada.

No cambies la variable de Ezus, otros estilos ni la lógica de la plantilla que la rodea.

Este es el HTML y CSS correspondiente:

[Pega aquí el HTML y CSS correspondientes]

Después de realizar el cambio, vuelve a generar la Web Page y comprueba un campo personalizado que contenga varias líneas para confirmar que se conserva el formato.


¿Por qué mi Web Page se ve correctamente en ordenador pero no en móvil?

Las Web Pages pueden mostrarse de forma diferente dependiendo del tamaño de la pantalla. Si una sección se ve correctamente en ordenador pero no en móvil, el problema puede deberse al HTML o CSS responsive utilizado en esa sección.

Antes de cambiar nada:

  1. Abre la Web Page generada en un ordenador.

  2. Abre la misma Web Page en un dispositivo móvil o en una pantalla más pequeña.

  3. Identifica la sección exacta que se muestra de forma inesperada.

  4. Comprueba si el problema afecta al texto, las imágenes, las columnas, el espaciado u otro elemento del diseño.

  5. Modifica únicamente el HTML/CSS responsive responsable de esa sección.

A continuación, puedes utilizar un asistente de IA:

💬 Esta sección de mi Web Page de Ezus se muestra correctamente en ordenador, pero no en móvil.

Comprueba únicamente el HTML/CSS responsive de esta sección y adáptalo para pantallas más pequeñas.

Conserva la apariencia en ordenador tanto como sea posible. No modifiques ninguna variable de Ezus, bucle o lógica de la plantilla.

Este es el HTML y CSS correspondiente:

[Pega aquí el HTML y CSS correspondientes]

⚠️ Prueba la Web Page generada tanto en ordenador como en móvil después de realizar cambios responsive.


¿Sigues necesitando ayuda?

Si has seguido los pasos de resolución de problemas y el problema continúa, utiliza el chat de ayuda de Ezus.

Para ayudar al equipo de Ezus a investigar el problema más rápidamente, proporciona:

  • La plantilla afectada

  • El proyecto con el que estás realizando la prueba

  • Una captura de pantalla del resultado actual

  • Una breve explicación de lo que esperabas ver

  • Los pasos que ya has probado

Esto proporcionará al equipo el contexto necesario para reproducir el problema y comprobar la configuración correspondiente.

¿Ha quedado contestada tu pregunta?