Tutorial: Generating QR codes

Applications and stickers

To understand the best way to create QR codes, you should understand the Sticky architecture.

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

Applications 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 stickers and applications is many-to-one; that is, you can have many stickers that connect to one application (and so do the same thing), but you will know which specific sticker was tapped in the wild.

This architecture is useful for hospitality: every sticker in a pub should show the same food and drink menu, but the pub needs to know which sticker 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 stickers.

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 sticker to an application

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

Click the 'plus' button.

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

Connect the sticker to the application

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 application 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 application', congratulations. You are now the QR code whisperer.

Getting the QR code

The QR code is visible for each sticker.

This is what a QR code looks like