Tutorial: Generating QR codes

Flows and stickies

To understand the best way to create QR codes, it helps to understand the Sticky architecture.

In Sticky, there are applications and stickies. For the purposes of this guide, a sticky is a QR code.

Flows are like units of behaviour: they do things. In the QR code use case, the application will return the URL that you would like the QR scanner to be redirected to.

Stickers are the physical instances, or implementations of your application. There relationship between stickies and applications is many-to-one; that is, you can have many stickies that connect to one application (and so do the same thing), but you will know which specific sticky was tapped in the wild.

This architecture is useful for hospitality: every sticky in a pub should show the same food and drink menu, but the pub needs to know which sticky was tapped so the food and drink can be brought to the right table. The days of choosing a venue and choosing a table number are over!

The same architecture is useful for QR codes too. Say you want QR codes to redirect to a kid-safe game. You have three outlets for these QR codes: a retail store, product packaging and a magazine. Understanding the performance of these channels separately is important, yet it's also important there is a single source of truth on what all of the QR codes do.

One application, many stickies.

Creating an application

In the dashboard, choose the Applications tab, then click the 'plus' button.

Choose Applications, then click the plus button.

A new application will appear in the list with the name 'New application'. Click 'New application'.

Configuring an application

The important settings are shown at the top left. In the QR code use case, 'Public name', 'Internal name' and the logo will never be visible to the public. Choose a name which represents the content that the QR code will redirect to. Use the same name for both 'Public name' and 'Internal name' fields.

Choose a name which represents the content that the QR code will redirect to.

Click 'Save'.

On the 'Logic' tab, choose the 'Routing tab'. In the large box, type:

return "https://jada.io";

Where https://jada.io is the URL you would like the QR code to redirect to.

Click 'Save'.

Connecting a sticky to an app

Click the 'home' button at the top left, then choose the 'Stickers' tab.

Click the 'plus' button.

A new sticky will appear in the list. Click it.

Connect the sticky to the app

Choose a name which reflects both the content that the QR code will redirect to, and where the QR code will be deployed, for example, "Space warrior game packaging".

Click the 'Safe for kids' switch if this is important to you.

Under the 'Application' heading, make sure the app you created is selected.

Click 'Save'.

Click 'Copy link', then copy the URL shown in the dialog that appears. This is the URL that will be 'written' to the QR code.

Visit the URL in a new browser tab.

If your browser redirects you to the URL you chose in 'Configuring an app', congratulations. You are now the QR code whisperer.

Getting the QR code

The QR code is visible for each sticky.

This is what a QR code looks like