Print Elements and HTML

✅

Link to the plugin page:

https://zeroqode.com/plugin/print-elements-and-html-plugin-for-bubble-1739545577252x450991260982726460

Demo to preview the plugin:

✅

Live Demo:

https://rapidplugins-1.bubbleapps.io/print

✅

Bubble Editor:

https://bubble.io/page?version=live&id=rapidplugins-1&name=print&tab=Design&type=page

Introduction

The Print Elements and HTML plugin lets you print specific sections or HTML content directly from your Bubble app - no external services required.

Unlike standard browser printing (which prints the entire page), this plugin gives you complete control over which elements or custom HTML blocks are printed, including optional headers, footers, and page titles.

It’s ideal for use cases such as invoices, receipts, reports, certificates, or printable forms, and works seamlessly across both desktop and mobile devices.

Key Features

Prerequisites

Before you begin:

Enable ID Attributes in your Bubble app under

Settings → General → Expose the option to add an ID attribute to HTML elements.

Assign unique Element IDs to the elements you want to print.

Add the Print Elements and HTML element to your page (this enables the print actions in workflows).

How to setup

Step 1. Install the Plugin

Step 2. Add the Plugin Element

Step 3. Print Element by ID

Step 4. Print HTML Element

If you’d like to print custom HTML that’s generated dynamically (for example, invoices, reports, or certificates), use the Print HTML action.

How to Configure

Go to the Workflow tab.

Select a trigger event — for example: When Button Print HTML is clicked.

Add a new action → Plugins → Print Elements and HTML – Print HTML.

In the HTML field, enter your desired HTML markup.

Here’s an example you can copy from the demonstration page:

html
<style>
  p {
    font-family: 'Lato';
    font-size: 18px;
    color: #515E7A;
  }
</style>
<body>
  <p>
    A plugin is an independently compiled software module that dynamically connects to
    the main program and is designed to expand and/or use its capabilities.
  </p>
</body>

You can freely modify the text, colors, and fonts, or replace static content with Bubble dynamic data (e.g., “Current User’s Name”).

Preview your page.

When the workflow runs, your custom HTML will be rendered in a print dialog, ready for printing or PDF export.

Plugin Element - Print Elements

Element Actions

Print Element

Print HTML

Field	Description	Type
Element ID	The ID of the element (or group) you want to print. You must have “ID Attributes” enabled in your Bubble settings and assigned to the target element. Example: `invoice_section` or `receipt_group`.	Text
Import CSS?	When enabled, this imports all CSS styles from the parent Bubble page, ensuring the printed result looks exactly like it appears on screen.	Checkbox (yes/no)
Import Style	Enables inclusion of `<style>` tags defined on the page (useful if your element has custom inline CSS or dynamic styles).	Checkbox (yes/no)
Page Title	Sets the title that appears in the browser’s print dialog and as the document name in the print preview. Optional but helpful for labeling exports like “Invoice #2451”.	Text (optional)
Header	Adds an HTML header at the top of the printed document. Can include text, logos, or dynamic data. Example: `<h3>Company Invoice</h3>`.	Text (HTML) (optional)
Footer	Adds an HTML footer at the bottom of the printed document. Ideal for disclaimers, signatures, or page numbers. Example: `<p>Thank you for your business!</p>`.	Text (HTML) (optional)

Title	Description	Type
HTML	The HTML code you want to print. This can include plain HTML or dynamic data from your app (e.g., `Current User's Name`, `Current Order Total`). Example: `<h1>Receipt</h1><p>Total: $25.00</p>`.	Text (HTML)

Print Elements and HTML

Demo to preview the plugin:

Introduction

Prerequisites

How to setup

Step 1. Install the Plugin

Step 2. Add the Plugin Element

Step 3. Print Element by ID

Step 4. Print HTML Element

Plugin Element - Print Elements

Element Actions

Changelogs

Update 24.11.25 - Version 2.0.0

Update 02.09.25 - Version 1.8.0

Update 14.07.25 - Version 1.7.0

Update 31.05.25 - Version 1.6.0

Update 17.02.25 - Version 1.5.0

Update 23.08.24 - Version 1.4.0

Update 11.03.24 - Version 1.3.0

Update 12.10.23 - Version 1.2.5

Update 13.09.23 - Version 1.2.4

Update 08.09.23 - Version 1.2.3

Update 25.07.23 - Version 1.2.2

Update 12.01.23 - Version 1.2.1

Update 03.01.23 - Version 1.2.0

Update 26.05.22 - Version 1.1.0

Update 06.04.21 - Version 1.0.0