QR Code

Momen supports generating and scanning QR codes for information sharing, link distribution, identity verification, and data capture.

QR code actions include:

Generate QR Code
Scan QR Code

Generate QR Code

Overview

Create a scannable QR code image from plain text or structured parameters. Optionally overlay the code on a background image. Use for sharing links, table IDs, device IDs, and more.

Configuration

Parameter	Description
Content	Plain text or JSON object (e.g. `{"seat_id":10,"web_link":"https://www.momen.app/"}`)
Background image	Optional background and QR code position
Page variable	Image-type page variable to store the generated QR code

Output

QR code image assigned to the specified page variable
Display via an image component or save to the device

Setup

Add a page variable

Add an Image page variable to store the generated QR code. Use clear names when generating multiple codes.

Add the action

Add Generate QR Code to a component and bind the page variable.

Set content

Plain text mode — single value:

Text: Displays text when scanned
URL (https): Opens the web page
Image URL: Shows the image
File URL: Opens the file for viewing
Video URL: Plays the video

JSON object mode — multiple parameters:

Example: {"seat_id":10,"web_link":"https://www.momen.app/"}

Set background image (optional)

Enable background image settings and adjust the QR code position. For a 400×400 px background and 300×300 px QR code, set position X:50, Y:50 to center the code.

Display the QR code

Use Show Modal in custom mode: add an image component and bind the page variable.

Platform Support

Web
Native App

Examples

Product share link


Content: Product detail page URL
Background: Product image
Use case: Customers scan to open the product page

Restaurant ordering


Content: {"table_id": 12, "section": "A"}
Use case: Scan identifies the table when placing an order

Equipment inspection


Content: {"device_id": "EQ-001", "location": "Building B"}
Use case: Scan links inspection records to the correct device

Scan QR Code

Overview

Open the device camera to scan a QR code, parse its content, and assign the result to a page variable. Use for quick data entry, asset lookup, and link navigation.

Configuration

Parameter	Description
Page variable	Stores the parsed scan result (text, URL, or JSON)

No input parameters are required; tapping the configured component opens the scanner.

Output

Parsed QR code content assigned to the page variable
Content may be plain text, a URL, or a JSON object

Notes

Result type should match the page variable type (Text for strings; parse JSON in a follow-up action if needed)
Use a QR code decoder to verify content format during development

Platform Support

Native App

Examples

Equipment maintenance


Trigger: Scan device button
Result: Device ID, model, maintenance history
Use case: Pre-fill maintenance form fields

Member identification


Trigger: Scan member card button
Result: Member ID and tier
Use case: Apply points or discounts

Event check-in


Trigger: Scan ticket button
Result: Ticket ID and attendee info
Use case: Validate entry and log attendance