Search and Replace Text in a PDF using Bubble API Connector

In this tutorial, we will show you how to search and replace a text inside a PDF using Bubble API Connector.

We will use this sample PDF for this tutorial. We will replace the Your Company Name with XYZ LLC.

Screenshot of the Source PDF

Step 1 – Open My Templates

To get started, go to the My templates tab and click on the New Template button.

Step 1 – Open My Templates

Step 2 – Create New Template

Fill out the template creation form and click on Create template.

Step 2 – Create New Template

Step 3 – Open New Template

Now, click on the Edit icon to open the template.

Step 3 – Open New Template

Step 4 – Start with a Blank Page

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

Step 4 – Start with a Blank Page

Step 5 – Add Elements

Let’s add four input elements for the Source File, Search Text, Replace Text, and Async and a button to submit the request.

Step 5 – Add Elements

Step 6 – Add Plugin

Let’s go to the Plugins tab and add a plugin.

Step 6 – Add Plugin

Step 7 – Install API Connector

Look up the API Connector and click on the Install button.

Step 7 – Install API Connector

Step 8 – Add API

Once the API Connector is installed, click on the Add another API button.

Step 8 – Add API

Step 9 – Set up API Connector

Let’s configure the API Connector.

  • In the API Name field, type in PDF.co Search and Replace Text or your preferred API Name.
  • In the Name field, enter Search and Replace Text or your preferred Name.
  • In the Use as dropdown box, select the Action option.
  • In the Data type dropdown box, leave it to the default JSON or choose your preferred Data type.
  • Select POST and enter the PDF.co Editor Web API endpoint https://api.pdf.co/v1/pdf/edit/replace-text. You can find more information about the API on documentations.
  • Under Headers, add x-api-key as the Key with your PDF.co API Key as the Value. You can get your API Key from portal.
  • Also under Headers, add accept as the Key and application/json as the Value.
Step 9 – Set up API Connector


Step 10 – Add Parameters

Let’s add the PDF.co Search and Replace Text parameters.

  • In the first Key field, enter the URL parameter, and the value https://bytescout-com.s3-us-west-2.amazonaws.com/files/demo-files/cloud-api/pdf-to-text/sample.pdf and tick off the Queryst check box.
  • In the second Key field, type in the searchString parameter, the value Your Company Name, and tick off the Queryst check box.
  • In the third Key field, type in the replaceString parameter, the value XYZ LLC, and tick off the Queryst check box.
  • In the fourth Key field, type in the async parameter, the value false, and tick off the Queryst check box.
  • Add a checkmark to the Capture response headers check box and click on the Initialize call button.
Step 10 – Add Parameters

Step 11 – Initialize Call Result

When the API Connector is set up correctly, PDF.co PDF Editor will return the sample values below.

Step 11 – Initialize Call Result

Step 12 – Add Event

Now, go to the Workflow tab and click on the box to add an event. Select the Elements, and An element is clicked options.

Step 12 – Add Event

Step 13 – Add Action

Click on the add an action button and choose the PDF.co Search and Replace Text – Search and Replace Text plugin.

Step 13 – Add Action

Step 14 – Map Dynamic Values

Let’s map the Input elements’ dynamic values with the PDF Editor parameters.

  • In the url field, select the Input Enter Source URL’s value.
  • In the searchString field, select the Input Search Text’s value.
  • In the replaceString field, select the Input Replace Text’s value.
  • In the async field, select the Input Async’s value.
Step 14 – Map Dynamic Values

Step 15 – Set Destination

Now, select the Open an external website in the next step and choose the Search and Replace Text’s body URL result in the Destination field.

Step 15 – Set Destination

Step 16 – Preview

Click on the Preview button.

Step 16 – Preview

Step 17 – Search and Replace Text

Enter the sample PDF link, text to search, text to replace, and async value. Then, click the Replace button.

Step 17 – Search and Replace Text

Step 18 – Edited PDF Result

Here’s what the Edited PDF output looks like.

Step 18 – Edited PDF Result

In this tutorial, you learned how to search and replace a text inside a PDF. You learned how to set up the API Connector to use the PDF.co Search and Replace Text Web API in Bubble. You also learned how to configure the Workflow to get dynamic values for editing PDF.

Video Guide