MARKETPLACE
PLUGINS
BUBBLE2PDF EXPORTER
Bubble2PDF Exporter logo

Bubble2PDF Exporter

Published May 2026
   •    Updated May 2026

Plugin details

Export any Bubble page or element to a professional, multi-page PDF — with full control over layout, headers, footers, page numbers, images, watermarks, and more. No server-side dependencies. Works entirely in the browser.
⚡ **Main Functions:**

• **Convert Pages or Elements.**
   Export full pages or target specific elements by ID. Choose between full-page capture or single-element precision.

• **Orientation & Page Size.**
   All standard formats supported: A0–A10, B0–B10, Letter, Legal, Tabloid, Executive — plus fully custom dimensions (width × height in px, pt, mm, or inches).

• **Multi-Page Output.**
   Automatically splits long content across multiple pages. Control exactly where pages break using Pagebreaker IDs.

• **Headers & Footers.**
   Add custom text headers and footers to every page with dynamic placeholders for page numbers and total pages.

• **Page Numbers.**
   Configurable page numbering with custom format (e.g., "Page 1 of 5"), position (left, center, right), and font settings.

• **Page Break Control.**
   Force page breaks at specific elements, prevent elements from being split across pages, or break after repeating group items.

• **Dynamic Properties.**
   Set dynamic file names, element IDs, header/footer content, and all other properties using Bubble expressions.

• **Workflow Triggers.**
   Trigger PDF generation from any workflow. Listen for completion, upload, error, and progress events.

• **Watermarks.**
   Add configurable watermark text with custom opacity and rotation angle on every page. Perfect for DRAFT, CONFIDENTIAL, or branding.

• **Custom CSS Injection.**
   Inject print-specific CSS before rendering. Hide elements, change styles, or adjust layout specifically for the PDF output.

• **Auto-Download & Upload.**
   Automatically download the PDF to the user's device, upload to Bubble's file manager for permanent storage, or both.

---

⚡ **Key Features:**

🎨 **Style Preservation**
   Keeps your page layout, colors, borders, and styles pixel-perfect in the PDF output.

🔤 **Fonts & Text Support**
   Renders all text with your app's fonts. Headers and footers use configurable font family and size.

🖼️ **Image Handling with CORS Support**
   Built-in CORS proxy rewrites Bubble CDN image URLs through Imgix for cross-origin rendering. Toggle on/off per your needs.

📐 **Precise Margins**
   Independent control over top, right, bottom, and left margins in your preferred unit (px, pt, mm, inches).

📊 **Progress Tracking**
   Real-time progress percentage (0–100%) exposed as an element state. Build progress bars and loading indicators.

📄 **Base64 Output**
   Access the generated PDF as a base64 data URI for database storage, API calls, or email attachments.

⚡ **Lightweight & Fast**
   No server calls. Renders entirely client-side using html2canvas + jsPDF. Typical generation: 2–5 seconds.

🔒 **Privacy-First**
   Your data never leaves the browser. No external servers process your content. The PDF is generated locally.

$49

One time  •  Or  $5/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

NoCodeFab logo
NoCodeFab
Joined 2021   •   2 Plugins
View contributor profile

Instructions

## How It Works
1. Install the plugin
2. Place the invisible ConverterToPDF element on your page
3. Set the ID of the element you want to export
4. Configure your settings (format, margins, headers, etc.)
5. Add a workflow: Element Actions → ConverterToPDF → Convert to PDF
6. Done — PDF downloads automatically

---

## Documentation

We've created a detailed step-by-step guide covering all features, properties, events, states, workflow examples, image handling, and troubleshooting.

📖 [View Full Documentation]: https://www.notion.so/Bubble2PDF-Exporter-Plugin-Documentation-2e5dae086fde83e4951f016e4334ab3e
----
Demo Editor:
https://bubble.io/page?id=converttopdf&tab=Design&name=index

---

## FAQ

**What does this plugin do?**
It converts any visible Bubble page or element into a downloadable PDF document, preserving layout, styles, and images.

**Can it handle images from Bubble's file manager?**
Yes. Enable "Use CORS Proxy for Images" and the plugin automatically rewrites Bubble CDN URLs to render images correctly in the PDF.

**What page sizes are supported?**
All standard sizes: A0–A10, B0–B10, Letter, Legal, Tabloid, Executive. Plus fully custom dimensions in px, pt, mm, or inches.

**Can I add headers, footers, and page numbers?**
Yes. Set header/footer text with dynamic placeholders (`{{pageNumber}}`, `{{totalPages}}`). Page numbers can be positioned left, center, or right with a custom format string.

**Does it support multi-page PDFs?**
Yes. Content that exceeds the page height is automatically split across pages. You can also force page breaks at specific elements using Pagebreaker IDs.

**Can I prevent an element from being split across pages?**
Yes. Add the element's ID to the "Page Break Avoid Inside" field and it will always stay on a single page.

**Does it support dynamic data?**
Yes. All properties accept dynamic Bubble expressions — file names, element IDs, header content, watermark text, and more.

**Can I trigger PDF generation from a workflow?**
Yes. Use Element Actions → ConverterToPDF → Convert to PDF in any workflow. The plugin fires events when generation completes, uploads finish, or errors occur.

**Is the PDF generated on a server?**
No. Everything happens in the user's browser. No data is sent to external servers. This makes it fast, private, and free of server costs.

**Can I upload the PDF to Bubble's file manager?**
Yes. Set "File Uploads Enabled" to "yes" and the plugin uploads the PDF to Bubble's S3 storage, giving you a permanent URL you can save to your database.

**Can I add a watermark?**
Yes. Set the watermark text, opacity (0–1), and rotation angle. It appears on every page of the PDF.

**Can I hide certain elements from the PDF?**
Yes. Use the "Custom CSS" field to inject rules like `.hide-in-pdf { display: none !important; }` and add that class to elements you want excluded.

**How fast is it?**
Typical generation takes 2–5 seconds for a standard page. Larger pages with many images may take 5–15 seconds (with CORS proxy enabled).

**Does it work on mobile?**
Yes. The plugin works on all modern browsers including mobile Safari and Chrome.

---

## Use Cases

- **Invoices & Receipts** — Generate branded invoices from dynamic data
- **Reports & Dashboards** — Export analytics pages as shareable PDFs
- **Contracts & Agreements** — Create multi-page legal documents
- **Certificates** — Generate personalized certificates with dynamic names
- **Proposals & Quotes** — Export client-facing proposals
- **Resumes & CVs** — Let users download their profile as PDF
- **Tickets & Boarding Passes** — Generate downloadable event tickets

---

## Support

If you have questions, issues, or feature requests:

📧 Email: [email protected]
🐛 Bug Reports: [Submit a ticket]: https://nocodefab.atlassian.net/helpcenter/CSM/contact-us
💬 Forum: https://forum.bubble.io/t/bubble2pdf-exporter-plugin-to-convert-pages-elements-to-pdf/396088

Response time: Within 24–48 hours on business days.

---

## Risk-Free Trial

The most risk-free way to try this plugin is to subscribe. If you unsubscribe within a few days, you'll only be charged on a pro-rata basis. For example, if the monthly price is $5, you'd pay only 17¢ per day ($5/30 days).

Types

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

Categories

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

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble