In this tutorial, we will show you how to merge PDFs with Bubble API Connector.

  1. My Templates Page
  2. Create New Templates
  3. Edit Template
  4. New Application Assistant
  5. Form Builder
  6. Add New Plugins
  7. Install Plugins
  8. Add Another API
  9. API Connector Configuration
  10. Parameters Setup
  11. Initialize Call Result
  12. Add Events
  13. Add Actions
  14. Dynamic Data Value
  15. Setup Destination
  16. Add Source URLs

Here are the sample PDFs and Output.

Sample Source PDFs and Merge PDF Output
Sample Source PDFs and Merge PDF Output

Step 1: My Templates Page

First, go to the My Templates page and click New Template.

My Templates Page

Step 2: Create New Template

Next, fill out the template form to create a new template.

Create New Template

Step 3: Edit Template

Then, click on the Edit icon to open a new template.

Edit Template

Step 4: New Application Assistant

Click on the Start with the blank page button and close the assistant.

New Application Assistant

Step 5: Form Builder

Let’s build a form, click on the Input for the source file and the Button to send a request.

Add Visual Elements

Step 6: Add Plugins

Next, click on the Plugins tab and add plugins.

Add Plugins

Step 7: Install New Plugins

Then, install the API Connector plugins.

Add Plugins

Step 8: Add Another API

Once the API Connector is installed, click on Add Another API.

Add Another API

Step 9: API Connector Configuration

Let’s set up the API Connector.

  • In the API Name field, type in your desired API name.
  • In the Name field, add your preferred name.
  • Select the Action option for Use as.
  • Then, choose your preferred Data Type in the dropdown box option.
  • Let’s use POST for the method and add the PDF Merge endpoint You can get the PDF Merge endpoint here.
  • Under Headers, add x-api-key for the 1st Key and enter your API Key for the Value. You can get the API key here.
  • For the 2nd Key under Headers, add accept and type in application/file for the Value.

API Connector Configuration

Step 10: Setup

Let’s add the parameters.

  • Type the URL for the Key and add the comma-separated URLs of the source PDF files that you want to be merged for the Value.
  • Tick on the Queryst checkbox and click on the Initialize Call button to make sure the API Connector was set up correctly.

Parameters Setup

Step 11: Initialize Call Result

Once the API Connector is set up correctly, PDF Merge will return a sample value.

Initialize Call Result

Step 12: Add Elements

In the Workflow tab, click on the Add an event box. Then, select the Elements and An elements is clicked option.

Add Elements

Step 13: Add Actions

Now, click on the Add an action button and select the PDF Merge – PDF Merge plugins.

Add Action

Step 14: Dynamic Data Value

Let’s map the Dynamic Data value.

  • For the URL param, add the Input Source File’s value.

Dynamic Data Value

Step 15: Setup Destination

Let’s add another action and select Open an external website. Then, select the PDF Merge body URL result for the Destination and click the Preview button.

Setup Destination

Step 16: Add Source URLs

Now, add the Source File URLs you want to merge and click the send request button to see the result.

Add Source URLs

In this tutorial, you learned how to merge PDFs with Bubble API Connector. You learned how to use the PDF Merge endpoint to merge PDFs into a single PDF. You also learned how to set up the API Connector and the PDF Merge parameter.