Being added to your customers' contacts is a great way to improve deliverability and your brand's reputation with ESPs and ISPs. This article walks you through the steps required to include your contact information in your email sends.
You 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, using an html labelling format called microformatting, that web browsers, smartphones, and email clients can interact with. 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 in their code that points back to their own site, 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 doesn't support direct interaction with the vCard's data, the user is prompted to add the information to their address book once they have downloaded and opened the file. (For clients familiar with Mailchimp, this is how their "add to contacts" link works.)
- Use an online tool, like bvcard.com, to create your vCard, and then 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:
<div class="vcard">
<a class="url fn email org" href="YOUR vCARD URL">Add us to your contacts!</a>
</div>- 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!
Properties
fn
- name, formatted/full. requiredn
- structured name, container for:honorific-prefix
- e.g. Ms., Mr., Dr.given-name
- given (often first) nameadditional-name
- other/middle namefamily-name
- family (often last) namehonorific-suffix
- e.g. Ph.D., Esq.
nickname
- nickname/alias, e.g. IRC nickorg
- company/organizationphoto
- photo, icon, avatarurl
- home page for this contactemail
- email addresstel
- telephone numberadr
- structured address, container for:street-address
- street #+name, apt/stelocality
- city or villageregion
- state or provincepostal-code
- postal code, e.g. U.S. ZIPcountry-name
- country name
bday
- birthday. ISO date.category
- for tagging contactsnote
- notes about the contact
When using the drag-and-drop editor, use the "link file" option to link your vCard to an image or button!
- Image link file:
- Button link file:
Comments
0 comments
Please sign in to leave a comment.