Ir al contenido principal

Lista completa de variables para HTML

Utiliza esta página como referencia para encontrar las variables disponibles al editar una plantilla HTML de Ezus.

Las variables permiten que una plantilla HTML recupere la información introducida en Ezus y la muestre automáticamente en la página web generada.

La variable que debes utilizar depende de dónde te encuentres en la plantilla HTML:

  • Fuera de un bucle, utiliza las variables disponibles en el Variable Drawer.

  • Dentro de un bucle, utiliza la variable Jinja correspondiente al elemento que se está mostrando en ese momento.

Antes de empezar: ¿qué es un bucle?

Un bucle se utiliza cuando quieres repetir el mismo bloque HTML para varios elementos.

Por ejemplo, si un proyecto contiene varios días, este bucle:

{% for day in days %}

indica a Ezus que repita el contenido dentro del bucle una vez por cada día.

Dentro de ese bucle, day representa el día que se está generando en ese momento. Por lo tanto, puedes utilizar:

{{ day.title }}

para mostrar el título de cada día.

El mismo principio se aplica a alojamientos, transportes, actividades, proveedores, productos y otras listas.

👉 Uso de bucles en plantillas HTML

👉 Uso de campos personalizados en plantillas HTML

1. Variables fuera de un bucle

Fuera de un bucle, utiliza las variables disponibles en el Variable Drawer.

Para abrirlo mientras editas tu plantilla HTML, haz clic en el botón Variables del editor de plantillas.

Haz clic en el elemento que necesites y, a continuación, copia la variable correspondiente en tu plantilla HTML.

💡 No necesitas utilizar Slides para acceder a estas variables. El Variable Drawer está disponible directamente desde el editor de plantillas HTML.

2. Variables dentro de un bucle

Una vez dentro de un bucle, utiliza la variable Jinja que representa el elemento actual.

Por ejemplo:

{% for day in days %}

crea un bucle a través de los días del proyecto.

Dentro de ese bucle:

{{ day.title }}

muestra el título del día actual.

Del mismo modo:

{% for supplier in suppliers %}

recorre los proveedores, y:

{{ supplier.title }}

muestra el título del proveedor que se está procesando en ese momento.

Las siguientes secciones enumeran las variables disponibles para los principales tipos de bucles.

3. Días

Utiliza estas variables dentro de:

{% for day in days %}

Información

Variable

Índice del día

{{ day.index }}

Titulo

{{ day.title }}

Fecha

{{ day.date }}

Imagenes

{% for image in day.images %}

Precio

{{ day.price }}

Precio de venta

{{ day.price.sales }}

Precio de compra

{{ day.price.purchase }}

Productos

{{ day.products }}

Productos con opciones

{{ day.products.option }}

Productos sin opciones

{{ day.products.no_option }}

Activitidades

{% for activity in day.activities %}

Etapas

{% for step in day.steps %}

Etapas

{% for accommodation in day.accommodations %}

Transportes

{% for transport in day.transports %}

Destinos

{% for destination in day.destinations %}

Productos

{% for product in day.product %}

Formatos de fecha del día

Puedes elegir cómo se muestra la fecha añadiendo un formato.

Formato

Variable

Mes / año corto

{{ day.date.["%m/%y"] }}

Mes / año completo

{{ day.date.["%m/%Y"] }}

Día / mes / año corto

{{ day.date.["%d/%m/%y"] }}

Día / mes / año completo

{{ day.date.["%d/%m/%Y"] }}

Mes / día / año corto

{{ day.date.["%m/%d/%y"] }}

Mes / día / año completo

{{ day.date.["%m/%d/%Y"] }}

Día / mes

{{ day.date.["%d/%m"] }}

Mes / día

{{ day.date.["%m/%d"] }}

Fecha completa escrita

{{ day.date.["%A %d %B %Y"] }}

Por ejemplo, si la fecha es 21 de septiembre de 2026:

{{ day.date.["%d/%m/%Y"] }}

muestra:

21/09/2026

mientras que:

{{ day.date.["%A %d %B %Y"] }}

muestra la fecha completa escrita.

4. Elementos que comienzan en un día

Dentro de un bucle de día, también puedes recuperar únicamente los elementos que comienzan ese día.

Información

Bucle

Etapas que comienzan ese día

{% for step in day.start.steps %}

Alojamientos que comienzan ese día

{% for accom in day.start.accomodations %}

Transportes que comienzan ese día

{% for transp in day.start.transports %}

Actividades que comienzan ese día

{% for activity in day.start.activities %}

Destinos que comienzan ese día

{% for destination in day.start.destinations %}

5. Elementos que finalizan en un día

Puedes aplicar la misma lógica a los elementos que finalizan en el día actual.

Información

Bucle

Etapas que finalizan ese día

{% for step in day.end.steps %}

Alojamientos que finalizan ese día

{% for accom in day.end.accomodations %}

Transportes que finalizan ese día

{% for transp in day.end.transports %}

Actividades que finalizan ese día

{% for activity in day.end.activities %}

Destinos que finalizan ese día

{% for destination in day.end.destinations %}

6. Actividades, etapas, alojamientos y transportes

Las actividades, etapas, alojamientos y transportes comparten muchas de las mismas propiedades.

En la siguiente tabla, X representa el objeto actual.

Dependiendo de tu bucle, sustituye X por:

  • activity

  • step

  • accom

  • transp

Por ejemplo, dentro de:

{% for step in day.steps %}

utiliza:

{{ step.title }}

Dentro de un bucle de transporte, utiliza:

{{ transp.title }}

Información disponible

Información

Variable

Índice

{{ X.index }}

Titulo

{{ X.title }}

Es una opción

{{ X.is_option }}

Duración

{{ X.duration }}

Duración — horas + minutos

{{ X.duration.["hours+minutes"] }}

Duración — minutos

{{ X.duration.minutes }}

Duración — horas

{{ X.duration.hours }}

Duración — minutos + horas con formato

{{ X.duration.minutes_hours }}

Noches

{{ X.nights }}

Imagenes

X.images

Proveedor

X.supplier

Descripción larga

{{ X.description }}

Descripción larga

{{ X.description.long }}

Descripción corta

{{ X.description.short }}

Precio

{{ X.price }}

Precio de venta

{{ X.price.sales }}

Precio de compra

{{ X.price.purchase }}

Número de viajeros / PAX

{{ X.pax }}

Categoria

{{ X.category }}

Fecha de inicio

{{ X.date_start }}

Fecha de fin

{{ X.date_end }}

Hora de inicio

{{ X.hours_start }}

Hora de finalización

{{ X.hours_end }}

Productos

{{ X.products }}

Productos con opciones

{{ X.products.option }}

Productos sin opciones

{{ X.products.no_option }}

Dirección

{{ X.address }}

Nombre de la dirección

{{ X.address.name }}

Etiqueta de la dirección

{{ X.address.label }}

Código postal

{{ X.address.zip }}

Ciudad

{{ X.address.city }}

País

{{ X.address.country }}

Campos personalizados

X.custom_fields

Formatos de la fecha de inicio

Formato

Variable

Mes / año corto

{{ X.date_start.["%m/%y"] }}

Mes / año completo

{{ X.date_start.["%m/%Y"] }}

Día / mes / año corto

{{ X.date_start.["%d/%m/%y"] }}

Día / mes / año completo

{{ X.date_start.["%d/%m/%Y"] }}

Mes / día / año corto

{{ X.date_start.["%m/%d/%y"] }}

Mes / día / año completo

{{ X.date_start.["%m/%d/%Y"] }}

Día / mes

{{ X.date_start.["%d/%m"] }}

Mes / día

{{ X.date_start.["%m/%d"] }}

Fecha completa escrita

{{ X.date_start.["%A %d %B %Y"] }}

Las mismas opciones de formato pueden aplicarse a date_end.

7. Destinos

Utiliza estas variables dentro de:

{% for destination in destinations %}

Información

Variable

Índice

{{ destination.index }}

Destino

{{ destination.destination }}

Subdestino

{{ destination.subdestination }}

Imágenes

destination.images

Descripción larga

{{ destination.description }}

Descripción larga

{{ destination.description.long }}

Descripción corta

{{ destination.description.short }}

Fecha de inicio

{{ destination.date_start }}

Fecha de finalización

{{ destination.date_end }}

Duración

{{ destination.duration }}

Noches

{{ destination.nights }}

8. Viajeros

Utiliza estas variables dentro de:

{% for traveller in travellers %}

Información

Variable

Índice

{{ traveller.index }}

Nombre Completo

{{ traveller.name }}

Nombre

{{ traveller.first_name }}

Apellido

{{ traveller.last_name }}

Email

{{ traveller.email }}

Teléfono

{{ traveller.phone1 }}

Campos personalizados

traveller.custom_fields

9. Proveedores

Utiliza estas variables dentro de:

{% for supplier in suppliers %}

Información

Variable

Índice

{{ supplier.index }}

Titulo

{{ supplier.title }}

Destino

{{ supplier.destination }}

Subdestino

{{ supplier.subdestination }}

Imágenes

supplier.images

Dirección

{{ supplier.address }}

Nombre de la dirección

{{ supplier.address.name }}

Etiqueta de la dirección

{{ supplier.address.label }}

Código postal

{{ supplier.address.zip }}

Ciudad

{{ supplier.address.city }}

País

{{ supplier.address.country }}

Contactos

supplier.contacts

Categoría

{{ supplier.category }}

Subcategoría

{{ supplier.subcategory }}

Productos

{{ supplier.products }}

Productos con opciones

{{ supplier.products.option }}

Productos sin opciones

{{ supplier.products.no_option }}

Descripción larga

{{ supplier.description }}

Descripción larga

{{ supplier.description.long }}

Descripción corta

{{ supplier.description.short }}

Capacidad

{{ supplier.capacity }}

Sitio Web

{{ supplier.website }}

Número

{{ supplier.number }}

Etapa

{{ supplier.stage }}

Campos personalizados

supplier.custom_fields

Logo

{{ supplier.logo }}

10. Prestatario

La información del Provider tiene su propio conjunto de variables.

Para encontrarlas en el Variable Drawer, ve a:

Producto → Prestatario

Las variables del Prestatario siguen la misma estructura y lógica que las variables de Proveedor, pero recuperan información del provider asociado al producto.

⚠️ Proveedor y Prestatario no son intercambiables.

Asegúrate de seleccionar la fuente de información correcta, especialmente cuando un producto contiene información tanto de Proveedor como de Prestatario.

11. Contactos de proveedores

Para repetir los contactos asociados a un proveedor, utiliza:

{% for contact in supplier.contacts %}

Dentro de ese bucle, puedes utilizar:

Información

Variable

Índice

{{ contact.index }}

Email

{{ contact.email }}

Cargo / función

{{ contact.title }}

Nombre Completo

{{ contact.name }}

Tratamiento

{{ contact.civility }}

Teléfono principal

{{ contact.phone1 }}

Teléfono secundario

{{ contact.phone2 }}

Nombre

{{ contact.first_name }}

Apellido

{{ contact.last_name }}

Estas variables se aplican a los contactos a los que se accede desde un proveedor.

12. Productos

Se puede acceder a los productos desde diferentes contextos.

Por ejemplo:

{% for product in x.product %}

o:

{% for product in product %}

Cuando los productos pertenecen a otro elemento del programa, X puede representar:

  • activity

  • step

  • accom

  • transp

Dentro del bucle de productos, utiliza:

Information

Variable

Titulo

{{ product.title }}

Descripción larga

{{ product.description }}

Descripción larga

{{ product.description.long }}

Descripción corta

{{ product.description.short }}

Capacidad

{{ product.capacity }}

Notas

{{ product.notes }}

Precio de venta unitario

{{ product.price }}

Cantidad

{{ product.price.quantity }}

Precio de venta total

{{ product.price.total }}

Precio de compra unitario

{{ product.price.purchase }}

Precio de compra total

{{ product.price.purchase_total }}

Imágenes

product.images

Proveedor

product.supplier

Etapa asociada

product.step

Paquetes

product.package

Campos personalizados

product.custom_fields

⚠️ product.supplier solo está disponible cuando no te encuentras ya dentro del contexto de un proveedor.

Del mismo modo, product.step solo está disponible cuando no te encuentras ya dentro del contexto de una actividad, alojamiento, transporte o etapa.

13. Imágenes

Se puede acceder a las imágenes desde varios objetos utilizando un bucle como:

{% for image in element %}

Las colecciones de imágenes disponibles incluyen:

  • day.images

  • activity.images

  • step.images

  • accom.images

  • transp.images

  • destination.images

  • supplier.images

  • product.images

  • package.images

Por ejemplo:

{% for image in day.images %}

te permite repetir un bloque para cada imagen asociada al día actual.

⚠️ Los modificadores de imagen de Slides [crop], [center] y el comportamiento de imagen predeterminado de Slides no funcionan en HTML.

En las plantillas HTML, el tamaño de la imagen, el comportamiento del recorte, la alineación, las proporciones y el posicionamiento deben controlarse mediante CSS.

¿Ha quedado contestada tu pregunta?