Documentos # Diseñar una plantilla de documento Coloca textos, tablas, imágenes, códigos de barras y campos, vincúlalos a datos de la orden o el viaje, previsualiza o deja que la IA haga el diseño. Actualizado el 4 de octubre de 2026 **Quién puede hacerlo:** Permiso para plantillas de documento. El diseñador es donde creas una plantilla de documento. La página está en el centro, la barra de herramientas arriba y la barra lateral tiene cuatro pestañas: **Elementos**, **Propiedades**, **Datos** y **Capas**. ## La barra de herramientas * **Nombre de la plantilla**, **Tipo de documento** y **Tipo de entidad** de la plantilla. * **Deshacer** y **Rehacer**. * **Alejar** y **Acercar**, del 25 % al 200 %. * **Cuadrícula** muestra una cuadrícula en la página y **Ajustar a cuadrícula** hace que los elementos se ajusten a ella. * **Generar con IA**, **Vista previa** y **Guardar**. Al guardar se cierra el diseñador. ## Configurar la página 1. Haz clic en una parte vacía de la página para que no haya ningún elemento seleccionado. 2. Abre la pestaña **Propiedades**. 3. En **Ajustes de página**, elige el **Tamaño de página** (A4, A5 o Letter) y la **Orientación** (**Vertical** u **Horizontal (apaisado)**). 4. Define los **Márgenes** en milímetros. 5. Si quieres, introduce la dirección de una imagen de fondo, por ejemplo un formulario CMR escaneado sobre el que colocar tus campos. ## Añadir elementos 1. Abre la pestaña **Elementos**. 2. Haz clic en un tipo de elemento o arrástralo a la página. 3. Arrastra el elemento a su sitio y arrastra sus bordes para cambiar su tamaño. 4. Con el elemento seleccionado, abre **Propiedades** para definir su posición, estilo, borde, opacidad y los ajustes propios de ese tipo. | Elemento | Uso | | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | | **Texto** | Texto fijo o basado en datos, con fuente, tamaño, grosor, estilo, color y alineación. | | **Campo de entrada** | Un campo que sigue siendo rellenable en el PDF descargado. Puedes definir un texto de ejemplo, si es obligatorio y una longitud máxima. | | **Enlace** | Una dirección web en la que se puede hacer clic y que puede contener datos. | | **Imagen** | Un logotipo o una imagen. | | **Forma**, **Línea** | Rectángulos, círculos, elipses y líneas horizontales o verticales para recuadros y separadores. | | **Tabla** | Filas y columnas, por ejemplo las mercancías de un envío. | | **Código de barras**, **Código QR** | Un código generado a partir de un valor, como el número de orden. | | **Contenedor** | Agrupa los elementos que van juntos. | | **Repetidor** | Repite su contenido para cada elemento de una lista, como cada envío o cada parada. | | **Condicional** | Muestra su contenido solo cuando se cumple una condición. | Cuando hay un **Contenedor**, un **Repetidor** o un **Condicional** seleccionado, los elementos nuevos se añaden dentro de él. Usa Ctrl+C y Ctrl+V (Cmd en un Mac) para copiar y pegar un elemento, y Ctrl+D para duplicarlo. ## Conectar elementos a datos 1. Selecciona el elemento y abre la pestaña **Datos**. 2. Elige **Estático** para texto fijo, **Variable** para un campo de datos o **Expresión** para texto que mezcla datos, bucles y condiciones. 3. En **Campos disponibles**, usa **Buscar campos...** y haz clic en un campo para vincularlo. Los campos dependen del tipo de entidad de la plantilla. 4. Para una lista, como envíos o mercancías, haz clic en un campo marcado con (loop). Así se configura un bucle sobre esa lista, por ejemplo en un **Repetidor**. **Ayuda de sintaxis**, en la misma pestaña, muestra la notación: * **Variables**: `{{field.path}}` * **Bucles**: `{% for item in items %}...{% endfor %}` * **Condicionales**: `{% if condition %}...{% endif %}` * **Formato**: `{{value | format:"date"}}` * **Alternativas**: `{{field.path ?? other.path ?? "default"}}` ## Organizar las capas La pestaña **Capas** muestra todos los elementos. Haz clic en uno para seleccionarlo, o usa los iconos para duplicarlo o eliminarlo. Los elementos dentro de un contenedor, repetidor o condicional se muestran debajo de su elemento padre. ## Previsualizar el resultado 1. Haz clic en **Vista previa**. 2. Revisa la página, rellenada con datos de ejemplo. 3. Haz clic en **Editar datos** para cambiar los **Datos de ejemplo** (JSON) y ver cómo reacciona la plantilla, por ejemplo ante nombres largos o muchas mercancías. 4. Haz clic en **Descargar PDF** para probar el PDF real. ## Generar un diseño con IA 1. Haz clic en **Generar con IA**. Se abre el panel **Generar plantilla de documento con IA**. 2. Si quieres, sube una imagen o un PDF de un documento existente. 3. Describe lo que necesitas en **Descripción**, por ejemplo «Recrea esta carta de porte CMR y vincula el remitente y el destinatario a los datos del cliente». 4. Deja activado **Modificar el diseño actual (sin marcar: empezar de nuevo)** para cambiar el diseño actual, o desactívalo para empezar de nuevo. 5. Haz clic en **Generar plantilla** y espera mientras se muestra **Generando...**. 6. Revisa el diseño. Todavía no está guardado. Corrige los vínculos que el panel indique que no coinciden con ningún campo, porque se imprimirían vacíos. 7. Haz clic en **Guardar**. ## Artículos relacionados * [Crear y gestionar plantillas de documento](/es/help/document-templates) * [Descargar un documento desde una plantilla](/es/help/download-document-from-template) * [Imprimir documentos CMR](/es/help/cmr-documents) ## ¿Sigues necesitando ayuda? Nuestro equipo de soporte responde encantado a cualquier pregunta sobre Transportial. [Contactar con soporte](/es/contact)[Informar de un problema](/es/report-issue) --- Canonical page: https://transportial.com/es/help/document-designer