Overview
BookThatApp supports creating barcodes using the code_39 standard so we recommend you check that whatever scanner you are using supports this standard. For example, Shopify scanners support this standard.
This article will guide you through how to add barcodes to your booking notifications and ticket templates.
Embedding the barcode in the notification templates
1. Navigate to the app admin under "Settings-> Notifications", then select the template to add the barcode.
2. Open the template.
3. Insert an <img> tag where you want the barcode to appear - for example:
<img src="{{shop.shopify_url}}{{shop.path_prefix}}/bookings/{{booking.hashed_id}}/barcode_image.png">
This code generates a PNG image.
The following parameters are supported:
- margin: margin around the bars (default is 0)
- height: height of the bars (default is 100)
- color: foreground color (default 'black')
- background: background color (default 'white')
Colors can be an RGBA code or one of the predefined names listed here.
Example 1 - using defaults:
<img src="{{shop.shopify_url}}{{shop.path_prefix}}/bookings/{{booking.hashed_id}}/barcode_image.png">Example 2 - specify margin:
<img src="{{shop.shopify_url}}{{shop.path_prefix}}/bookings/{{booking.hashed_id}}/barcode_image.png?margin=50">Example 3 - specify margin & text color:
4. After inserting the <img> tag, hit the "Preview" button to view your barcode.
5. Finally hit Save.
The e-Ticket Barcode
The app provides the option to attach an e-Ticket PDF to the email reminders.
Unlike in email reminders, a barcode is automatically generated on the e-Ticket and you can access the e-Ticket template by navigating in the app admin under Settings-> Templates-> then scrolling down under Ticket.