How to Fill PDF with Squarespace New Form Submission using PDF.co and Zapier
In this step-by-step tutorial with screenshots, you will learn how to fill PDF with Squarespace new form submission using PDF.co and Zapier.
We’ll be using this sample fillable form for this tutorial:
![Screenshot of the Sample Fillable Form, IRS Form 1040](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F15eb5b6de8ab025f972840d6bc7cd3ff806414d7-815x448.png&w=1920&q=75)
Before we proceed with creating a Zap, make sure to set the storage of your Form to Zapier:
![Screenshot of the Zapier Form Storage](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F5cb44d265b05f5fda51c463a33cfed44cf7eda4f-309x393.png&w=640&q=75)
Let’s now proceed with Making a Zap!
Contents
Step 1: Setup Trigger, select Squarespace as the App Event
Type in and select Squarespace from the list of apps.
![Squarespace App Event on Zapier](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F7fd687feda5f7ab331f7294ffaccecd8b9d1320a-532x307.png&w=1080&q=75)
Step 2: Choose New Form Submission as the Trigger Event
![Choosing new form submission as the trigger event](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Ff901e22010bc3c3ba17c8ff7c300ffea97037447-809x311.png&w=1920&q=75)
Step 3: Select a Form
Select the Form that you would like to use.
![Selecting the form you would like to use for your Zap](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F6ca3f83f251c5d208f2e10d4cd50d68caab17bde-812x255.png&w=1920&q=75)
Step 4: Test Trigger
After setting up the trigger, it’s time to test it.
![Testing your trigger](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F0f5c4ff164969509924af73513a0bf0406ba8a34-812x342.png&w=1920&q=75)
Step 5: Setup Action, select PDF.co as the App Event
Type in and select PDF.co from the list of available apps.
![Selecting PDF.co App Event](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F07cecd4de048cac5a9b9d5f0d99b455697ff70d0-514x308.png&w=1080&q=75)
Step 6: Choose PDF Filler as the Action Event
Select PDF Filler from the list of available action events.
![Select PDF Filler from the list of available action events](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F57a5eb1ab84f6859b091a94352723d17a27123a1-804x312.png&w=1920&q=75)
Step 7: Setup PDF.co Action
- For the Source File, add the URL to your Fillable Form.
- For the Fillable Fields, set the value with the following format: Page;FieldName;Value.
- For the Output PDF Name, it would be better to add the Name of the person who submitted the form to make each Filled PDF unique.
![Setup PDF.co Action](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F49d070d75c7916ae08749b5a4f8d32c620aab721-810x313.png&w=1920&q=75)
Step 8: Test PDF.co Action
![Test PDF.co Action](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F58a06ecac3ccaf830998f21e9a2aa9fcaf879817-810x680.png&w=1920&q=75)
Step 9: Add another Action, select Google Drive as the App Event
- Add another action.
- Type in and select Google Drive from the list of apps.
- We will upload the Filled PDF Forms in a Google Drive folder.
![Select Google Drive as the App Event](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2F7b0d3421133887e4c1ccc39f442fb73662f75b02-421x304.png&w=1080&q=75)
Step 10: Select Upload File as the Action Event
Select Upload File from the list of action events.
![Select Upload File from the list of action events](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Fdc532209ade7def365f55e225da4666feaa939e1-805x310.png&w=1920&q=75)
Step 11: Setup Google Drive Action
- Select the Drive and Folder where you would like to upload the file.
- For the File field, add the URL from the PDF.co action.
- Set Convert to Document to false if you want the Filled PDF Form to become Non-editable.
![Setup Google Drive Action](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Fb32945c5b9afaba11288105346ea600081c5597a-805x456.png&w=1920&q=75)
Step 12: Test Google Drive Action
![Test Google Drive Action](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Fdb08d70980b0f043df1e05f4889c0836e3221824-799x558.png&w=1920&q=75)
Step 13: Filled PDF
Here’s the Filled PDF Form.
![Screenshot of the Filled PDF Form](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F2niroq9z%2Fproduction%2Fcf6959c1787eaeb3160b1a37af6d3c0491907c96-802x440.png&w=1920&q=75)
You’ve learned how to fill PDF with Squarespace new form submission using PDF.co and Zapier through this tutorial.