PDF Designer

mp21278d20260412000957

Diseñador visual de plantillas PDF para Dolibarr

150,00 €
Sin IVA

  • Autor Yoandry Martinez
  • Versión del módulo 1.5
  • Fecha de lanzamiento 12/04/2026
  • Acceso a actualizaciones y descargas 360 días
  • Cómo contactar al soporte admin@erpmodplus.com
  • Compatibilidad Dolibarr V23+   -   PHP7.4 - 8.X
  • Última actualización 29/04/2026 10:31

Más información...

🎨

PDF Designer

Diseñador visual de plantillas PDF para Dolibarr

Cree documentos PDF profesionales y personalizados con un editor visual de arrastrar y soltar. Sin programación.

150 €

Compatible con Dolibarr 16.0+  |  PHP 7.4+  |  Licencia GPL v3

🆕 v1.5 — Editor HTML crudo + Motor de fórmulas
✅ Editor visual Drag & Drop 📄 8 tipos de documentos 🔧 Campos extra soportados 🌐 Multiidioma automático 🖼️ Imágenes embebidas

¿Por qué PDF Designer?

Las plantillas PDF predeterminadas de Dolibarr (Sponge, Crabe...) son limitadas y difíciles de personalizar. PDF Designer le permite crear documentos con su propia identidad corporativa, usando un editor visual intuitivo basado en GrapesJS: arrastre bloques, modifique estilos, inserte variables y obtenga PDFs perfectos en segundos.

⭐ Características principales

🎨

Editor visual Drag & Drop

Editor completo basado en GrapesJS con bloques prediseñados para secciones PDF: encabezado, datos del cliente, tabla de líneas, totales, pie de página y más. Arrastre, redimensione y personalice cada elemento.
📋

8 tipos de documentos

Facturas, presupuestos, pedidos, intervenciones, expediciones, facturas de proveedor, pedidos de proveedor y propuestas de proveedor. Una plantilla diferente para cada tipo de documento.
🏷️

Sistema de variables inteligente

+60 variables organizadas por categorías: empresa, cliente, documento, líneas, etiquetas traducidas y misceláneas. Panel lateral con arrastrar o clic para copiar. Se reemplazan automáticamente al generar el PDF.
🔧

Campos extra (Extrafields)

Soporte completo de campos extra de Dolibarr: del documento, de las líneas y del tercero (cliente). Se cargan dinámicamente desde la base de datos. Use {extra_campo} en su plantilla.
🌐

Etiquetas multiidioma

Variables de etiquetas traducidas como {label_Invoice}, {label_TotalHT} que se traducen automáticamente al idioma del documento/cliente.
🐧

Linux + wkhtmltopdf

Funciona exclusivamente en servidores Linux con wkhtmltopdf instalado. Soporte CSS completo: flexbox, bordes avanzados, fuentes web y diseños modernos para PDFs perfectos.
🖼️

Imágenes embebidas en base64

Suba imágenes directamente al editor. Se embeben en base64 dentro de la plantilla, asegurando que siempre se muestren correctamente en el PDF sin depender de rutas externas.
📐

Configuración completa de página

Formato de página (A4, Letter), orientación (vertical/horizontal), márgenes personalizables (superior, inferior, izquierdo, derecho) en milímetros. Vista previa en el editor según formato.
</>

🆕 Editor HTML crudo v1.5

Modal con editor HTML/CSS y formateador automático: indenta el código, resalta tags. Permite añadir/eliminar columnas y filas, modificar títulos y cualquier estructura con plena libertad cuando el editor visual no llega.
🧮

🆕 Motor de fórmulas v1.5

Cálculos por línea con {calc:line_qty*line_price} y agregaciones {sum:...}, {avg:...}, {count}. Soporta + - * / %, paréntesis, decimales y extrafields numéricos.

📄 Tipos de documentos soportados

🧾
Facturas
📝
Presupuestos
📦
Pedidos
🔧
Intervenciones
🚚
Expediciones
🧾
Facturas proveedor
📦
Pedidos proveedor
📝
Prop. proveedor

🏷️ Sistema de variables

Más de 60 variables organizadas por categorías, disponibles en el panel lateral del editor

Categoría Variables de ejemplo Descripción
🏢 Empresa {company_name} {company_logo} {company_siret} Nombre, dirección, teléfono, email, web, SIRET, SIREN, capital, NIF intracomunitario, logo
👤 Cliente {client_name} {client_address} {client_tva_intra} Nombre, dirección, CP, ciudad, país, teléfono, email, NIF, código, SIRET
📄 Documento {doc_ref} {doc_date} {doc_total_ttc} Referencia, fecha, fecha límite, nota pública/privada, totales HT/IVA/TTC, moneda, condiciones y modo de pago
📊 Líneas {line_desc} {line_qty} {line_total_ht} Posición, descripción, cantidad, precio, tasa IVA, total por línea, descuento, ref. producto, fecha inicio/fin
🌐 Etiquetas {label_Invoice} {label_TotalHT} {label_Qty} Etiquetas que se traducen automáticamente al idioma del tercero: Factura, Presupuesto, Pedido, Total, IVA, etc.
🔧 Campos extra {extra_campo} {extra_line_campo} {extra_client_campo} Campos extra del documento, de las líneas y del tercero. Se cargan dinámicamente de la base de datos.

⚙️ Sistema de bucle de líneas

Envuelva las filas de su tabla con las etiquetas {lines} y {/lines} para que se repitan automáticamente por cada línea del documento:

<tbody>
  {lines}
  <tr>
    <td>{line_pos}</td>
    <td>{line_desc}</td>
    <td>{line_qty}</td>
    <td>{line_total_ht}</td>
  </tr>
  {/lines}
</tbody>

⚠️ Nota importante: Modificar manualmente las filas de la tabla en el editor visual es complejo. Se recomienda utilizar el Editor HTML crudo (botón </>) para agregar, eliminar o cambiar filas y columnas.

🆕 Editor HTML crudo — Máxima flexibilidad v1.5

Para cambios avanzados que el diseñador visual no puede realizar fácilmente, use el editor HTML con código coloreado e indentación automática.

💾 Guardar 📋 Copiar ✨ Formatear
Modo: HTML + CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table>
  <thead>
    <tr style="background: #f0f0f0;">
      <th>Concepto</th>
      <th>Cantidad</th>
      <th>Total</th>
    </tr>
  </thead>
  <tbody>
    {lines}
    <tr>
      <td>{line_desc}</td>
      <td>{line_qty}</td>
      <td>{line_total_ht}</td>
✅ Indentación automática
El editor reformatea automáticamente tu código con indentación correcta.
🎨 Resaltado de sintaxis
Tags HTML, atributos y valores con colores distintivos para fácil lectura.
➕ Agregar/Eliminar filas
Modifica la estructura de tablas fácilmente sin limitaciones del editor visual.
🔧 Control total CSS
Escribe estilos avanzados: flexbox, grid, animaciones y media queries.

💡 Consejo: Combina el editor visual (para diseño rápido) con el editor HTML (para ajustes precisos). El código permanece intacto cuando cambias de editor.

🆕 Motor de fórmulas v1.5

Realice cálculos directamente en sus plantillas, sin programar.

<!-- Cantidad × precio × (1 - descuento%) -->
<td>{calc:line_qty * line_price * (1 - line_discount/100)}</td>

<!-- Margen por línea: precio - costo (extrafield) -->
<td>{calc:(line_price - extra_line_costo) * line_qty}</td>

<!-- IVA personalizado en una línea -->
<td>{calc:line_total_ht * 1.16}</td>

<!-- Agregaciones (fuera del bucle) -->
<p>Total piezas: {sum:line_qty} — Promedio: {avg:line_price}</p>
<p>Líneas: {count}</p>

<!-- Calc a nivel documento con extrafield -->
<p>Margen: {calc:doc_total_ht - extra_costo_total}</p>
🔢 Variables de línea:
line_qty, line_price, line_total_ht, line_total_tva, line_total_ttc, line_discount, line_tva_rate, line_pos, extra_line_*		 📄 Variables de documento:
doc_total_ht, doc_total_tva, doc_total_ttc, doc_total_localtax1, doc_total_localtax2, extra_*
⚙️ Operadores: + - * / % · paréntesis · decimales · negativos · parser seguro (sin eval)

🎯 Recomendaciones: Cuándo usar cada editor

🎨 Editor Visual (Drag & Drop)

✅ Ideal para:
  • Diseño general de la plantilla
  • Agregar bloques prediseñados rápidamente
  • Ajustar estilos visuales (colores, tipografía)
  • Posicionar elementos y elementos básicos
  • Insertar variables desde el panel lateral

</> Editor HTML Crudo

✅ Ideal para:
  • Agregar/eliminar filas y columnas
  • Modificar títulos de tabla
  • Aplicar CSS avanzado (flexbox, grid)
  • Corregir errores de formato HTML
  • Ajustes finos imposibles en el visual
  • Cambios complejos en la estructura

⚡ Pro Tip: Los cambios en el editor HTML se mantienen al volver al editor visual. Usa ambos sin preocupaciones: primero diseña visualmente, luego ajusta en HTML cuando sea necesario.

📋 ¿Cómo funciona?

1

Cree una plantilla

Seleccione el tipo de documento, formato de página y márgenes.
2

Diseñe visualmente

Use el editor drag & drop. Arrastre bloques y variables desde el panel lateral.
3

Establezca por defecto

Asigne la plantilla como predeterminada y active el modelo PDF Designer.
4

¡Genere sus PDFs!

Sus documentos usarán automáticamente su diseño personalizado.

🧩 Bloques prediseñados listos para usar

📄 Encabezado — Logo, datos de empresa y referencia del documento 👤 Datos del cliente — Bloque con toda la información del tercero
📊 Tabla de líneas — Tabla completa con bucle de líneas integrado 💰 Totales — Total HT, IVA y TTC con diseño profesional
💳 Info de pago — Condiciones y modo de pago 📝 Notas — Bloque de nota pública del documento
📎 Pie de página — SIRET, NIF y paginación 🔤 Elementos básicos — Texto, título, imagen, divisor, columnas

⚙️ Requisitos técnicos

Sistema operativo Linux (Ubuntu, Debian, CentOS, RHEL, etc.)
Dolibarr 16.0 o superior
PHP 7.4 o superior
Motor PDF wkhtmltopdf (obligatorio) — Soporte CSS completo

⚠️ Importante: Solo Linux + wkhtmltopdf

Este módulo requiere un servidor Linux con wkhtmltopdf instalado. No es compatible con servidores Windows. wkhtmltopdf es necesario para generar PDFs con soporte CSS avanzado (flexbox, bordes, fuentes web).

🐧 Instalación de wkhtmltopdf en Linux

Ubuntu / Debian:

sudo apt-get update
sudo apt-get install -y wkhtmltopdf

CentOS / RHEL / AlmaLinux:

sudo yum install -y wkhtmltopdf

Versión con soporte completo (recomendado para servidores sin entorno gráfico):

# Descargar la versión con Qt parcheado (mejor rendering)
wget https://github.com/wkhtmltopdf/packaging/releases/download/0.12.6.1-3/wkhtmltox_0.12.6.1-3.jammy_amd64.deb
sudo apt install -y ./wkhtmltox_0.12.6.1-3.jammy_amd64.deb

Verificar la instalación:

wkhtmltopdf --version

💡 En servidores sin entorno gráfico (headless), puede necesitar instalar también: xvfb → sudo apt-get install -y xvfb

🔐 Sistema de permisos

Control granular de acceso: Leer plantillas, Crear/Modificar plantillas y Eliminar plantillas. Configure qué usuarios o grupos pueden diseñar y gestionar las plantillas PDF.

🖥️

¡Pruébelo antes de comprar!

Disponemos de una instancia de demostración en línea donde puede ver PDF Designer en funcionamiento real con datos de ejemplo y todas las características.

🌐 Acceder a la demo en línea

Para solicitar sus credenciales de acceso como usuario administrador demo, envíe un correo a:
📧 admin@erpmodplus.com

📥 Instalación sencilla

1. Descargue el módulo desde Dolistore

2. Vaya a Inicio → Configuración → Módulos → Desplegar módulo externo y suba el ZIP

3. Active el módulo "PDFDesigner"

4. ¡Empiece a diseñar sus plantillas PDF!

PDF Designer para Dolibarr

Versión 1.5.0  |  Licencia GPL v3  |  Compatible Dolibarr 16.0+

150 €



If you think this module is a fork of another one (published after the first one) or violates some terms or conditions of use (for users or vendors), you can make a report at dolistore@dolibarr.org