A vCard QR code is a digital representation of a business card, encoded as a QR code. When scanned with a smartphone, it automatically adds your contact information (name, phone, email, etc.) to the recipient's address book. This makes sharing contact information quick, accurate, and eliminates the need for manual entry.


vCards are available in Customer's Canvas and are manual entry for Template-Based Print Product Editor Templates. However, in the Data Driven Editor we can have the QR code populate data automatically when filling out other fields and this article will cover the steps needed to accomplish this. 



1. Naming of layers

Any field that you would like to populate in the QR code needs to follow this naming convention:
vCard_LayerName (The text "LayerName" can be whatever you would normally name the layer)

Only the layers you will be using for the QR code need to be named this way.


2. Create the QR Code and set the fields

  • Click the dropdown for Barcodes and select the QR Code tool. 
  • Click on the page or click and drag to draw out the size of the QR Code. 
  • After creating the QR Code layer, click on it and in the right-hand Design column, set the Type to vCard then click Edit to configure the fields


  • Fill each applicable field with the corresponding layer's name from your design, surrounded by 2 curly brackets
    • For example, if your "Name" layer is now vCard_Name, you should enter {{vCard_Name}}
  • Any fields that use static text (the user does not fill them out on the template) can be added without brackets or the vCard_ prefix (see below).



  • Click OK then Save your design. 



3. Add the fields to your Data Schema

On your Data Schema, add each field the user should fill out on the template. The Field Names need to match the names of the layers on the design exactly. 


Be sure to add the Display Name and Prompt that you would like users to see for the field, otherwise it will take the Field Name and they will see the vCard_ prefixes. 




4. Link your design to the Data Schema

In Assets > Designs, right-click your design > Schema > Link with, then choose your Data Schema.



5. Create your Product Specification then test

In Prod. Specifications > click Create New.

  • Enter a Name for your template
  • Choose the Data Driven Editor
  • Select your Design > Save
  • Click Test in the top right corner


If you have configured the template properly you should now be able to edit the fields used in the variable template and see the QR code update automatically.