A Visual Guide to Enhancing Business Cards with QR Codes in InDesign

Utilize the back of your business card by adding a QR code for easy contact information saving, and design a visually cohesive layout with InDesign's tools.

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

  1. In the Pages panel, right-click (or Control-click on Mac) the page thumbnail.

  2. 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

  1. Select the Rectangle Frame Tool (the one with the “X”).

  2. 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:

  1. Select it.

  2. 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:

  1. Select the QR code.

  2. 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

  1. Create a text frame across the full margin width beneath the QR code.

  2. Center-align the paragraph.

  3. 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

  1. Select the Line Tool.

  2. 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:

  1. Select the new line.

  2. Choose the Eyedropper Tool.

  3. Click the border on the back page to copy its formatting.

  4. 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.

photo of Dan Rodney

Dan Rodney

Dan Rodney has been a designer and web developer for over 20 years, creating coursework and leading innovative training initiatives. Dan has been at the forefront of integrating AI into design and business workflows, spearheading Noble Desktop’s latest AI course offerings. In addition to teaching and curriculum development, he writes custom scripts for InDesign (Make Book Jacket, Proper Fraction Pro, and more) and works with automation and AI-driven tools in his free time. You can find Dan on X (Twitter), LinkedIn, Facebook, and at danrodney.com.


More articles by Dan Rodney

How to Learn InDesign

Build professional layout and publishing skills with hands-on InDesign training. Adobe InDesign is an industry-standard application used to design brochures, reports, proposals, portfolios, and multi-page documents for print and digital publishing.

  • Explore online training options at VDCI: Learn from anywhere with flexible, fully online InDesign courses and related graphic design training options.
  • Start with an online InDesign course at VDCI: Begin with the self-paced InDesign Course Online that introduces essential layout tools, typography, styles, grids, and document workflows.
  • Advance with an InDesign certificate or certification program: Build stronger skills in professional publishing, layout design, and document production by completing the InDesign Certification Course Online, designed to prepare you for the Adobe Certified Professional exam for InDesign.
  • Explore related courses in graphic and visual design: Expand your design skill set with complementary training in Photoshop, Illustrator, or a broader Graphic Design Certification Course Online.
Yelp Facebook LinkedIn YouTube Twitter Instagram