Generating barcode for HTML designs
Splio allows you to dynamically generate a barcode or a QR code within your emails and landing pages. Barcodes can be generated from:
Database fields and custom fields, using variables
Coupon codes, using the coupon variable
In the image, you will find a list of the supported barcodes formats.
👉🏼 Generating a barcode
The barcode is generated when the script URL is being called. In this URL, the type and value of the barcode have to be entered.
Here's an example of a barcode: « code 128 ».https://www.splio3.fr/barcode/barcode.php?code=3300013&type=code128
The URL contains 2 parameters to generate the barcode: code=3300013
and type=code128
Click the URL below to see an example in your browser:
https://www.splio3.fr/barcode/barcode.php?code=0075678164126&type=ean13
👉🏼 Generating EAN-13 barcode dynamically
If the barcode is a dynamic value, you must edit the URL as shown below (the ean13 recalls each time a different value from the custom field $Barcode$:
https://www.splio3.fr/barcode/barcode.php?code=$Barcode$&type=ean13
👉🏼 Generating a barcode from a database field
If you have a code stored in a database field, use the field variable to dynamically input the code in the URL.https://www.splio3.fr/barcode/barcode.php?code=$my_code$&type=int25
The same applies if you have a code type in database:https://www.splio3.fr/barcode/barcode.php?code=$my_code$&type=$my_code_type$
👉🏼 Generating a barcode for a coupon
You can also generate a barcode using a coupon code, if your coupons' codes are in a supported format.https://www.splio3.fr/barcode/barcode.php?code=$CouponBirthday$&type=ean13
👉🏼 Adding the barcode to your email design
To dynamically add the barcode image in your email designs, simply add the barcode URL in an image tag.<img src="https://www.splio3.fr/barcode/barcode.php?code=$CouponBirthday$&type=ean13"/>
Background Color
Our barcode generator creates the codes on a white background, to ease its readability on scanners. Therefore, the background color is generated by default, and cannot be altered.
Alternative text
The alt
attribute can be filled in with the code's value, to help its overall usability.