This guideline will give you an overview as how to add barcode on your invoice using the Shopify Order Printer. In case you are using any other app for printing your invoices or facing problem in adding the code, please reach out to us and our team will do it for you.
- Open the Shopify Order Printer App https://apps.shopify.com/order-printer..
- Click on Manage Templates.
- Open you Invoice template that you want to have barcode in it.
- Add the below code on the first line
<!-- Importing Easy Scan & Fulfill by Dezital font -->
<link href='https://fonts.googleapis.com/css?family=Libre Barcode 39 Text' rel='stylesheet'>
<!-- Creating the styling Easy Scan & Fulfill by Dezital barcode font -->
<style>
.barcode {
font-family: 'Libre Barcode 39 Text'; font-size: 40px;
}
</style>
- Add the following code in the highlighted area shown in the screenshot
<!-- Showing the barcode on Easy Scan & Fulfill by Dezital -->
<p style="float: right; text-align: right; margin: 0;" class="barcode">*{{ order_name | replace: '#', '' }}*</p>