In this tutorial, we will show you how to fill PDF form using PDF.co and AppGyver.

  1. Create New Project
  2. Data and Resource
  3. Setup Base Configuration
  4. Create Record Tab
  5. Setup Schema Configuration
  6. Open Test Tab
  7. Custom Object Properties
  8. Click Run Test
  9. Test Result
  10. PDF Form Output

We will use this sample PDF form and fill out some fillable fields.

Sample PDF Form
Sample PDF Form

Step 1: Create New Project

  • To begin. First, log into your AppGyver account and click on the Create New project button.

Step 2: Data and Resource

  • Next, click on the Data menu and Add Data Resource.

Data and Resource

Step 3: Setup Base Configuration

Let’s set up the base configuration.

  • First, enter the Resource ID.
  • Next, add the Resource URL. You can get the resource URL in this link.
  • Under the HTTP Header, enter Content-Type the Key and Label. Then, add application/json for the Value.
  • For the second Key and Label, type x-api-key and add your PDF.co API Key for the Value. You can get the API Key in your PDF.co dashboard.

Setup Base Configuration

Step 4: Create Record Tab

  • Then, click the Create Record tab and open the Schema page.

Create Record Tab

Step 5: Setup Schema Configuration

Let’s set up the schema configuration.

  • Select Custom schema to create a record.
  • Next, add the property of the PDF.co Fill PDF Form parameters. Type fields for the Key.
  • Then, select List the Value type.
  • For the List item type, choose Object.
  • For the Add New Property, type fieldname, pages, and text as the property name.
  • Let’s add another property. Type url for the Key and select Web URL for the Value type.

Setup Schema Configuration

Step 6: Open Test Tab

  • After adding the parameters, go to the Test tab and click on the Custom object button.

Open Test Tab

Step 7: Custom Object Properties

Let’s add the parameters of the field objects.

  • For the URL field, input the direct URL of your source file.
  • In the Field name field, enter the form field parameters. You can get the form fields in this link.
  • In the Pages field, enter the list of pages separated by a comma. Type 0 for the first page, and 1 for the second page.
  • In the Text field, type in your preferred text name.

Custom Object Properties
 Custom Object Properties

Step 8: Click Run Test

  • Now, click on the Run Test button to see the result.

Click Run Test

Step 9: Test Result

  • Great! The test was successful. Kindly copy the URL and paste it into your browser to view the output.

Test Result

Step 10: PDF Form Output

  • Here’s the filled PDF form output.
Filled PDF Form Output
Filled PDF Form Output

This tutorial taught you how to fill PDF forms using PDF.co and AppGyver. You learned how to use the PDF.co Web API to fill out the form fields. You also learned how to set up Appgyver and fill out the PDF form.