The Contact Details component displays your contact information in a clean, organized format. Visitors can tap to call, email, or get directions with one touch.
What Contact Details does
This component creates a structured contact card similar to what you would find on a business card. Each piece of information is formatted for easy reading and one-tap actions.
Use this when you want to:
- Share your business contact information
- Create a digital business card (vCard) page
- Display team member profiles
- Provide service provider details
- Share event organizer information
Started from the VCard Plus template?
If you chose VCard Plus when creating your QR code, this component is already on your page. Skip to Step 3 to start filling in your information.
How to add Contact Details
Step 1: Open your landing page editor
Go to your Dashboard, select your QR code, and click Edit.
Step 2: Add the component
Click Add component at the bottom of the editor panel. Select Contact Details from the menu.
Step 3: Fill in your information
The Contact Details component has 5 tabs. Fill in the fields that apply to you. Leave others blank if not needed.
Tab 1: Name
Personal identification details.
| Field | What to enter | Example |
|---|---|---|
| Title | Honorific or prefix | Mr., Ms., Dr. |
| First name | Your given name | Jordan |
| Last name | Your family name | Lee |
Tab 2: Company
Professional or organizational information.
| Field | What to enter | Example |
|---|---|---|
| Company | Your organization name | FreeQR |
| Job title | Your role or position | Marketing Manager |
Tab 3: Contact
Communication channels. These become tappable on mobile.
| Field | What to enter | Example |
|---|---|---|
| Your email address | hello@freeqr.io | |
| Mobile number | Your cell phone | +1 (555) 123-4567 |
| Phone number | Your office or landline | +1 (555) 987-6543 |
| Fax number | Your fax line (if applicable) | — |
Tip: Include country codes for phone numbers so international visitors can call.
Tab 4: Address
Physical location information.
| Field | What to enter | Example |
|---|---|---|
| Address | Street address | 123 Market Street, Suite 200 |
| City | City name | San Francisco |
| State | State or province | CA |
| Zip code | Postal code | 94105 |
| Country | Country name or code | United States |
Tab 5: Additional
Extra information.
| Field | What to enter | Example |
|---|---|---|
| Website | Your website URL | https://freeqr.io |
| Additional information | Any other relevant details | "Office hours: Mon-Fri 9am-5pm" |
Step 4: Save your changes
Click Save to publish your contact details. They appear on your landing page immediately.
How it looks on mobile
Visitors see your contact information formatted as a clean card. Tappable fields include:
| Field | What happens when tapped |
|---|---|
| Phone/Mobile | Opens phone dialer |
| Opens email app | |
| Address | Opens maps app |
| Website | Opens the URL |
Tips for best results
- Include essential info only. Do not add fields you do not want to share.
- Use consistent formatting. Format phone numbers the same way.
- Add your photo separately. Use an Image Gallery or Content component above the Contact Details for a profile photo.
- Double-check phone numbers. Incorrect numbers mean missed calls.
Common questions
Can I add multiple Contact Details components?
Yes. Use multiple components to show different people (like team members) on the same page.
Do visitors get a vCard file?
The component displays contact information on the page. It does not automatically generate a downloadable vCard file.
Which fields are required?
No fields are required. Fill in only what you want to display. Empty fields do not appear on your page.
Can I show only email and phone?
Yes. Fill in just the Contact tab and leave other tabs empty. Only filled fields display on your page.
How do I add a profile photo?
Add a Content component or Image Gallery component above your Contact Details. Upload your photo there.
Comments
0 comments
Please sign in to leave a comment.