Scan to Web Web developer support

Developer help basics

  1. Tap the Gear
  2. Type the home page in OR create a QR Code, then tap the QR code button to scan in the web site address
  3. Return to scan to web
  4. Tap the Home page button to load the updated home page

Visit our barcode generator site. There are instructions on how to create multiple barcodes using Google Sheets.
https://berrywing.com/barcode

The app can take different actions based on your website. Depending on how your site is setup, use one of the following to make using Scan to Web with your website easier.
  • Do nothing
    Leaves your website alone after entering a barcode scan.

  • Tab to next field:
    When multiple data entry fields are on your web page, the next scan will go the the next input field.

  • Attempt form submit
    This is the same as tapping SAVE or SUBMIT on most web pages. It typically will save the barcode scan to your web application system.

  • JavaScript
    For web developers to take advantage of embedded programming in your websites. Visit our SDK for more information.

Yes, in the app settings turn on the Duplicate scan check. Anytime the same barcode is scanned the app user will be prompted with these choices.
  • Stop
    Returns to the website and ignores the most recent barcode scan

  • Ignore and continue
    Saves the most recent barcode scan

  • Reset then continue
    Saves the most recent barcode scan AND erases the duplicate scan list.

In the app settings, Hyperlink target destination.
If a website requests a new window or tab, Scan to Web will open the web page in Scan to Web or open a new tab in Safari.

Web pages do not always scale automatically to mobile browser widths.
Use the following meta tag in the <head> of your document to force a resize when on a mobile browser.

<meta name="viewport" content="width=device-width, initial-scale=1">

You can incorporate a barcode scanning button into your HTML web page.
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>

Another method is specifying the field to put the barcode scan result.
bwstw://startscanner?field=[field name/id]

Please open this sample page and inspect the source. Try it in Scan to Web.
http://berrywing.com/m/stwiosbtn.aspx



Sample page from the video;
https://berrywing.com/scantoweb/buttondemo.aspx

JavaScript function calls and methods can be executed after scan. This is basically a <script> </script> block that is called by Scan to Web after a barcode scan.
To try this feature out follow these steps.
Add this script to your web page;
<script>
  function scantowebsubmit() {
    alert('Form submit attempt from JavaScript');
    document.forms[0].submit();
  }
</script>

2. Scan to Web, open JavaScript after scan, clear all the text and have just the following single line function call;
scantowebsubmit();

3. After barcode scan, set to JavaScript (*advanced)

Now scan a barcode. You will see the alert from your function call, then the page will submit.
This is VERY important! JavaScript is CaseSensitive.
If your script is not working, check the function name capitalization.

You can pass the barcode scan as a variable in your JavaScript after scan. The keyword stwbarcode is replaced in the Scan to Web JavaScript after scan.

Keep in mind that if this is a string, you will need single quotes around the keyword.

This is how it works
Barcode A12345 is scanned
In Scan to Web JavaScript after scan stwbarcode is replaced with A12345
Therefore; barcodeValidate('stwbarcode'); changes to barcodeValidate('A12345');

If the quotes are omitted, the JavaScript on your page may error with NaN or NULL as A12345 becomes a variable instead of the variable content.


To try this feature out follow these steps.
Add this script to your web page;
<script>
  function barcodeValidate(varBarcode) {
    alert('Validate barcode ' + varBarcode);
  }
</script>
2. Scan to Web, open JavaScript after scan, clear all the text and have just the following single line function call;
barcodeValidate('stwbarcode');


3. After barcode scan, set to JavaScript (*advanced)

Now scan a barcode. You will see the alert from your function call with the barcode scan value.
This is VERY important! JavaScript is CaseSensitive.
If your script is not working, check the function name capitalization.

In iOS, make sure you are using SINGLE QUOTES ' and not formatted smart quotes ‘

This is how the function in JavaScript after scan should look.
barcodeValidate('stwbarcode');

However if you type this using the on screen keyboard, it looks like this;
barcodeValidate(´stwbarcode´);

Note how the quotes around the stwbarcode variable lean to the right.

You can change this on iOS devices in the main settings app
Settings App... General... Keyboards... Smart Punctuation TURN OFF
Barcode and App settings

Microphone is for using the Speak to Web feature. Your device internal or external microphone is only on when you tap the mic button and it is red while in listening mode.

Speech Recognition is also for Speak to Web.

Camera for scanning barcodes.

Some websites allow “offline” use. Turn Use Cached Pages ON to support offline websites.

Remove 0 EAN-13: 12 digit UPC-A barcodes are being replaced with EAN-13 barcodes. When a UPC-A barcode is scanned it is automatically converted to an EAN-13 with a leading 0 in the United States. This setting removes that 0 to return a 12 digit barcode result.

Turn on and off different barcode types. To learn more, visit our Blog on Barcode Types.
Speak to Web

Using the speech to text of your smart device, you can verbally fill out a website form.

Look for the form labels on your website. Say the label text then the value you want in the text field. After a delay the speak to web will enter the text for you.

For instance
  1. Part:
  2. "Part wheel"
  3. Part:

Yes, Speak to web will try to use the nearest label, the hint or placeholder, and the toottip or title of a text field on your website.

Every device has 2 microphones. As long as one is close to your mouth as you speak the transcription should be accurate. Avoid having both microphones equidistant from your mouth as you speak.

An external headset or fixed microphone will give the best performance.

We’re sorry it Speak to Web did not work for you. Give us feedback on what happened in your example. Please include a link or screenshot of your webform as that will help us too.
softwaresupport@berrywing.com