EN
PortuguêsEnglishEspañol
All tools
Developer tools 100% free

Digital business card (page with a save contact button)

Fill in only what you want to show. The preview updates instantly and the Save contact button already works in it.

How to use

Thank you so much for helping!

Every donation helps pay for the servers and keeps the tools free for everyone. Pick or type an amount:

Secure payment by Stripe. Opens in a new tab.
Back to Ready-made site blocks

All your contact details in one link

Available in: PortuguêsEnglish

Advertisement

Digital business card (page with a save contact button): what it is for

Build your digital business card: a lightweight, phone-first page with a photo or initials, name, job title, company, a short tagline and buttons for WhatsApp, call, email, Instagram, website and directions on Google Maps. The Save contact button downloads the vCard (.vcf), which iPhone and Android open straight into the address book.

Download the HTML file to publish on your domain or any static hosting and create the QR code with the published URL, to print on your paper card, badge, counter or email signature. Since the QR code points to the page, you can change the details without reprinting.

How to use

  1. Fill in your details and links.
  2. Pick the color and check the preview.
  3. Download the HTML, publish it and create the QR code.

When to use it

  • Real estate agents, sales reps and representatives.
  • Freelancers and independent professionals.
  • Events and trade shows.

Frequently asked questions

How does the Save contact button work?

It downloads a .vcf file (vCard), the contact format that iPhone and Android open straight into the address book. The file is built on the page itself, with no server, with name, company, title, phone, email, website and address.

Where do I publish the card?

On any static hosting: on your own domain (such as yourname.com/card), GitHub Pages, Netlify or a storage bucket. It is a single HTML file. Then create the QR code with the published URL and put it on your paper card, badge or email signature.

How is it different from a contact QR code?

A contact QR code stores the data inside the code and saves it straight to the address book, but shows nothing first. The digital card is a page: people see your photo and links, choose whether to message you or save the contact, and you can change the details without reprinting the QR code.

Is it really free?

Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.

Similar tools

WhatsApp booking widget for websites (service, day and time)Add a booking widget to the website of your salon, barbershop, beauty clinic, studio or repair shop: the customer picks the service, the day and the time and sends the request, ready to go, to your WhatsApp. You set the services, the opening days and the time slots. No server, no monthly fee and no sign-up.Open →
Delivery area checker for websites (neighborhood and fee)Add a field to the website of your delivery business, pizzeria, grocery store or shop where customers type their neighborhood and instantly see whether you deliver there, the fee and the delivery time. You write the list of areas you serve and get ready-made HTML, CSS and JavaScript, with no server and no monthly fee, plus an order-on-WhatsApp button.Open →
Announcement bar for websites (top banner)Create the announcement bar that sits at the top of your website to promote a sale, free shipping, holiday hours or news: text, link, colors, a close button that remembers the choice and an option to show it only until a date.Open →
Progress steps bar for websites (HTML and CSS stepper)Generate a steps bar (stepper) for checkout, multi-part sign-up, order tracking or how it works sections: numbered steps, the current step highlighted, completed ones with a check mark, horizontal or vertical. Semantic HTML with aria-current, pure CSS and your brand colors.Open →
Free shipping progress bar for online storesGenerate the "you are $30 away from free shipping" progress bar for your online store cart: minimum amount, messages before and after reaching it, colors and a function to update it with the cart total. Plain HTML, CSS and JavaScript.Open →
Reading progress barGenerate the thin bar at the top of the page that shows how much of the article has been read: built with CSS scroll-driven animations and a fallback script for browsers without support. Choose the color, height and position.Open →

The tools are provided as is, without warranty. We are not responsible for the results or for how they are used.