Step by step guide:

1. In this tutorial we will show you how to generate a PDF Invoice with Barcode using an Invoice HTML Template or a webpage.

This is a two-step process. First, we will generate a Barcode and then, embed the Barcode to the HTML Template. The HTML Template will then be converted to PDF.

You can get the URL of the HTML Template here so you can follow along.

HTML Invoice Source File To Add Barcode
Screenshot of HTML Template To Generate PDF Invoice With Barcode

2. To begin, let’s select the PDF.co as the App and the Barcode Generator as the Action Event.

Barcode Generator In PDF.co As The Action Step

3. Next, let’s configure the Barcode Generator with the data that we want to use for this invoice.

  • In the Barcode Value field, enter the value that you want to be encoded into the Barcode.
  • In the Barcode Type To Generate field, select the Barcode type you want to use. In our case, we will use Code128. The Barcode Generator supports Code 39, QR Code, DataMatrix, PDF417, MaxiCode, and a lot more!
  • In the Generate Output As Datauri Inline Url field, select True. This will allow us to generate an inline image that we can use as a source for our Barcode image in the HTML Template.

Configure Barcode Generator With Code 128 Data

4. We can now send our Barcode Generator data to PDF.co to Test & Review.

Send Barcode Generator Data To Test And Review

5. Great! We now have the Barcode Inline URL to embed to the HTML Template.

PDF.co Processed Request Successfully

6. We will now work on the Invoice. Kindly select the PDF.co as the App and the Anything to PDF Converter as the Action Event.

Anything To PDF Converter In PDF.co As The Action Event

7. Let’s configure Anything to PDF Converter with our Invoice and Barcode data.

  • In the Input Type field, select Raw HTML code.
  • In the Input field, paste the HTML code or the source code of the HTML Template. Choose an area where you want to place the Barcode and call the Barcode Inline URL as a source inside the IMG HTML tag.

Configure Anything To PDF Converter With HTML Code And Barcode Data

8. Let’s now Test & Review our Anything to PDF Converter data to PDF.co.

Send Anything To PDF Converter Data To Test And Review

9. Our test was a success! Kindly copy and paste the URL to your browser to view the PDF Invoice.

PDF.co Returned PDF URL

10. Fantastic! We have successfully generated a PDF Invoice with Barcode using the HTML To PDF and the Barcode Generator in PDF.co.

In this tutorial we learned how to generate a Code128 Barcode. We also learned how to get the Inline URL to use as an image source in HTML.

We saw how to call the Barcode Inline URL to embed to the HTML Template. And, we generated a PDF Invoice with a Code128 Barcode for the final output.

HTML Invoice Template Converter To PDF With Barcode
Screenshot of PDF Invoice With Code128 Barcode

Related Pages:

Related Samples: