Generate Barcode using third-party API
Requirement
Generate a barcode based on the provided IMEI (International Mobile Equipment Identity) number using a third-party API.
Use Case
A mobile store uses an order management application to manage their orders. The application has a form
called Product. When a product is added to the form, corresponding
barcode will
automatically be generated
and uploaded in the
IMEI_barcode
field. The store can later stick the barcode on the mobile phone for quick retrieval for the IMEI number.
Steps to follow
|
Form
|
Form Link Name
|
Field Type
|
Field Name
|
Field Link Name
|
|
Product
|
Product
|
Dropdown
|
Product Group
|
Product_Group
|
|
Single line
|
Product Name
|
Product_Name
|
||
|
Single line
|
IMEI Number
|
IMEI_Number
|
||
|
Image
|
IMEI Barcode*
|
IMEI_Barcode
|
||
|
notes
|
Add Notes
|
|
*
Check the
Link
browse
option from
field properties of the Image field.
This allows you to directly add the URL of the barcode image you want to upload.
4. Click
Add New Action
and add the following snippet:
- //Construct an image HTML tag that invokes the third-party API to generate barcode and upload the link to the Image field
- input.IMEI_Barcode = "<img src=\"http://bwipjs-api.metafloor.com/?bcid=code128&text=" + input.IMEI_Number + "\"/>";
- // Show the preview of the generated code using notes field
- input.notes = "Generated Code:<br><br><div><img src='http://bwipjs-api.metafloor.com/?bcid=code128&text=" + input.IMEI_Number + "'/><br/></div>";
See how it works
Points to note
-
This tutorial uses an open-source barcode generator API to achieve the desired result. You can use any API you wish to generate the barcode.
-
The same procedure can also be used to generate any coded image. For example, use the below script to generate QR code instead of barcode:
- input.notes = "Generated Code:<br><br><div><img src='https://qrcode.tec-it.com/API/QRCode?data=" + input.IMEI_Number + "' width='150'/><br/></div>";
- input.imageField = "<img src='https://qrcode.tec-it.com/API/QRCode?data=" + input.IMEI_Number + "'/>";
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Zoho DataPrep Resources
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Automatically populate data by scanning barcode
Requirement Scan a barcode to fetch the required details stored in another app. Use Case A mobile store uses an order management application to manage their orders. When a product is added to the form, a corresponding barcode is automatically ...Hotel management
This app has been published in accordance with Marketplace review process. For pricing details, you can refer to this page. Category - Hospitality Vendor - Zoho Corporation Pricing - Free Overview Say goodbye to thick registry books and run your ...Image properties
Set image properties for image field Refer to this page to learn about the Image field The image field allows you to perform the following customizations for the user experience of the image field in your form: Aspect ratio Compression Browse options ...Image tag
<image> The <image> tag defines an image. Parent tag : <pc> Child tag : -- Attributes 1. Type The type attribute specifies the type of image to be added. Possible Values icon computer weburl Default Values weburl 2. value The value attribute ...Update an existing record using stateless forms
Requirement Use details specified in a stateless form to modify records in the main form. Use Case In an order management system, a customer has placed an order and wants to cancel it. The administrators allow for cancellation by accepting the ...
New to Zoho LandingPage?
Zoho LandingPage Resources