Digital Business Card Module

Enable visitors to easily download or forward contact information in vCard format directly from your website using the Digital Business Card Module.  

You'll find the Digital Business Card Module in the Basic Modules menu from where you can drag and drop it onto your site. 


1. Person Data

You can feed person data into the Digital Business Card Module either from Global Data or by entering it locally in the module itself. 


1.1. Using Global Data

If you enter person data in Global Data, you can re-use it across your site in multiple Digital Business Modules, if you wish.

Click on Content in the main navigation and head to Global Data -> Persons. Click the Create New Person button and fill in the relevant person data. You can also add an image and social links. Remember to click Save at the top of the page when you're done.   

Note: You can create as many persons as you want in Global Data. When you add a Digital Business Card Module to your site, you'll be able to choose which person you want displayed in the module. 

Go back into Build, edit the Digital Business Card Module on your site, and toggle Use Persons From Global Data. If you have created multiple persons in Global Data, select from the dropdown which person you want displayed in the module.



1.2. Locally in the module

If Use Persons From Global Data is not toggled, you can enter person data directly in the module. Be aware that any person data entered locally in a module cannot be re-used automatically in other Digital Business Card Modules on your site.


2. Styling

The Digital Business Card Module can be styled locally in the specific module or globally in Global Styling. 


2.1. Image

In this section you can define image size and image border properties.


2.2. Name text

Define font type and settings as well as alignment and spacing.


2.3. Job, Affiliation, Department text

Define font type and settings as well as alignment and spacing.


2.4. Divider 1-4

Set alignment, thickness, color, spacing, etc. 


2.5. Description text

Define font type and settings as well as alignment and spacing.


2.6. Address, Phone, etc. text

Define font type and settings as well as alignment and spacing.


2.7. Icon

Define icon size and color, background color, border properties and spacing. 


2.8. Social Media Design

Define social media icon size, font, alignment, spacing, background color and border properties. 


2.9. Link texts

Define font type and settings as well as alignment and spacing.


2.10. Link icons

Define icon size and color, background color, border properties and spacing. 


2.11. Text area spacing

Set padding on the area containing all text elements in the module.


2.12. Background

Set the background color for the module. 


2.13. Border

Set border properties for the module. 


2.14. Spacing

Set margin and padding for the module.



3. Settings

In the Settings tab, you can change the texts on the email and download links if you wish. The default texts are "Email as vCard" and "Download as vCard", respectively.


4. Download or forward business card

Once you have inserted the Digital Business Card Module and published your website, visitors will be able to download it in .vcf format or send it in an email.  


Here is what the vCard looks like when opened on a computer:

 

Anything we’ve not covered?

Contact Us