Noloco
Ask the CommunityHire an ExpertLoginSign up
  • Noloco Overview
  • 🚀Quickstart
    • Start with your data
    • Start with AI
    • Start with a template
  • Data to App
    • Database Consolidation
  • App Settings
  • Components
    • Containers
    • Video
  • Templates
  • 🔗Data Sources
    • Data Overview
      • Setting a Collection's Primary Field
      • Syncing
    • Noloco Tables
      • Field Types
      • Relationships
      • Automatic Links
      • Rollup Fields
      • Lookup Fields
      • Formulas
      • Noloco AI
      • Import a file
    • Airtable
    • Google Sheets
    • SmartSuite
    • MySQL
    • PostgreSQL
    • REST APIs
    • HubSpot
    • Xano
  • 📄Pages
    • Collection views
      • Show collection record count
      • Empty State
    • Blank pages
    • iFrame embeds
    • External links
    • The Home Page
    • User Profile Page
    • Parent pages & folders
    • Page visibility rules
    • Cloning pages
    • Renaming pages
    • Hiding pages
    • Sidebar dividers
    • Tabs
  • 📂Collections
    • Adding collection views
    • Display
      • Rows
      • Cards & columns
      • Tables
      • Kanban boards
      • Calendar
      • Timeline
      • Gantt
      • Split-view
      • Charts
      • Maps
      • Pivot Table
      • Single record view
      • Grouping records
      • Record Colors
    • Filters
      • Logged in user
      • Relative Filters
      • Record values
    • Filter fields
    • Sort & limit
    • Row Action
    • Column Summaries
  • 📝Forms
    • Forms
      • Customizing Form Fields
      • Passing Linked Record Values to a Form
      • Dynamic Form Field Filters
      • E-Signature Fields
    • Public Forms
  • 📃Record Pages
    • Overview
    • Visibility Settings
    • Hidden Field Values
    • Record Comments
  • ✏️Field Formatting
    • Field visibility conditions
    • In-line editing
    • Conditional Highlight Colors
    • Dates & Time Zones
  • 📊Charts
    • Overview
  • 📂Data Management
    • Export Data
    • Import Data
  • 👥Users & Permissions
    • User Table
    • User Management
    • User Roles & Permissions
      • Record-level permissions
      • Field-level permissions
    • Open Sign Up
    • Offboarding Users
    • Testing as other users
  • ⏩Actions
    • Action buttons
      • Create records
      • Update records
      • Bulk actions
      • Barcode Scanner
      • Add a Comment Action
  • ⚡Workflows
    • Workflows
      • On-demand workflows
      • Comment Added Trigger
      • Watched Fields
      • Trigger webhooks
      • Send automated emails
      • For each item in a list...do...
      • Only continue if
      • Create a Record Action
      • Update a Record Action
      • Delete a Record Action
      • Deactivate a User Action
      • Reactivate a User Action
      • Send an Invitation Email Action
      • Add a comment to a record
      • Send a Push Notification
      • Ask Chat GPT Action
      • Summarize Text Action
      • Correct Grammar Action
      • Extract Keywords Action
      • Analyze Sentiment
      • Finish Text Action
      • Send a message to a Slack Channel
      • Send a message to a Slack User
      • Generate a PDF with DocsAutomator
  • 🔔Notifications
    • Notifications
    • Notification Preferences
  • 📑API Documentation
    • API Overview
      • Fetching Records
      • Fetching a Record
      • Creating a Record
      • Update a Record
      • Deleting a record
  • ⚙️Settings
    • General Settings
      • Live Mode
      • Custom Logos
    • Theme & Design
    • Progressive web apps
    • Navigation Settings
    • Spaces
    • Email Settings
    • Custom Code
    • Custom Domain
    • Login & Signup
      • Sign in Options
      • Single Sign On
      • 2FA - Two Factor Authentication
      • Client Portal User Add-On
    • Login Screen
    • User Lists
    • Integrations & API Keys
    • Billing & Usage
    • Support
    • Publishing
      • App Version History
  • 🔄Integrations
    • Zapier
    • Make (Integromat)
    • Sign in With Google
    • Intercom
    • SMTP Emails
    • Documint
  • ⚙️Account
    • Workspaces
    • Pricing
      • Client Portal Add-on (Legacy)
    • Transferring an App
    • Onboarding Call Preparation
Powered by GitBook
On this page
  • Barcode Scanner Demo
  • Update a Record
  • Create a New Record
  • Continuous Scanning
  • Navigate to a Record
  • FAQs
  1. Actions
  2. Action buttons

Barcode Scanner

Scan a Barcode or QR code with an Action Button

PreviousBulk actionsNextAdd a Comment Action

Last updated 5 months ago

This action is available on the Business and Enterprise plan only

View our for more information

The 'Scan a Barcode' in Noloco allows users to scan barcodes and QR codes directly within the app, seamlessly connecting physical information to the values stored in your project.

This Barcode Scanner can be used in one of the following three ways:

  1. the value of an existing record

  2. new linked records

  3. to another record

Barcode Scanner Demo

For instance, you can automatically store the value of a barcode on a record or tag multiple barcoded items to a record, such as linking items in a shipment. Additionally, the continuous scanning mode allows for uninterrupted scanning until the user proceeds to the next action or closes the scanning action.

Update a Record

Updating records with the 'Scan a Barcode' action button is straightforward and efficient. Follow these steps to set it up:

  1. Navigate to your Noloco app and go to the page where you want to add the scanning functionality.

  2. Add an action button to your page or collection

  3. In the Action Settings, choose 'Scan a Barcode' from the list of available actions.

  4. Select the record you want to update with the scanned barcode value.

  5. Map the scanned barcode value to the appropriate field in your record. This can be a text or number field

  6. Save your settings and test the action by scanning a barcode to ensure the value updates correctly in your record.

With these steps, your users can now scan barcodes to instantly update the relevant fields in your app's records.

Create a New Record

Creating new records using the 'Scan a Barcode' action button can streamline your data entry process, especially when handling multiple items. Here's how to set it up:

  1. Go to your Noloco app and access the page where the barcode scanning action will be used.

  2. Add an Action Button to your page or collection

  3. In the Action Settings, choose 'Scan a Barcode'

  4. Opt for the setting to Create

  5. Define the type of record to be created with each scan. This should be related to the page you're on, such as inventory in a warehouse

  6. Map the scanned barcode value to the appropriate field in the new record.

  7. Optional: configure any other values that should also be set when the barcode scans. You can use Hidden Values to specify a default for all new records

  8. Save your settings and test by scanning a barcode to ensure new records are created correctly.

This setup allows you to tag barcoded items to a single record efficiently, such as linking items in a shipment.

Continuous Scanning

For scenarios where you need to scan multiple barcodes quickly, the 'Scan a Barcode' action button offers a continuous scanning mode. This mode remains active until you proceed to the next action or close the scanning action, enhancing productivity and reducing repetitive actions.

Enabling Continuous Scanning Mode

  1. Follow the steps above to configure the 'Scan a Barcode' action button.

  2. In the Action Settings, look for the option to enable 'Continuous scanning mode'.

  3. Activate this option.

  4. Save your settings and start scanning barcodes continuously until you decide to end the action.

Continuous scanning mode is ideal for inventory management, batch processing, and other use cases where multiple items need to be scanned efficiently.

Navigate to a Record

You can navigate to existing records in your project using the Barcode Scanner, which can dramatically speed up the information retrieval process.

  • Go to your Noloco app and click on the Options tab where the barcode scanning action will be used.

  • Add an Action Button to your record page or collection

  • Give your button a suitable name and style according to your preferences

  • Set the Button Type to Modal

  • In the Action Settings, choose 'Scan a Barcode'

  • Opt for the setting to Navigate

  • Choose the barcode field where your barcode scanner can find the relevant barcode

  • Open the page based on its UUID.

  • Select the associated UUID from the Record page values

  • Save your settings and test by scanning a barcode to ensure new records are created correctly.

FAQs

Which barcode types are supported by the 'Scan a Barcode' action button? The 'Scan a Barcode' action button supports a wide range of barcode and QR code formats commonly used in various industries.

Can I use the 'Scan a Barcode' action button with mobile devices? Yes, the 'Scan a Barcode' action button is optimized for mobile devices, making it easy to scan barcodes using your smartphone or tablet.

How do I troubleshoot issues with the barcode scanner? Ensure your device's camera is functioning correctly, the barcode is clear and well-lit, and the 'Scan a Barcode' action is properly configured in your app settings.

Can I scan barcodes to update multiple fields in a record? Yes, you can map the scanned barcode value to multiple fields in a record, allowing for flexible and comprehensive data updates. This can be achieved by sequencing multiple scan barcode actions after each other

Is there a limit to the number of barcodes I can scan in continuous scanning mode? There is no hard limit to the number of barcodes you can scan in continuous scanning mode, but performance may vary based on device capabilities and network conditions.

⏩
Pricing Page
Action Button
Update
Create
Navigate
Create, Update or Navigate when a record is scanned