Step by step guide:

1. In this tutorial we will show you how you can affix your name and signature in a PDF using PDF.co Make Signature Tool and Zapier.

PDF Invoice Source File
Screenshot of PDF Invoice Source File

2. First, let’s draw our signature in the PDF.co Make Signature Tool. You can choose among three different font colors and the option to resize your signature. Once done, click on the Save Image button.

Draw Signature Using PDF.co Make Signature Tool

3. There are two options to store your signature. You can either download the signature image to your local machine in PNG format or save the Datauri URL.

Download Signature And Copy Data URI

4. Next, let’s set up the PDF.co. Kindly choose PDF.co as the App and the PDF Filler as the Action Event.

Use PDF.co PDF Filler As Action Event

5. Then, let’s configure the PDF Filler to affix the name and signature in the PDF.

  • In the Source PDF field, kindly enter the PDF URL.
  • In the Text Object field, type in the x and y coordinate of the name as well as the font name, size, and page number in this format x;y;pageNumber;text;fontSize;fontName Kindly refer to step 6 on how to easily get the x and y coordinates.
  • In the Images field, enter the x and y coordinate, page number, Datauri URL, and signature width and height if necessary in this format x;y;pageNumber;url;linkToOpen;width;height

Configure PDF Filler With Signature Data

Note: If you already have an existing scanned signature and would like to convert it to Datauri Base64 URL, you can use our PDF.co Image to Datauri Tool here.

6. You can easily get the x and y coordinates using the PDF.co Simple PDF Viewer Tool You can upload your file from your local machine, from Dropbox, or from a URL. Kindly hover your mouse over the area where you want to add the text or image and you will see the x and y coordinates on the top left.

PDF.co Simple PDF Viewer

7. PDF.co has a built-in File Storage where you can permanently store your documents. You can upload your PNG signature in the File Storage and grab the private URL to easily reuse the signature. You can check out this tutorial on how to use File Storage.

Upload Signature To PDF.co File Storage

8. Instead of the long Datauri URL, you can use the private URL of the uploaded signature in the PDF.co File Storage.

Use Signature PDF.co File Storage Link

9. We are now ready to send our PDF Filler data to PDF.co for Test & Review.

Send PDF Filler To PDF.co

10. PDF.co processed our request and returned a temporary URL to access the PDF file. Kindly copy and paste the URL to view the output.

PDF.co Test Succcessful

11. Hurray! We have successfully affixed our name and signature in the PDF document.

PDF Invoice With Signature Output
Screenshot of PDF Invoice With Signature

In this tutorial, we learned how to draw a signature using PDF.co Make Signature Tool. We also learned how to add a name as well as the signature in a PDF document.