Being added to contacts is a great way to improve deliverability and your brand's reputation with ESPs and ISPs. This article will walk you through the steps required to include your contact information in your email sends.
You'll need to use a tool like bvcard.com to generate the required files and code for your hCard and vCard (.vcf file).
Including an hCard in your email
hCards include your company's contact information in a format that web browsers, smartphones, and email clients can interact with, using html labeling called microformatting. As these microformats become more popular more and more browsers and email clients will directly support the information they contain. Once you've filled out your contact information and created your hCard and vCard look for the "embed hCard" option to get the html code required to insert the hCard into your email html. hCards can be plain or they can be formatted into the design of your email.
Tip: Most hCard tools include a link back to their site in their code, so make sure you trim that off the end!
Including a vCard in your email
A vCard contains all the same contact information as your hCard, only in a compact downloadable format. If the user's email client or browser don't support direct interaction with the vCard's data, once the user has downloaded and opened the file it will prompt the user to add that information to their address book. For clients familiar with mailchimp, this is how their "add to contacts" link works.
Using an online tool, (like bvcard.com) create your vCard, and save the file to your computer. Host the vCard with ReSci using the same process as Hosting Images with the WYSIWYG Template Builder. Embed the vCard into your html using the following format:
<a class="url fn email org" href="YOUR vCARD URL">Add us to your contacts!</a>
Inside the <a class ="" section, you will need to include the properties that your vcard contains. In the example above we are include a website url (url), full name (fn), email address (email), and company name (org). The list of available properties is below.
You can use the <a> </a> link tags to link your vCard information anywhere in your email, tying it to any graphic or image!
When using the drag-and-drop editor, use the "link file" option to link your vCard to an image or button!
fn- name, formatted/full. required
n- structured name, container for:
honorific-prefix- e.g. Ms., Mr., Dr.
given-name- given (often first) name
additional-name- other/middle name
family-name- family (often last) name
honorific-suffix- e.g. Ph.D., Esq.
nickname- nickname/alias, e.g. IRC nick
photo- photo, icon, avatar
url- home page for this contact
tel- telephone number
adr- structured address, container for:
street-address- street #+name, apt/ste
locality- city or village
region- state or province
postal-code- postal code, e.g. U.S. ZIP
country-name- country name
bday- birthday. ISO date.
category- for tagging contacts
note- notes about the contact