Uploading a Vcard to Your Website.

Hi, and welcome to the first tutorial by LivingInfo Systems.

This tutorial covers how to create a vcard, and upload it to your website. This allows your potential clients to download it, so they have all your contact details quickly and easily, without having to copy and paste each contact item one by one from your web site into their contact records.

A vcard is a virtual (business) card; the virtual, or digital equivalent of the business and personal cards that people and companies have been using for well over a hundred years. Here is a business card sample:

Sampole business card

A vcard is really just a text file; for example:

FN:LivingInfo Systems
TEL;WORK;VOICE:64 210 287 4425

This tutorial uses Microsoft Outlook to create the vcard, because that is the easiest and most common. Other email clients may or may not handle vcards.

1. Create the vcard: In Outlook, create a new contact (unless you have one for your company already):

Vcard creation

2. From the File menu, click save as:

Save as

3. Choose a file type of vcard, and save to a desired location, such as a temporary folder. In the name, use all lower case, and no spaces, such as “livingInfo_systems.vcf.”

4. Click Save and Close to save the contact record into your Outlook.

5. Upload the vcard file from the temporary folder to your website. Since there are so many web site systems, I can’t show you how to do so. Contact your web site administrator if you need to, or if you are your own web site administrator, and are not sure how, contact LivingInfo Systems for personalised instructions. Upload the file to a location in your web site file structure that is suitable for downloads, such as http://www.mycompanywebsite.com/download.

6. Edit your web site contact page to include a link to the file, so it can be downloaded by a web site visitor. Again, I can’t show one example for everyone, but contact LivingInfo Systems for personalised assistance. Mine looks like this:


(I know, it needs tidying up, I’m updating Visual Studio to do so.)



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s