New PLUGIN Generator PDF

[PLUGIN] PDF Generator for Bubble – export page, group or viewport to PDF/PNG/JPG :bullseye:

Hey everyone!

I’d like to share a plugin I’ve been using to generate PDF, PNG or JPG files directly from pages and groups in Bubble. It’s based on the PDF Generator by TechBlocks, which uses html2canvas and html2pdf under the hood.

With this plugin, you can:

  • Capture a PDF, PNG or JPG from a single group, the whole page, or just the current viewport

  • Download the file directly to the user’s device

  • Generate a URL for the PDF/image and save it in your database (for example, to send by email later)

  • Set the file name dynamically (e.g. include client name, order number, date, etc.)

Note: This plugin isn’t meant for capturing video or content inside iframes.

:wrench: How it works in practice

  1. Add the plugin’s visual element to your page.

  2. Enable HTML IDs in your app settings and set an ID on the group/page you want to export.

  3. In your workflow, call the plugin action (e.g. Generate PDF URL or Download PDF).

  4. If you want to store the file, just save the exposed state from the element (like the PDF/PNG/JPG URL) into your database.

:laptop: Live demo
I’ve set up a demo page where you can test how the PDF generator behaves (generate, download and save PDF URLs):
:backhand_index_pointing_right: https://mentions-20237.bubbleapps.io/version-test/generator_pdf

If you’re interested in using it, improving it, or have ideas for new use cases (invoices, contracts, reports, proposals, etc.), drop a comment so we can talk and evolve the plugin together. :rocket:https://bubble.io/plugin/generator-pdf—page–group-1764881248289x757787936606912500

Link to purchase: Generator PDF - Page & Group Plugin | Bubble

1 Like