MARKETPLACE
PLUGINS
PDF CREATE AND PRINT
PDF Create And Print logo

PDF Create And Print

Published June 2025
   •    Updated this month

Plugin details

This plugin is designed to generate a PDF file automatically using an HTML template with Handlebars variables and a JSON object containing dynamic data.
The PDF Element  enables client-side PDF generation from a specific HTML element using its id. It's ideal for use cases like event tickets, receipts, or certificates, where only a particular section of the page needs to be captured as a PDF.


DEMO PAGE: https://pdf-plugin-pdf.bubbleapps.io/version-test

EDITOR PAGE: https://bubble.io/page?id=pdf-plugin-pdf&tab=Design&name=index

$6

Per month

5.0 stars   •   1 ratings
36 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Arekku Dev logo
Arekku Dev
Joined 2024   •   11 Plugins
View contributor profile

Instructions

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

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   PDF   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

This plugin is exactly what I needed!
July 8th, 2025
It allows you to easily convert the HTML content of any element (by simply using its ID) into a clean and professional PDF. The setup is straightforward, and it works seamlessly with dynamic content inside Bubble.
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales