The barcode app in the Deployteq store makes it possible to add several barcodes or QR codes to your emails and pages. This barcode can be used to check which customers have redeemed the offer in your shop register system or a QR code to easily return a package at the post office.


Installation

The barcode app can be installed in the store using a simple wizard:

After completing the last step in the wizard, a Smarty Modifier will be available in the email and page editor op Deployteq. How to apply this Smarty Modifier can be read in the next chapters.


Generating barcodes

If the app has been installed, a Smarty modifier will be available in the email and page editor to generate a barcode. The Smarty variable generates an image URL, which needs to be included in the Source element for an IMG element. For example:

Static EAN13 Example

<img src="{{"123456789123"|barcode:EAN13:png:3}}" alt="Static EAN13 Barcode" />


The Smarty modifier has the following parameters:

  • Barcode type
    • See the supported list below, for example: EAN13
  • Image format
    • The image format, by default: PNG 
  • Thickness of Barcode lines
    • 3


Supported barcodes

The following barcodes are supported by the barcode App:

  • Codabar
  • Code11
  • Code39
  • Code39extended
  • Code93
  • Code128
  • EAN8
  • EAN13
  • GS1128
  • ISBN
  • I25
  • S25
  • MSI
  • UPCA
  • UPCE
  • UPCExt2
  • UPCExt5
  • Postnet

If you need another barcode, please contact tpm@deployteq.com


Barcode Examples

EAN13

To generate a barcode an input value is required, this can be a static value for example "123456789123";

Static EAN13 Example

<img src="{{"123456789123"|barcode:EAN13:png:3}}" alt="Static EAN13 Barcode" />


Or based on a system field, for example an externalid:

System field EAN13 Example

<img src="{{customer|barcode:EAN13:png:3 field='externalid'}}" alt="System field EAN13 Barcode" />


Below is an example of an EAN-13 barcode based on a environment variable with the name ‘barcode’:

Manual field EAN13 Example

<img src="{{manual|barcode:EAN13:png:3 field='barcode'}}" alt="Manual field EAN13 Barcode" />


Below is the barcode that is generated based on the examples above and barcode number ‘871040031114’:

please note EAN-13

The EAN-13 is comprised of twelve numbers, to which the EAN-13 adds a thirteenth number as a control number. See https://nl.wikipedia.org/wiki/Europese_artikelnummering


Code128

In order to use another type of barcode, for example Code 128, you only have to ensure that the Smarty modifier is given the correct barcode type:

HTML example

<img src="{{customer|barcode:code128:png:3 field='externalid'}}" alt="Code128 Barcode" />

Below is the barcode that is generated based on the examples above and barcode number ‘871040031114199’:


please note: Code 128

A Code 128 does not impose a limit on the number of characters used, but the more characters used in the barcode, the bigger the barcode will be. See https://en.wikipedia.org/wiki/Code_128

Generating QR codes

If the app has been installed, a Smarty modifier will be available in the email and page editor to generate a QR code. The Smarty variable generates an image URL, which needs to be included in the Source element for an IMG element. For example:

Static EAN13 Example

<img src="{{"123456789123"|barcode:EAN13:png:3}}" alt="Static EAN13 Barcode" />


The Smarty modifier has the following parameters:

  • format
    • The format of the image, the current available value is: png
  • level (0 - 3)
    • The error correction level, by default: 0
  • size (1 - X)
    • Image size, by default: 3
  • margin (0 - X)
    • Margin/white space around the QR code, default value: 4



QR codes examples

System field QR code example

<img src="{{customer|qrcode:png:0:3:4 field='externalid'}}" alt="QR with system field" />

Static QR code example

<img src="{{"https://www.deployteq.com"|qrcode:png:0:3:4}}" alt="QR with static value" />

Manual field QR code example

<img src="{{manual|qrcode:png:0:3:4 field='externalURL'}}" alt="QR with manual field" />