Guía de usuario

Editor de plantillas personalizadas

Crea tu propio diseño de factura a partir de las 25 plantillas de la galería o desde cero, da estilo a cada elemento, limítalo a ciertos perfiles y aplícalo a una factura.

Actualizado: 2026-09-09

Los doce diseños integrados cubren la mayoría de las facturas, pero deciden por ti dónde van el logotipo, las fechas y la dirección del cliente. El editor de plantillas personalizadas te permite componer esas partes tú mismo. Colocas elementos en seis ranuras alrededor de un cuerpo fijo, das estilo a cada uno y guardas el resultado como una plantilla propia. A partir de ahí cualquier factura puede cambiarse a esa plantilla con dos toques, y el PDF lo dibuja un renderizador personalizado aparte, en lugar de uno de los doce diseños.

Esta guía sigue a Nadia Okafor, de Fern & Petal Floral Design Studio en Portland, Oregón. Quiere una página tranquila, mayormente blanca, para clientes de hoteles y restaurantes: un logotipo ancho y dos líneas de contacto a la izquierda, los datos de la factura y la dirección del cliente a la derecha, y una sola línea verde de agradecimiento en el pie. Su factura FP-2026-0218 al Alder Street Hotel se usa para el PDF final. También gestiona un segundo perfil de empresa, Fern & Petal Weddings, y por eso la función de alcance por perfil aparece por el camino.

Qué ves en la pantalla

Las plantillas personalizadas viven en Ajustes (Settings), bajo la fila Plantillas PDF (PDF templates) (subtítulo «Crea y gestiona tus propios diseños»). La pantalla tiene tres pestañas. Mías (Mine) enumera las plantillas que has guardado en una cuadrícula de tarjetas de dos columnas. Galería (Gallery) contiene 25 diseños de partida en seis categorías que se abren en el editor ya rellenados. Paletas (Palettes) es donde se construyen los conjuntos de colores personalizados; esa pestaña se trata en la guía de paletas y solo importa aquí porque una plantilla guardada recuerda qué paleta usa.

Cada tarjeta de Mías muestra una miniatura esquemática dibujada a partir del diseño (barras de colores, no un renderizado real del PDF), el nombre de la plantilla en negrita y una línea de alcance que dice Todos los perfiles (All profiles) o Restringido a perfiles específicos (Restricted to specific profiles). Un botón blanco de tres puntos en la esquina de la miniatura abre un menú con Duplicar y Eliminar. Tocar en cualquier otra parte de la tarjeta abre el editor. El botón + de la esquina inferior derecha inicia una plantilla en blanco. Cuando la lista está vacía la pantalla dice «Aún no hay plantillas — toca + para crear».

Pantalla Plantillas PDF de la app Invoice Flow en la pestaña Mías con tres tarjetas: Fern & Petal minimal en verde marcada Todos los perfiles, Wedding proposal en rosa marcada Restringido a perfiles específicos y Wholesale stems en gris carbón, más un botón +
La pestaña Mías enumera las plantillas guardadas; la miniatura es un esquema del diseño en su paleta.

El editor en sí es una sola página desplazable. La barra de título es un campo de nombre editable con la pista Nombre de la plantilla (Template name), seguido de tres controles: un icono de ojo (Vista previa), un icono de deslizadores (Alcance y opciones) y el botón Guardar. Bajo la barra viene un encabezado Encabezado (Header) con tres cuadros etiquetados Izquierda, Centro y Derecha, luego un bloque gris titulado Cuerpo (fijo) que enumera «Tabla de ítems, Totales, Firma», luego un encabezado Pie (Footer) con otra fila Izquierda, Centro y Derecha, y por último una tarjeta Alcance (Scope) cuyo subtítulo repite el ajuste de disponibilidad.

Cada elemento que colocas aparece como un chip redondeado dentro de su columna con su nombre y un pequeño botón de tres puntos. Los elementos ocultos llevan un icono de ojo tachado. Cada columna termina con un botón + que abre el catálogo de elementos.

Editor de plantillas personalizadas de la app Invoice Flow titulado Fern & Petal minimal: fila Encabezado con Logo ancho, Nombre de empresa, Correo electrónico y Sitio web en la columna Izquierda, una columna Centro vacía, y Título de factura, Número de factura, Fecha de emisión, Fecha de vencimiento, Espaciador y Bloque del cliente en la columna Derecha; un bloque gris Cuerpo (fijo); una fila Pie con Términos de pago, Texto personalizado e ID fiscales
El diseño terminado de Nadia: seis columnas alrededor del cuerpo fijo, un chip por elemento.

Lo más importante que hay que entender es lo que no está en esta página. No hay selector de tamaño de página, ni campo de márgenes, ni deslizador de ancho de columna, ni control sobre la tabla de artículos, el bloque de totales o la firma. El cuerpo se imprime siempre en ese orden entre la fila del encabezado y la fila del pie, usando la paleta con la que se creó la plantilla. Lo que tú controlas es todo lo que hay encima y debajo.

Cómo empezar una plantilla

Puedes empezar desde un diseño de la galería o desde una página en blanco. La vía de la galería es más rápida porque el diseño ya es coherente y solo quitas o reestilizas lo que no quieres.

  1. Abre Ajustes y toca Plantillas PDF.
  2. Cambia a la pestaña Galería y elige un chip de categoría como Minimalista. Desplaza la franja de paletas y toca un nombre de paleta si quieres recolorear el diseño de partida; Predeterminada conserva la paleta propia de cada uno.
  3. Toca una tarjeta. El editor se abre con el diseño de partida rellenado y su nombre ya escrito en el campo de título.
  4. Para empezar de cero, quédate en la pestaña Mías y toca +. El editor en blanco no está realmente vacío: la columna Izquierda del encabezado contiene Logo ancho, Nombre de empresa, Dirección, Teléfono y Correo electrónico, la columna Derecha del encabezado contiene un Título de factura en negrita, Número de factura, Fecha de emisión y Fecha de vencimiento alineados a la derecha, y la columna Izquierda del pie contiene Términos de pago y Notas.
  5. Sustituye el nombre del campo de título por el tuyo, por ejemplo Fern & Petal minimal. Una plantilla no se puede guardar sin nombre.

La paleta elegida en la franja de la galería se escribe en la nueva plantilla, y ese es el único momento en que se fija la paleta de una plantilla personalizada; el editor no tiene selector de paleta propio. Para el mismo diseño en otra paleta, ábrelo de nuevo desde la galería con un chip distinto seleccionado.

Cómo organizar y dar estilo a los elementos

La página minimalista de Nadia sale del diseño en blanco tras un puñado de cambios: quita Dirección y Teléfono del encabezado, añade Sitio web, mueve el bloque del cliente a la columna derecha bajo las fechas y pone una línea de agradecimiento en el pie.

  1. Toca + al final de la columna donde debe ir el elemento. Una hoja enumera todos los elementos disponibles en un orden fijo: Logo cuadrado, Logo ancho, Nombre de empresa, Nombre de contacto, Dirección, Teléfono, Correo electrónico, Sitio web, ID fiscales, Enlaces, Título de factura, Número de factura, Fecha de emisión, Fecha de vencimiento, Bloque del cliente, Nombre del cliente, Términos de pago, Notas, Texto personalizado, Espaciador y Divisor. Toca uno y se añade al final de esa columna.
  2. Para cambiar el orden, toca el botón de tres puntos de un chip y elige Subir o Bajar. El primer chip no tiene Subir y el último no tiene Bajar. El mismo menú contiene Eliminar.
  3. Para mover un elemento a otra columna, elimínalo y añádelo de nuevo desde el + de esa columna; no hay arrastrar y soltar ni cortar y pegar entre columnas.
  4. Toca el cuerpo de un chip para abrir Configuración del elemento. Desactiva Visible para mantener el elemento en su sitio pero dejarlo fuera del PDF.
  5. Escribe un número en Tamaño de fuente (vacío = predeterminado) para anular el tamaño predeterminado, o déjalo vacío. Elige Normal o Negrita bajo Peso, Izquierda, Centro o Derecha bajo Alinear, y Predeterminado, Primario, Acento o Suave bajo Color.
  6. Para un elemento Texto personalizado, escribe el texto en el cuadro Texto (hasta tres líneas visibles; el texto más largo se desplaza). Para un Espaciador, introduce la Altura (px); el valor predeterminado es 8.
  7. Toca Aplicar para conservar los cambios de ese elemento, o Cancelar para descartarlos.
Hoja inferior del catálogo de elementos de la app Invoice Flow sobre el editor de plantillas, con Logo cuadrado, Logo ancho, Nombre de empresa, Nombre de contacto, Dirección, Teléfono, Correo electrónico, Sitio web, ID fiscales y Enlaces con iconos
El catálogo abierto desde el botón + de una columna; la lista continúa más abajo de Enlaces.
Editor de plantillas de la app Invoice Flow con el menú de tres puntos del chip Nombre de empresa abierto mostrando Subir, Bajar y Eliminar en rojo
El reordenamiento se hace paso a paso desde el menú del chip.

La línea del pie de Nadia es un elemento Texto personalizado en la columna Centro del pie con Negrita, Centro y Acento seleccionados. Acento se resuelve al color de acento de la paleta, así que en su paleta Forest la línea se imprime en verde, y se volvería rosa o azul si reconstruyera la plantilla con otra paleta.

Hoja Configuración del elemento de la app Invoice Flow para un elemento Texto personalizado: Visible activado, el Texto dice Thank you for letting us bring flowers into your space, Tamaño de fuente vacío, Peso Negrita, Alinear Centro y Color Acento seleccionados, con botones Cancelar y Aplicar
Configuración del elemento para la línea de agradecimiento del pie.

Las cuatro opciones de color son tokens, no colores fijos. Predeterminado imprime en negro, Suave imprime en gris medio, Primario usa el color de encabezado de la paleta y Acento usa su color de acento. Espaciador y Divisor no tienen controles de fuente, peso, alineación ni color; un espaciador solo tiene su altura y un divisor es siempre una fina regla gris con un poco de relleno.

Bloque del cliente apila el nombre, la dirección, el correo y el teléfono del cliente en una columna, mientras que Nombre del cliente imprime solo el nombre; Nadia usa el bloque, alineado a la derecha a 9 puntos, para que se acomode bajo las fechas.

Cómo limitar una plantilla a ciertos perfiles y guardarla

Por defecto una plantilla guardada se ofrece en todos los perfiles de empresa. El diseño de bodas de Nadia solo debe aparecer en su perfil Weddings, así que lo restringe.

  1. En el editor toca el icono de deslizadores Alcance y opciones, o toca la tarjeta Alcance al final de la página.
  2. En la hoja Disponibilidad de plantilla elige Restringir a perfiles específicos.
  3. Marca los chips de los perfiles que deben ver la plantilla; cada perfil de empresa aparece por su nombre. Deja seleccionado Disponible en cada perfil empresarial si no quieres restricción.
  4. Toca Listo. El subtítulo de la tarjeta Alcance cambia a Restringido a 1 perfil(es) o los que hayas marcado.
  5. Toca Guardar en la barra de título. El botón muestra un pequeño indicador giratorio mientras se escribe la plantilla, luego el editor se cierra y la tarjeta aparece al principio de la pestaña Mías.
Hoja Disponibilidad de plantilla de la app Invoice Flow sobre el editor de la plantilla Wedding proposal, con Restringir a perfiles específicos seleccionado y el chip Fern & Petal Weddings marcado mientras el chip Nadia Okafor no lo está
Restringiendo la plantilla de bodas al perfil Weddings.

Antes de guardar puedes tocar el icono de ojo para abrir la Vista previa. Renderiza el diseño a través del renderizador real de PDF con los datos de tu perfil predeterminado, dibujando marcadores grises en cursiva como «[example: acme.com]» donde un campo está vacío, y tiene una franja de paletas para que veas el mismo diseño en otros colores. Esa franja es solo para mirar; cerrar la vista previa no cambia la paleta de la plantilla.

Cómo aplicar una plantilla personalizada a una factura

Una plantilla personalizada no es un ajuste global. Cada factura conserva su propia elección, y el diseño integrado y la paleta guardados en la factura se mantienen debajo para que puedas volver atrás en cualquier momento.

  1. Abre la factura en el editor y desplázate hacia abajo, pasadas las tarjetas de pago, hasta la tarjeta Seleccionar plantilla.
  2. Justo debajo, toca la flecha de expandir de la tarjeta Plantilla personalizada. Esta tarjeta solo existe cuando al menos una plantilla guardada está disponible para el perfil de empresa de la factura.
  3. Elige una plantilla por nombre en el menú. El subtítulo de la tarjeta cambia de Usando plantilla integrada al nombre de la plantilla, y el subtítulo de Seleccionar plantilla de arriba dice ahora Plantilla personalizada.
  4. Guarda la factura. Cada vista previa, compartición y exportación de la misma pasa ahora por el renderizador personalizado.
  5. Para volver al diseño integrado, abre el mismo menú y elige Usar integrada. El diseño y la paleta que habías elegido antes siguen ahí.
Editor de facturas de la app Invoice Flow desplazado hasta la tarjeta Seleccionar plantilla que dice Plantilla personalizada y la tarjeta Plantilla personalizada debajo mostrando Fern & Petal minimal, con su menú abierto que enumera Usar integrada, Fern & Petal minimal y Wholesale stems
La tarjeta Plantilla personalizada enumera Usar integrada más todas las plantillas visibles para este perfil.

La plantilla Wedding proposal falta en el menú de Nadia porque esta factura pertenece al perfil del estudio y esa plantilla está restringida al perfil Weddings. Aquí está FP-2026-0218 renderizada con la plantilla minimalista.

PDF de la factura FP-2026-0218 de la app Invoice Flow desde una plantilla personalizada: logotipo de Fern & Petal, nombre de empresa, correo y sitio web a la izquierda; título INVOICE en verde, número, fechas y la dirección del Alder Street Hotel a la derecha; una tabla de artículos con encabezado verde con cuatro líneas que suman $2,186.00; condiciones de pago, una línea de agradecimiento verde centrada y el identificador fiscal en el pie
El renderizador personalizado imprime las filas de encabezado y pie tal como se diseñaron alrededor de la tabla de artículos y los totales estándar.

Reglas y detalles

Consejos

Construye desde la Galería, no desde cero, cuando quieras una paleta distinta. El diseño en blanco es siempre Ocean, y no hay forma de recolorear una plantilla después salvo recrearla desde una tarjeta de la galería con el chip correcto seleccionado.
Usa un Espaciador en la columna Derecha del encabezado entre las fechas y el Bloque del cliente, como hace Nadia, en lugar de rellenar con elementos de Texto personalizado vacíos. Un espaciador no imprime nada más que su altura, así que nunca arriesga caracteres sueltos en la página.
Si gestionas varios perfiles de empresa, haz una plantilla general con alcance Todos los perfiles y restringe solo las especiales. El menú Plantilla personalizada de una factura muestra primero las plantillas generales, seguidas de las vinculadas al perfil de esa factura.

Guías relacionadas