A QR code lets people open a link on their phone by pointing their camera at the screen. Use it for feedback forms, booking pages, menus, job listings or Wi-Fi details.

You'll need: the editor role or higher.

A QR code widget and its settings
A QR code widget and its settings

Add a QR code

  1. In the designer, select a zone. A square-ish zone works best.
  2. Under Shows, choose Widget, then QR code.
  3. Type the full address in Link, starting with https://.
  4. Add a Caption and select Save layout.

The code is made on the screen itself, so it works offline too.

Settings

SettingWhat it does
LinkThe web address the code opens, for example https://baysidehotels.example/feedback.
CaptionText under the code, like "Scan to book a table".
Code colourColour of the code's squares. Dark colours scan best.
BackgroundColour behind the code. Light colours scan best.

Tips for codes that scan

  • Make the zone big enough to scan from where people stand. As a rough guide, the code should be at least 15 cm across on a screen people walk past.
  • Shorter links make simpler codes that scan more easily from further away.
  • Test it with your own phone on the real screen.

Troubleshooting

"Link too long for a QR code". The address is too long to fit in a code. Use a shorter address or a link shortener.

The zone is empty. Link is blank. Add an address.

What's next