1. 📤 Plugin Input
The plugin receives two main inputs:
A JSON object with dynamic data
This JSON contains the values that will be inserted into the HTML template.
Example:
{
"name": "Juan Pérez",
"event": "Rock Concert",
"date": "2025-06-15"
}
An HTML string with Handlebars variables
The HTML defines the structure of the document, with variables that will be replaced using Handlebars.
Example:
<html>
<body>
<h1>Ticket for {{event}}</h1>
<p>Name: {{name}}</p>
<p>Date: {{date}}</p>
</body>
</html>
2. 🛠️ Processing on the Server
Once the server receives both the JSON and the HTML:
The server uses Handlebars to merge the HTML template with the data.
It replaces all variables ({{name}}, {{event}}, etc.) with values from the JSON.
Resulting HTML:
<html>
<body>
<h1>Ticket for Rock Concert</h1>
<p>Name: Juan Pérez</p>
<p>Date: 2025-06-15</p>
</body>
</html>
The final HTML is converted to a PDF using a library like puppeteer, pdf-lib, or wkhtmltopdf.
3. 📥 Server Response
The server then returns the generated PDF, which now includes the dynamic content. The client can:
- Download the PDF
- Save it locally
- Send it via email
- Display it in the UI
Built on Bubble
