You can incorporate a barcode scanner in your website such as a barcode scanning button into your HTML web page.
Barcode Scanner in your website
There are a couple of options.
All of them work with both Android and iOS versions of Scan to Web.
The basic command is to open this URL
bwstw://startscanner
For instance use an HTML link
<a href="bwstw://startscanner">Link to start scanner</a>
It is also possible to start the scanner in a JavaScript function.
<button type="button"
name="btnScanBarcode"
id="btnScanBarcode"
style="height:56px;border-width:0px;"
onclick="javascript:startBarcodeScanner();">
<img src="http://berrywing.com/images/barcode_2d.png" style="height: 50px; width: 50px">
</button>
<script>
function startBarcodeScanner()
{
alert("Using client JavaScript to start scanner.");
window.location.href = 'bwstw://startscanner?field=txtField2';
}
</script>
When considering Private Labeling Scan to Web, using the HTML Barcode Scanning Button within your web app would allow for removal of the visible toolbars in Scan to Web. This will make your web app use the entire screen of the smart device.
Give it a try. Open Scan to Web and set the home page to this URL
http://berrywing.com/m/stwiosbtn.aspx
If you still need to get Scan to Web for your smart device, get it here:
Hi, I installed Scan to Web 4.2.8 Android and it is running on my phone, but I keep on getting the following error when trying to launch it from phone’s Chrome for http://berrywing.com/m/stwiosbtn.aspx.
Navigation is unreachable: bwstw://startscanner
Any suggestion on how to make intent invocation working here?
Hello Chihiro,
Yes you will get that error. The link to start the scanner only works IN the App Scan to Web. It will not work when used outside of the app in other browsers.
Does your web application require a separate browser?
What is the expected user experience?
Thanks
Andy
This is a great app!
Hello,
I use WordPress . I have installed the plugin Order Barcode ( https://woocommerce.com/products/woocommerce-order-barcodes/).
I have create the page with shortcut [scan_code] and i have the form with input text “scan-code” ( the input text same tag name and tag id).
I have installed the apps on my iphone .
I scanning my barcode but it don’t put the barcode inside the input text.
If , in the option of apps , i set “submit on form” , the form is submited with the barcode .
I have put , in my page , the method js “scantowebsubmit” .
Do you call the variable with the barcode inside to insert it into my input text?
Thx for help.
Bye
Gabriele, we’ll do our best to help you. We might need more information, so please email us at softwaresupport@berrywing.com.
Sounds like you have the app setup properly with your web page displaying. What are you trying to do after the barcode scan?
We suggest setting the app to “Do Nothing” after scan first. This way you can see that the barcode is being scanned and the information put it the right place.
If you want to handle the barcode result in your Javascript function, we do offer it as a variable in Javascript after scan. There is documentation on the feature here; and if you email us we’ll help further.
http://berrywing.com/scantoweb/developer.aspx#javascriptadvanced
Thanks
Andy
hi, im currently using the same plugin. I just want to use your software in the input that provide by woocommerce order barcodes. When i open the scan page i wanna use with the cam i mean when the user or me scan the barcode it should give me the result. On the documentation page the author suggested your app (ios). Can you please help me to do that ?
Hello! I’m forwarding your question to our support. You should hear something back soon. Thanks!
I installed the barcode scanner app and I put bwstw://startscanner in an ¨a¨ when I run the app and dont work, not open the app
Hello Luis, I sent your question to our app developer. We’ll get back to you!
This is truly helpful, thanks.
Hi,
Once I have installed this on a device to test the app, and once I am done with the test can I use same on other device using one Playstore account.
Hello! I’ve forwarded your question to our app developer. We’ll get back to you soon!
Really nice blog. FYI: Labelkraft (Label Manufacturing Division) are the well Known & established Indian manufacturers of label products of all sort of printed, partly printed & blank self-adhesive labels and printed tags & similar products.
For more : https://www.labelkraft.com
Hi,
we want to integrate this services with our web application, we need barcode value in our Database.
please guide us
Hello Mohd, Thank you for reaching out! We’ll send you an email so we can gather more information on what you need!