Skip to main content

[Store Link: Web to Print] How to Add a QR Code with Personalization to Your StoreLink Web to Print Product

Set up a personalized QR code (website link or contact card / vCard) in the editor and publish it to your StoreLink Web to Print store.

V
Written by Vipul Chhabra

A QR code is a great way to make your printed products interactive. In Store Link Web to Print, you can add a personalized QR code to any product in the editor — so that when your customer fills in their details, the QR code updates automatically to match. This guide shows you how to set one up on a business card and publish it to your store.

With a personalized QR code you can, for example:

  • Link to a website — the customer scans the code and is taken straight to a URL.

  • Share a contact card (vCard) — the customer scans the code and can save all the contact details (name, company, phone, email, website, address) directly to their phone.


Before you begin

Make sure you have:

  • A product created in the editor (this example uses a business card).

  • The personalized fields you want on the product, such as first name, last name, email, address and website.


Step 1: Add your personalized layers

Open your product in the editor and go to Personalize > Add personalized layers. You can add a combination of text and image layers — for example:

  • Text layers for first name, last name, email address, address and website.

  • An image layer for a logo.

Tip: Each layer can be marked as personalizable or non-personalizable using the toggle on the layer. If you turn the toggle off, the customer will not be able to change that layer (useful for a fixed logo, for example).


Step 2: Add the QR code layer

Adding a QR code is simple:

  • Go to Add personalization layer > Add image and add any image as a placeholder for now.

  • Place the image where you want the QR code to appear on the product.

  • Open the layer in your Personalize panel and make it personalizable.

  • In the layer settings, switch on the QR code option.

The placeholder image is now converted into a live QR code that you can map to your personalized fields. There are more options and you can choose any different type of QR code.


Step 3: Choose what the QR code contains

Once the QR code is enabled, you map it to the fields on your product. There are two common options:

If you want the QR code to save contact details to the scanner's phone, map the relevant vCard fields to your personalized layers. You can tag as many or as few as you need, for example:

  • First name

  • Last name

  • Job title

  • Company

  • Mobile phone / work phone number

  • Email address

  • Website

  • Address

Only map the fields you actually have on the product — leave the rest blank.


Step 4: Preview and publish

When your layers and QR code are set up:

  • Select Continue to mockups.

  • Select Continue to prices.

  • Select Publish.

Your product is now live and available in your Store Link Web to Print store.


How it works for your customers

When a customer opens the product in your store, they'll see all the personalizable fields listed — first name, last name, email address, website, and so on. As they fill in their details:

  • The QR code updates automatically to reflect the information entered.

  • The customer can scan the QR code with their phone to check it — a website code opens the site, and a vCard code offers to save the contact details to their phone.

  • When they're happy with the design, they place the order.


After an order is placed

When a customer completes their order, it is generated with their personalized design and QR code, and the correct print-ready file is delivered to you in Gelato Connect for production.


Did this answer your question?