Visiting Card
Create a digital business card that you can share with contacts. Your visiting card is a public profile page with your contact information and an easy way for people to save your details.
Professional Contact
Sarah Johnson
Product Manager
Overview
Your visiting card is a card, not a page. It lives at Profile → Visiting card, it carries your name, what you do, how to reach you, and a QR code — and the QR is the whole feature: somebody points a phone at it and your details land in their contacts.
- One card per account, edited in place
- Fifteen themes and two layouts
- A QR code drawn into the card itself
- A
.vcf(vCard) download, and a full-screen view for showing it to somebody
Making your card
- Open Profile → Visiting card
- Click Configure Card
- Pick a Theme and a Layout
- Fill in the Content
- Click Save
The card behind the drawer repaints as you choose, on a wide screen. On a phone the drawer covers it, so everything lands at once when you save.
Choosing a theme, filling in the details, and the QR full screen.
Theme and layout
Fifteen themes — Nebula, Paper, Linen, Abyss, Ember, Grove, Pastel, Steel, Luxe, Carbon, Ruby, Sapphire, Emerald, Amethyst, Topaz — and two layouts, Vertical and Horizontal.
Content
| Field | Limit | Notes |
|---|---|---|
| Title | 40 | A line above your name |
| Subtitle | 40 | |
| Description | 255 | |
| Name | 25 | Starts from your account name |
| 35 | Can differ from the address you log in with | |
| Phone | 35 | |
| Company | 40 | |
| Position | 40 |
Show Avatar puts your profile photo on the card — the one from your account, not a separate upload. There is no website field.
Every field is optional except the name, and the character counters go red as you approach the limit.
Sharing it
The ⋮ menu on the card offers three things:
- Full screen — the card alone on the screen, at the size you want when somebody is scanning it. It also switches the card on: see below
- Download as vCard — a
.vcfof your details - Add to Google Wallet — downloads the card as an image, with the steps for adding it in Wallet
The QR code
The QR is drawn into the card server-side; there is nothing to generate. It points at /c/<card-id> — and that address does not open a page: it downloads the vCard directly. The person scanning gets a contact file, not a profile to read.
What the vCard carries
Name, email, phone, company, position, and your description — plus a line saying the card was made with BlaBlaNote. Your profile photo is included when Show Avatar is on. Nothing else: there is no website, and no link back to a profile.
The card is live while you are showing it
Opening Full screen switches the card on; closing it switches the card off again. There is no switch to find — showing the card is the switch, so the QR answers while it is on your screen and answers 404 the rest of the time.
That is fine for the case the feature is built around, which is somebody scanning your phone. It also means a QR printed on paper, or pasted into an email signature, will not work unless you happen to have the full-screen view open at that moment.
Best practices
- Fill in position and company: they are what makes the card readable across a stand
- Keep the name short — the field stops at 25 characters, and long names wrap awkwardly
- Use the full-screen view when showing it, not the configuration screen
- Check what the QR does before printing it anywhere