Add an image of a QR code to packing slip

Technical Q&A
1

Hi guys - I’m sure this is a pretty simple piece of coding but how can I add an image to our packing slip template please? I am not really familiar with liquid variables.

The image is here: https://cdn.shopify.com/s/files/1/0414/0135/2356/files/QR_code_getting_started.png?v=1638787767

2

Which app are you using?

Since you have the file, you could use a direct tag and position and size it where ever you want it to be.

The code would look something like and style it with the css of your choosing.

3

That worked perfectly thank you! I added a little bit of styling to resize the image and it is spot on. Really appreciate your help @ski_power :blush: :clap:

4

Hello @SeanMcEl

If you’d like to add QR Codes to your packing slip you can try our app Releasit QR Code Generator which allows you to generate fully customizable QR Codes that you can manually download for your printed marketing or you can automatically print on your existing order packing slips or invoices (with zero impact on your current operations).

Some of the most popular use cases for QR Codes on the packing slip are:

  • Let customers contact you after their purchase with just a scan
  • Let customers repurchase their order with just a scan
  • Let customers submit a review after their purchase
  • Prompt customers to follow your social media profiles after their purchase with just a scan
  • Let customers automatically subscribe to your newsletter after their purchase with just a scan

You can do all this and a lot more with our app! You can install the app for free from the Shopify App Store here: https://apps.shopify.com/releasit-qr-codes-generator

If you need help we offer 24/7 support via email, WhatsApp or Telegram!

Hope this helps!

Marco from Releasit

5

how can I add the size and position in the code ?

and where exactly I can add the code? in which line I mean

{{ shop.name }}

Order {{ order.name }}