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

Step 1: Getting Started

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

new template

Step 2: Create Template

Fill the popup form and click the Create template button.

create new template

Step 3: Edit Created Template

Click the Edit button in the created temple settings panel.

edit template

Step 4: Choose Start with a Blank Page

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

start with blank page

Step 5: Move Elements to Design Tab

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

Design Tab

Step 6: Add Plugins

Go to the Plugins tab and click the Add plugins button.

Step 7: Install PDF.co Plugin

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

Install New Plugins

Step 8: Add Click Event

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

Add Submit Button Click Event

Step 9: Add Action

Add action as PDF.co – URL to PDF plugin.

Add Action

Step 10: Adjust Plugin Settings

Fill plugin settings using Insert dynamic data.

Insert dynamic data
Input URL
URL value

Step 11: Add the Next Action

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 URL to PDF plugin output).

Add the next action
URL

Step 12: Preview Template

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

Preview Template

Step 13: Fill Form and Submit

Fill the form and click the Submit button.

new template form

Step 14: Result PDF

See result PDF opening in browser.

Result PDF

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

Related Tutorials

See Related Tutorials