Skip to main content

Digital business card - Create a card people can save to their phone

Build a digital business card with an Add to contacts button, choose what the saved contact includes, and link the card from a page you already have.

User Permissions

Admins, and Editors with the Flow Editor additional role.

Note: If you don't see Digital business card under Beta, contact your Flowcode CSM.

Create the card

  1. Go to Flows and click Create flow.

  2. In the left list, click Beta, then click Digital business card.

  3. Enter a Flow name, such as "Jordan Lee – Business Card". It shows in Flows and Analytics.

  4. Choose a Brand kit (or No brand kit), a folder, and a Domain.

  5. Click Create.

The Beta list in the Create conversion flow dialog, with the Digital business card template

The Digital business card form with Flow name, Brand kit, folder, and Domain filled in, and the Create button, numbered 3 and 4

Note: The flow comes with 2 entrypoints added for you: 1 QR code and 1 short URL, both named after the flow. Use the QR code on printed cards and the short URL in email signatures.

Fill in the card's details

  1. In the Flow Editor, at the bottom left, click Content.

  2. Under Your information, add a Photo and enter the Full name (required), Title, Department, Company, and Bio.

  3. Under Contact information, enter a Work number, Mobile number, Email, Website, and Address.

  4. Under Social information, click Add social link for each profile.

  5. Close Content.

The Content button at the bottom left of the Flow Editor, numbered 1

The Content dialog with a photo, Full name, Title, Department, Company, Bio, and contact details filled in, numbered 2 and 3

The Add social link menu open under Social information, listing networks such as Facebook, Instagram, and LinkedIn, numbered 4

Tip: To fill everything in at once, click Upload contact details and upload a vCard (.vcf) file. This replaces everything already entered, including the photo.

Choose what Add to contacts saves

When someone taps Add to contacts, their phone downloads a contact file (vCard) named after the card's Full name.

  1. In the Flow Editor, click the Contact share page on the canvas.

  2. Click the Add to contacts block. Edit contact information opens.

  3. Keep Contact share turned on ("Allow visitors to download your virtual contact card").

  4. Clear the checkbox for any field you don't want in the saved contact, or click Select all fields.

Edit contact information with Contact share turned on, Select all fields, and the photo, name, company, department, and title checked, numbered 2 to 4

The saved contact can include the photo, name, company, department, title, work and mobile numbers, email, website, address, and social links.

Note: The Bio isn't saved to the contact.

Link the card from a page you already have

  1. Open the card's flow and click Edit flow.

  2. In the entrypoints box, click Short URLs.

  3. Copy the card's short URL.

  4. Open the flow that has your page and click Edit flow.

  5. Add a Button or Card to the page.

  6. Connect an External URL to it and paste the short URL into Destination URL.

The entrypoints box with Short URLs selected and the card's short URL with its copy icon in the Entry panel, numbered 2 and 3

For click-by-click steps, see Button - Add a button that connects to another destination, Card - Add a card that connects to another destination, and External URL - Send visitors to a website outside Flowcode.

Publish and test

After you click Publish, people see your changes on the card. The QR code and short URL stay the same.

A published card for Jordan Lee, Brand Partnerships Manager at Cold Silver Beverage, with the Add to contacts button

If you linked the card from another page, publish that page's flow too.

Each tap on Add to contacts counts as a conversion on the card's flow in Analytics.

Hide the Add to contacts button

  1. In the Flow Editor, click the Contact share page on the canvas.

  2. Click the Add to contacts block.

  3. Turn off Contact share.

  4. Click Publish.

Troubleshooting

"Add to contacts doesn't do anything on my iPhone."
On iPhone, Add to contacts downloads a contact file, and iOS offers to create a new contact. If nothing happens, check that Contact share is on in Edit contact information, publish, and try again in Safari. If it still fails, contact Flowcode Support at [email protected] with the card's short URL, the iOS version, and the browser.

"I removed the address, but the address icon still shows."
Each row and icon on the card belongs to a field, and shows only while that field has a value. Clearing a field removes its row and icon. The address row stays while any address part has a value (Apt, suite, etc, City, State, and Zip), so clear them all. If an empty pin row still shows after you publish, click Upload contact details, upload a vCard without an address, add the photo again, and publish.

"The photo doesn't come through when someone saves the contact."
In Edit contact information, make sure Your photo is checked. If the photo can't load within a few seconds of the tap, the contact saves without it. A smaller JPG or PNG loads faster.

"A field is missing from the Contact share list."
The list shows only fields that have a value. Add the value under Content, then open Edit contact information again.

FAQs

Can I change the Add to contacts button text?
Yes. Click the Digital business card page, and under Primary conversion, enter new text where it says Add to contacts.

Can I use an address outside the US?
Partly. State lists US states and territories only, and the postal code field is Zip. Leave State empty if it doesn't apply.

Can I upload a .vcf file as a flow's destination instead?
No. Upload it to a digital business card with Upload contact details instead.

Does changing the card change the printed QR code?
No. The QR code and short URL stay the same, and people see changes after you publish.

Related articles

Did this answer your question?