Transform the back of your business card into a functional tool by incorporating a QR code, allowing recipients to effortlessly save your contact information with a simple scan. Learn how to enhance your card's design with a cohesive layout, border elements, and clear instructions for optimal usability.
Key Insights
- Enhance the back of a business card by adding a QR code that automatically saves contact information, optimizing the space and functionality of the card.
- InDesign offers tools to generate and customize QR codes directly within the program, supporting various formats such as vCard for business cards, ensuring seamless integration with your design.
- Maintain design consistency by using borders, text instructions, and style elements that visually connect the front and back of the card, while ensuring the QR code remains easily scannable by testing its functionality.
This lesson is a preview from our InDesign Certification Course Online (includes software & exam). Enroll in this course for detailed lessons, live instructor support, and project-based training.
This is a lesson preview only. For the full lesson, purchase the course here.
The back of a business card is valuable real estate. Instead of leaving it blank, or repeating information already on the front, you can use it to add functionality. One of the most practical additions is a QR code that allows someone to scan the card with their phone and instantly save your contact information. No typing required. The QR code can automatically create a contact with your name, phone number, email, company, and more.
In this section, you’ll learn how to add a second page to your document, design a simple bordered layout, generate a QR code directly in InDesign, and style the back of the card so it visually connects to the front.
Adding a Second Page
If your document was originally created as a single page, you can add another page at any time using the Pages panel.
If you don’t see the Pages panel:
-
Go to Window > Pages
To add a new page:
-
Click the + icon at the bottom of the Pages panel.
That creates a blank page. However, if your first page already has a background color or design elements you want to reuse, duplicating the page is often easier.
Duplicate Instead of Starting Blank
-
In the Pages panel, right-click (or Control-click on Mac) the page thumbnail.
-
Choose Duplicate Page.
Now you have a second page with the same background styling. Double-click the new page thumbnail to jump to it.
Delete any elements you don’t need (such as logo or text), leaving the background intact. If the background is locked, it prevents accidental movement—ideal when you want to keep it consistent.
Creating a Border for Visual Interest
A QR code alone can feel visually sparse. Adding a border gives structure and makes the back more intentional.
First, switch back to Normal Mode (press W) so you can see your guides.
Draw the Border Frame
-
Select the Rectangle Frame Tool (the one with the “X”).
-
Drag from one margin guide to the opposite margin guide, creating a frame that fills the margin area.
This frame will become your border.
Add a Stroke
In the Properties panel:
-
Apply a Paper (white) stroke
-
Increase the stroke weight
-
Choose a stroke style (for example, a thin double line)
If you want finer control, click the word Stroke in the Properties panel to open the full Stroke panel.
Adjust Stroke Alignment
By default, strokes are centered on the frame edge. You can align them:
-
To the center
-
To the inside
-
To the outside
In this case, aligning the stroke to the outside keeps more usable space inside the margins for your content.
Switch to Preview Mode (W) to evaluate the border without guides cluttering the view.
Generating a QR Code in InDesign
InDesign can generate QR codes directly—no external generator required.
Go to:
Object > Generate QR Code
You’ll see several QR code types, including:
-
Web link
-
Email
-
Text message
-
Plain text
-
Business card (vCard)
For a business card that saves contact information automatically, choose Business Card (vCard).
Enter Contact Information
Fill in the fields you want included:
-
First and last name
-
Company
-
Phone number
-
Email
-
Address
-
City, state, postal code
All fields are optional. Include only what makes sense for your card.
Before clicking OK, choose the QR code color. To match the design, select Paper (white) if your background is dark.
Placing and Scaling the QR Code
After clicking OK, the QR code loads into your cursor.
Instead of clicking once (which may place it inside an existing frame), click and drag to create its own frame.
Resize proportionally using:
-
Mac: Command + Shift while dragging
-
Windows: Ctrl + Shift while dragging
Avoid making the QR code too small. If it’s printed at very small sizes, scanning reliability decreases. It doesn’t need to dominate the card, but it should remain easily scannable.
Centering the QR Code
To center the QR code:
-
Select it.
-
In the Align section of the Properties panel:
-
Change alignment reference to Page (or Margins).
-
Click Align Horizontal Center.
-
Click Align Vertical Center.
-
Then use your arrow keys to nudge it slightly upward, leaving room beneath it for instructional text.
-
Arrow keys = small movement
-
Shift + Arrow keys = larger movement
Editing the QR Code Later
QR codes generated in InDesign are embedded graphics (they won’t appear in the Links panel). They export as vector graphics.
To edit:
-
Select the QR code.
-
Go to Object > Edit QR Code.
You can adjust color or update the contact information at any time.
Adding Instructional Text
Not everyone instinctively knows what to do with a QR code. A short instruction improves usability.
Add and Center the Text
-
Create a text frame across the full margin width beneath the QR code.
-
Center-align the paragraph.
-
Enter something like:
Point camera here to save my contact info
Using a frame that spans the full margin width ensures proper horizontal centering.
To maintain visual consistency:
-
Copy existing styled text from the front of the card.
-
Paste it into the new frame.
-
Adjust the wording.
-
Slightly reduce font size if needed.
Use arrow keys to nudge the text into balanced position beneath the QR code.
Evaluate spacing in Preview Mode (W).
Visually Tying the Front and Back Together
To connect the two sides of the card, add a subtle divider line on the front using the same stroke style as the border on the back.
Create the Divider Line
-
Select the Line Tool.
-
Hold Shift while dragging from one margin guide to the other (ensures a perfectly horizontal line).
Match the Stroke Style with the Eyedropper
Instead of manually recreating stroke settings:
-
Select the new line.
-
Choose the Eyedropper Tool.
-
Click the border on the back page to copy its formatting.
-
Click the new line to apply it.
This transfers stroke color, weight, and style instantly.
Nudge the divider into place using arrow keys for precise positioning.
Final Checks at Actual Size
Before finalizing:
-
Zoom to Actual Size.
-
Check type legibility.
-
Confirm spacing and alignment.
-
Test the QR code by scanning it with your phone’s camera.
On both iOS and Android, scanning should prompt you to save a contact. Always test for:
-
Typos
-
Correct phone numbers
-
Proper formatting
-
Successful scan behavior
Testing ensures your client, or your own brand, doesn’t distribute incorrect information.