vCard Builder MSP Uno

1Branding

Logo (circular, ~300×300), optional cover photo, and an optional QR code that floats top-right of the card.

2vCard Information

3Primary actions

The big buttons at the top of the card. Click to add, click again to remove.

4Secondary actions / social

Smaller round icons below. Pick any combination.

5Featured content

Optional rich blocks: text notes, links, buttons, or HTML embeds.

1Colours

2Layout

1Page metadata

2SEO

3Analytics

Tip: Cloudflare Web Analytics works without cookies and pairs nicely with Pages.

4Short.io tracking

When set, exported links can be wrapped through your short.io domain on import. Stored alongside the JSON config.

1Files you can generate

Each option produces a real file. The HTML and ZIP are ready to drop on Cloudflare Pages, Netlify, GitHub Pages, or any static host.

• contact.vcf — RFC 6350 vCard 3.0, opens in any phone's contacts app
• card.json — full config, importable back into this builder
• index.html — single-file standalone vCard page
• site.zip — full bundle (index.html, contact.vcf, qr.png, card.json, _headers, README.md)

2QR Code

Generate a QR code that opens your hosted vCard on any device. Scan it from a phone camera, print on a business card, or embed in a signature.

3Import an existing card

Drop a previously exported card.json here to load it back.

4Hosting · Cloudflare Pages (direct upload)

1. Click ⬇ site.zip below and unzip it.
2. Go to Cloudflare Dashboard → Workers & Pages → Create → Pages → Upload assets.
3. Name the project (e.g. jane-card) and drag the unzipped folder in.
4. You get a live URL like jane-card.pages.dev. Add a custom domain in the Pages settings if you want card.mspuno.com.
5. Paste that URL into the QR section above and regenerate the QR code.

5Hosting · GitHub + Cloudflare Pages (auto-deploy)

1. Create a new GitHub repo, e.g. mspuno-vcards. Make it public or private — both work.
2. Inside the repo, make a folder per person: /jane/, /john/, etc.
3. For each person, download their site.zip from this builder, unzip the contents into their folder.
4. Commit and push: git add . && git commit -m "add jane" && git push
5. In Cloudflare → Pages → Create → Connect to Git → pick your repo. Build command: (none). Build output directory: /.
6. Each push to main auto-deploys. Jane's card lives at yourproject.pages.dev/jane/.
7. To edit Jane's card later: open the builder, drop her card.json into Import, change anything, re-export the ZIP, replace her folder, push.

Tip: keep all the exported card.json files committed alongside the HTML — that way the source of truth lives in Git and you can always rebuild.

6Hosting · This builder itself

The builder you're using right now is also a static file. You can host it for your team:

1. Save this page (right-click → Save As) or download it from wherever you got it.
2. Rename it index.html.
3. Drop it into a Cloudflare Pages project (same as step 1 above).
4. Now your whole team uses the builder at vcard.mspuno.com without installing anything.