How to add a digital business card to your website

A contact page that lists a phone number asks the visitor to do the work. A Save-my-contact button does it for them: one tap opens your card, a second saves you to their phone. Here is how to put it on any site, in two copy-paste snippets.

Create your free card How to make a card first

Why your website should carry your card

A contact page usually offers a phone number, an email address and a form. All three ask the visitor to do the work: copy the number, type the address, wait for a reply. A Save-my-contact button turns that around. One tap opens your digital business card in the visitor's browser and a second tap saves your name, number, email, company and links into their phone — the same .vcf contact file a phone produces when you share someone from your address book. No app to install, nothing to type.

That matters because a saved contact is the outcome a business card exists for. Someone who has you in their phone recognises your call, finds your email without searching and has your website one tap away. A visitor who merely read your contact page has none of that once the tab is closed.

CompanyCard gives you two ways to do it, both built in the app from the same share link that sits behind your QR code: a button that links to your card, or the card itself embedded on the page. Open My cards, press Share, then Add to your website. Both snippets appear with your link already filled in, each with its own Copy button.

Two snippets, both free

1. The Save-my-contact button

A single image wrapped in a link to your card. It has its own rounded background, so it reads the same on a white page and a dark footer:

<a href="YOUR_SHARE_LINK" rel="noopener" title="Jordan Diaz — digital business card"><img src="https://company-card.com/assets/badge-save-contact.svg" alt="Save my contact — digital business card by CompanyCard" width="220" height="52" style="border:0"></a>

The app replaces YOUR_SHARE_LINK with your card's link and Jordan Diaz with your name. Nothing else changes, and there is no script or stylesheet to add.

2. Your whole card on the page

If you would rather show the card itself — photo, links and the Save contact button — embed the card page in a frame. It is 360 by 600 pixels, shrinks to fit a phone screen and loads only when a visitor scrolls to it:

<iframe src="YOUR_SHARE_LINK" width="360" height="600" loading="lazy" title="Jordan Diaz — digital business card" style="border:0;border-radius:16px;max-width:100%"></iframe>
<p style="font:13px system-ui;margin:6px 0 0"><a href="https://company-card.com/?utm_source=embed&utm_medium=web&utm_campaign=card_embed" rel="noopener">Made with CompanyCard</a></p>

The line under the frame, Made with CompanyCard, is a small credit that links back to us. That credit is what keeps the free plan free, so please leave it in place.

Where to paste it

Wix, Squarespace, Webflow, Shopify. Each has an HTML or embed-code block. Add one where the button should appear, paste the snippet into it and publish the page.
WordPress. Add an HTML block in the page editor, or paste the snippet into a text widget in the footer or sidebar so the button shows on every page.
A hand-coded site. Paste it into the page's HTML wherever the button belongs. It is plain HTML, so it needs no script tag and nothing to load first.
Anywhere else a link works. Linktree-style bio pages, Notion pages, forum signatures and your email signature: use the button image where images are allowed and the plain share link where they are not.

Step by step

Create your card in the free builder if you have not already — name, title, phone, email, links.
Open My cards, press Share on the card, then Add to your website.
Press Copy next to the button snippet, or next to the card embed if you want the whole card on the page. Your share link is already filled in.
In your website editor, add an HTML or embed block where the button should sit, paste the snippet and publish.
Open the published page on your phone once and tap the button: your card should open and Save contact should offer the .vcf file.

One thing to know before you paste

Signed in: your link stays the same when you edit the card. Every save goes to your account and the link points at your card's own page on company-card.com, so the button on your website, your bio and your email signature all show the current card without being touched.Not signed in: the link encodes the card itself — that is why it opens with nothing installed on the visitor's side and nothing added to your site — so re-copy it after edits. Open Share → Add to your website again and paste the new snippet over the old one; the old button keeps working in the meantime and simply shows the card as it was. The panel says which kind of link you are holding, and signing in before you copy is the way to get the stable one.

Frequently asked questions

Does the Save-my-contact button work on the free plan?

Yes. The free plan includes one digital business card with a QR code and a share link, and both snippets are built from that link, so nothing on this page needs a paid plan. A card's page carries a small Make your own CompanyCard link under the card, and the embed snippet adds a Made with CompanyCard line under the frame. Those two credits are what keep the free plan free.

Do my visitors need an app or an account?

No. The button opens your card as an ordinary web page in whatever browser the visitor is using. Tapping Save contact downloads a standard .vcf contact file, which iPhones and Android phones open straight into Contacts. Only you, the card's owner, have a CompanyCard account.

What happens to the button when I change my card?

It depends on whether you were signed in when you copied it. Signed in: your link stays the same when you edit the card, because the card is saved to your account and the link points at its page on company-card.com, so nothing on your website needs touching. Not signed in: the link encodes the card itself, so re-copy it after edits by opening Share, then Add to your website again, and pasting the fresh snippet over the old one. The panel tells you which kind of link you have.

Will the embed slow my website down?

The button is a single SVG image of under 2 KB plus a link, with no script to load. The card embed is an iframe with lazy loading, so the browser fetches the card page only when a visitor scrolls near it, and its max-width rule lets it shrink to fit a phone screen.

Your card, on every page you own

Create a free card, open Share, press Add to your website and paste the snippet. The credit line under it is what keeps the free plan free.

Create your free card