In this tutorial, we will create an Invoice using a PDF template file as the base. We will generate a PDF invoice with just text and images using the PDF Filler in PDF.co. With PDF Filler in PDF.co, you can set text color, name, size, style, and the images can be resized.
- Open PDF.co and Select PDF Filler
- Configure the PDF Filler with Invoice Data
- Test & Review
- Copy and Paste URL to Browser to View and Download the Invoice
- Video Tutorial: Make Invoices with Zapier
For more PDF.co Invoice tutorials, check out Invoice Template Sample 1, Invoice Template Sample 2, and Invoice Template Sample 3.
Screenshot of Output PDF Invoice
Note: We have recently released a new version. Kindly use the latest version and re-authorize PDF.co in your Zapier account.
1. Open PDF.co and Select PDF Filler
To start, let’s set the PDF.co as the App and the PDF Filler as the Action Event.
2. Configure the PDF Filler with Invoice Data
You can use our PDF Viewer tool to easily identify the coordinates of the area where you want to place your text and images in the PDF document. You can check it out here https://app.pdf.co/pdfviewer
- Leave the Source PDF field empty to create the Invoice from a clean slate.
- In the Text objects field, enter the coordinates, page number, text, font size, font name, and font color in this format
x;y;page;text;fontSize;fontName;fontColor
. - In the Images field, same thing enter the coordinates, page number, image URL, width, and height in this format
x;y;page;urltoimage;;width;height
PDF.co has a built-in File Storage where you can upload, store and re-use your files. I uploaded an image file in my PDF.co File Storage and grabbed the link as my ImageURL in the Invoice. Check out this tutorial to see it in action.
3. Test & Review
Now it’s time to send our data over to PDF.co to Test & Review.
4. Copy and Paste URL to Browser to View and Download the Invoice
PDF.co generated a temporary URL where we can access the PDF Invoice. Copy and paste the URL in your browser to view and download the Invoice.
Excellent! We have successfully made a PDF Invoice by adding text and image to an empty PDF.
In this tutorial, we learned how to add text and images to an empty PDF. We also learned how to find the coordinates of objects using the PDF Viewer. And most of all, we also learned how to create an Invoice using the PDF Filler in PDF.co.
Screenshot of Generated PDF Invoice Composed Of Text And Image Only
If you are looking for other ways to create an invoice, check out our other tutorials with HTML Templates Invoice Template Sample 1, Invoice Template Sample 2, and Invoice Template Sample 3.
NOTE: You can store your PDF Invoice in Google Drive or Dropbox by quickly adding another step.
Make Invoices with Zapier – Video
Similar Pages
- How to Create Invoices
- How to Create a Perfect Invoice with PDF and HTML Templates
- Create PDF Invoice From Google Sheet using PDF.co and Apps Script
- How to Generate Invoice Online and Sign with PDF.co
- How to Create PDF Invoice using PDF and HTML Templates in C#
- Create PDF Invoice using HTML Templates in JavaScript
- How to Generate Dynamic PDF E-commerce Invoice
- How to Generate Invoice with Barcode using HTML to PDF and Barcode Generator in PDF.co
- Make PDF Invoice by Adding Text and Images to PDF Template using PDF.co and Zapier
- Generate PDF Invoice from Invoice Template using PDF.co API (Template Sample 1)
- Generate PDF Invoice from Scratch using PDF.co API (Template Sample 2)
- Generate PDF Invoice from Invoice Template using PDF.co API (Template Sample 3)
- How to Create Invoice With/Without Discount
- How to Create Invoice With/Without Logo
- Create QuickBooks Online Invoices from Parsed PDF Data using PDF.co and Zapier
- Create QuickBooks Online Invoices from Parsed PDF Data using PDF.co and Integromat