fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

vCard

The “vCard Widget” allows you to enables you to send contact information in a format that can be easily read in other e-mail programs and phones for users to download contact information quickly and easily. A lot of customization options are available to create exactly the look you want for your Elementor page.

 

Let’s look at each of the options in the “vCard Widget” below.

Install vCard Widget for Elementor

This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “vCard”
  3. Hover over the widget in the search results and click install
  4. Add your “vCard” widget to any Elementor Page

General Settings

1
Show Image

Show/Hide the image.

2
Show Name

Show/Hide the Name.

3
Show Job Title

Show/Hide the job title.

4
Show Company

Show/Hide the company name.

5
Show Contacts

Show/Hide the contact element.

6
Show QR Code

Show/Hide the QR code.

7
QR Resolution (px)

Set the QR resolution in px.

8
QR Position

Set the QR position.

  • Above Button
  • Below Button
9
Align Content

Set the alignment of content.

  • Left
  • Center
  • Right

vCard Button Settings

1
Button Text

Type text to show in the button.

2
Show Icon

Show/Hide the icon in the button.

3
Icon

Choose an icon to display.

Personal Details Settings

1
Prefix

Type prefix for the name.

2
First Name

Type the first name.

3
Middle Name

Type the middle name.

4
Last Name

Type the last name.

5
Suffix

Type suffix for the name.

6
Nickname

Type the nickname.

7
Company

Type the company name.

8
Job Title

Type the job title.

9
Role

Type the role of person.

10
vCard Note

Type note for vCard.

Contact Details Settings

1
Phone (preferred/work)

Type phone number.

2
Email Address

Type email address of person.

3
Website

Type website url.

Address Settings

Type the address of person.

Contact Item Animation

1
Contact Hover Animation

Select the hover animation for contact hover.

  • Grow
  • Shrink
  • Pulse
  • Pulse Grow
  • Pulse Shrink
  • Push
  • Pop
  • Bounce In
  • Bounce Out
  • Rotate
  • Grow Rotate
  • Float
  • Sink
  • Bob
  • Hang
  • Skew
  • Skew Forward
  • Skew Backward
  • Wobble Vertical
  • Buzz
  • Buzz Out
2
Entrance Animation

Set the entrance animation.

Contact Items Settings

Manage the contact items using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1
Title

Set the title for contact item.

2
Source

Select the contact source from given options.

  • Phone Work Preferred
  • Phone Work
  • Phone Home
  • Email
  • Website
  • WhatsApp
  • Custom Link
3
Contact Icon

Choose an icon for contact item.

vCard Widget Styling

A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.

Card Styling

Style the card padding, border radius, box shadow, border, and background.

Image Styling

In this section, style the image width, height, image fit, border radius, border and hover animation.

Name Styling

Set the name typography, color, and gap.

Job Title Styling

Set the typography, color, and gap job title.

Company Styling

Set the typography, color, and gap of company element.

Contacts Styling

Set the typography, color, background, icon size, border, border radius and gap of contacts elements.

Contact Title Styling

Set the typography, text color, text color hover, and gap of contact title.

Button Styling

Style the button typography, padding, margin, text color, background color, border, and border radius.

Button Icon Styling

Style the button icon color, size, and icon gap.

QR Code Styling

Style the QR code size, margin, background color, and color.

Usage Examples

Here are some live use cases for the vCard Widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!