Here’s our tutorial on how to use the Bubble plugin to convert HTML to PDF. Check out the steps below to understand how it works.

1. Log in to the dashboard on bubble.io. Go to My templates and click the New template button.

Convert HTML to PDF with Bubble

2. Fill the popup form and click the Create template button.

Create New Template Bubble

3. Click the Edit button in the created temple settings panel.

Convert HTML to PDF

4. Click the Start with a blank page then the Close assistant button.

Bubble Assistant

5. Move needed elements into the canvas in the Design tab, set elements as on screenshot.

Bubble Dashboard

6. Go to the Plugin tab and click the Add plugins button.

7. Type PDF.co in the search input of the filter sidebar. Then scroll down to PDF.co HTML To PDF plugin, click the Install button to install this plugin. After the plugin was installed click the Done button.

PDF.co and Bubble

8. Go to the Workflow tab and add the submit button click event.

Bubble Plugin Workflow

9. Add action as PDF.co – HTML to PDF plugin.

Bubble Actions

10. Fill plugin settings using Insert dynamic data.

Insert Dynamic Data

PDF.co and Bubble - HTML to PDF

Multiline Input Bubble

11. Add the next action as Open an external website and fill the Destination field with the result’s URL from the previous step (PDF.co HTML to PDF plugin output).

Add Action in Bubble

12. Let’s test our template. Click the Preview link for this.

Test Template in Bubble

13. Fill the form and click the Submit button.

HTML to PDF Converter in Bubble

14. See result PDF opening in browser.

Bubble.io Output

In this tutorial, you learned how to convert HTML to PDF using the Bubble plugin and PDF.co together.