QR Code - Create customizable QR Codes easily in your Bubble.io app, with support for clientside and serverside.
STEP-BY-STEP TO GENERATE A QR CODE IN YOUR PAGE (CLIENT-SIDE):

1) Insert the "QR Code" element in your editor.

2) Use the action "Generate QR Code" in the workflow.
- When using special characters, such as in URLs, it is best to format the value as "URL Encoded" (uncheck the "Replace spaces by +" box). See the example below.

3) Use the event "QR Code Save URL" to save this URL in your database.

4) Use an "image" element to show the QR Code.

See the example below.


STEP-BY-STEP TO GENERATE A QR CODE IN BACKEND WORKFLOWS (SERVER-SIDE):

1) Use the action "Generate QR Code (Serverside)" in the workflow (Data/Things -> QR Code).
- When using special characters, such as in URLs, it is best to format the value as "URL Encoded" (uncheck the "Replace spaces by +" box). See the example below.



ACTIONS:
- Element -> Generate QR Code
- Data/Things -> Generate QR Code (Serverside)


STATES:
- URL: URL for the QR Code Image. You can save this to your database.

EVENTS:
- Saved URL: Triggers when the QR Code is generated. Use this to save the URL in your database.