Skip to main content

Creating a QR code for a website link

How to generate a QR code that opens a web page from Business Tools, brand it with your colours and logo, save it to the QR Code Library, and download or print it.

J
Written by James Shepherd

Use this article to create a QR code that opens a web page when it is scanned, for example a menu, a booking page or a review link. QR codes live in the QR Code Library under Business Tools, where you can brand them with your colours and logo, download or print them, and change the link they point to later.

Where do I find the QR Code Library?

  1. In the left sidebar, click Business Tools.

  2. Make sure the QR Barcode tab at the top is selected, then click QR Code in the QR & Barcode panel.

The QR Code Library shows one card per saved QR code, with a Search box in the top right for finding a code by name.

How do I create a QR code for a website?

  1. Click the + button to the right of the Search box. The QR Code Setting window opens.

  2. Under Enter Content, replace the default QR Code Name (My QR Code) with a name you will recognise in the library, for example Lunch Menu.

  3. Leave Website selected in the row of tabs under the name.

  4. In Your URL, replace the placeholder address with the full address the code should open, including https://, for example https://www.sunrisecafe.com/menu.

QR Code Setting window with the name field, Website type and website URL field highlighted

How do I add my colours and logo?

Open the Set Colors and Logo section of the QR Code Setting window.

  1. Foreground Color sets the colour of the QR pattern. Click the swatch to pick a colour, or type a hex code such as #1E6FD9 in the box next to it.

  2. Background Color sets the colour behind the pattern. Keep a strong contrast between the two so the code stays easy to scan.

  3. To place your logo in the centre of the code, click Upload and choose an image file. Click Reset to remove it again.

How do I generate and save the code?

  1. Scroll to the Create & Save QR Code section and click Generate. A preview of the QR code appears with your colours and logo applied.

  2. Check the preview, then click Save to Library. A Success: QR code saved message appears and the form clears, ready for another code. Click Cancel to close the window; the new code is now a card in the QR Code Library.

Generate and Save to Library buttons in the QR Code Setting window

If you change the URL, colours or logo before saving, click Generate again to refresh the preview.

What can I do with a saved QR code?

Each card in the library shows the code, its type badge, the date it was created, the Total Scanned count and the link it opens.

QR code card in the library with the details, print, delete, Download and Edit Link controls and the Search box highlighted
  1. The eye icon opens the code's details, with its own Download and Edit Link buttons.

  2. The printer icon opens the print dialog with the code ready to print.

  3. The bin icon deletes the code. A confirmation appears first; confirm to delete or click Cancel to keep it.

  4. Download saves the QR code as an image file so you can add it to menus, flyers or signage.

  5. Edit Link lets you change the web address the code opens. Type the new URL and click Edit. Codes you have already printed keep working and now open the new address.

  6. Total Scanned shows how many times the code has been scanned.

  7. Use the Search box to find a code by name when the library grows.

What happens when a customer scans the code?

The customer's phone opens the website URL you entered. Because the code points to a Stackably link rather than directly to your page, you can change the destination with Edit Link at any time without reprinting the code.

Did this answer your question?