You can fill and sign the form using the Text Object and Image Object, however, it is not covered in this tutorial. To simply add text, images and links to existing PDF by coordinates, please check these tutorials:
How to Fill PDF Form with Data from Asana using PDF.co and Zapier
In this tutorial we will show you how to use the PDF Filler Fillable Fields to fill an existing fillable PDF Form template with text data from Asana using PDF.co and Zapier.
Note
If you still need to fill in text into Fillable Fields in PDF Forms, please continue below.
We created a New Task called Create PDF.co and Asana Integration Tutorial in our Asana project. We will use this New Task name to fill the fillable PDF Form using the PDF Filler in PDF.co.
For this demonstration, we will use the New Task in Project as the Trigger. This means that the Zap will run every time it finds a New Task in the Project.
There are also other Triggers available for Asana.
![Asana Task To Fill Out to Fillable Form Using PDF.co](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Fc92fc8243c4ed689ee584a7fa8aea35c5d481a81-1181x379.png&w=3840&q=75)
![PDF Fillable Form To Fill Out With Asana Data Using PDF.co](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Fcae70069f4a611c65c54f92c3c3b3a6bfa6eb4bb-1036x573.png&w=3840&q=75)
Step 1: Select “New Task in Project” in Asana
To begin, let’s choose Asana as the App and New Task in Project as the Trigger Event.
![New Task In Project Trigger Event](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F1a8c4062254171da975c66d6e6b5dba89691192f-1108x563.png&w=3840&q=75)
Step 2: Select “New Task in Project” in Asana
To begin, let’s choose Asana as the App and New Task in Project as the Trigger Event.
![New Task In Project Trigger Event](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F1a8c4062254171da975c66d6e6b5dba89691192f-1108x563.png&w=3840&q=75)
Step 3: Set Up the Trigger
Next, let’s set up the Trigger with the Workspace name and the Project name.
![Configure Asana With Trigger Data](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F4b57ce114b37b05571f4cfc38c71b77f616bc034-1106x448.png&w=3840&q=75)
Step 4: Test the Trigger
Then, let’s send the Trigger to Asana to make sure that it is set up correctly.
![Send Trigger Configuration To Asana To Test](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F6f14b7b51accbd1da67834c5f96b3c2d3bf631eb-1098x532.png&w=3840&q=75)
Great! Our test was successful and it returned the New Task information.
![Asana Returned Project And New Task Data](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F487a676bcf265a8de3d7600d9345612d928964ad-1106x765.png&w=3840&q=75)
Step 5: Set Up PDF.co and Select PDF Filler
Now it’s time to set up the PDF.co. Let’s choose PDF.co as the App and PDF Filler as the Action Event.
![Set PDF Filler As The Action Event](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Ff883f7e66091652d2621ec058a470786e0c83ef5-1106x569.png&w=3840&q=75)
Step 6: Configure the PDF Filler
- In the Source PDF field, enter the fillable PDF Form link. You can use the PDF.co built-in File Storage to upload and share your files. The File Storage is a great alternative to storage services such as Google Drive and Dropbox. To learn more you can check out the tutorial here.
- In the Fillable Fields field, enter the
pageNumber;formFieldName;dataName
You can use the Get PDF Info built-in tool to get the Form Field Names. Alternatively, you can check out the How to Get Form Field Names using PDF.co and Zapier tutorial.
![Configure PDF Filler With Fillable Form And Asana Data](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F034e85731b0c10293f79a334b052dd67f0139e91-1108x742.png&w=3840&q=75)
Step 7: Test & Review
We are now ready to send the PDF Filler data to PDF.co to Test & Review.
![Send PDF Filler Configuration To PDF.co To Test](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F5528619fbf67c45a04a1c7a56266f12658f57039-1105x761.png&w=3840&q=75)
Step 8: Copy and Paste URL to Browser to See Result
Great! PDF.co returned a temporary URL to access the filled form. Kindly copy and paste the URL in your browser to see the result.
![PDF.co Returned URL To Access Filled Out Form](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F73ec5e698d9fcd9819ee85bc360767ce7d4ee73e-1108x660.png&w=3840&q=75)
Terrific! We have successfully filled the fillable PDF Form template with data from Asana.
![PDF Form Filled Out With Asana New Task Name](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Feba8c5805dadc2e3db70d3a4c12148583d3870fc-1047x539.png&w=3840&q=75)
Step 9: Fill PDF Form with Data from Asana – Video
In this tutorial, we learned how to set up a Trigger for Asana. We learned how to configure the PDF Filler to fill out a fillable PDF Form. We used the Asana data to fill the fillable PDF Form. On top of that, we familiarized ourselves with some of our built-in tools – the PDF.co built-in File Storage to upload and share files and the PDF.co built-in Get PDF Info tool to get PDF Form Field Names.