---
title: "Business Card Editor"
path: https://www.eonshowroom.eon.com/en/content-elements/business-card-editor.html
lastModified: 2026-06-19T09:54:56.390Z
---
# Business Card Editor
# Buisness Card Editor
The **Business Card Component** is designed to display professional profile information for authors, editors, or business contact partners in a clean, standardized layout. It bridges the gap between editorial identity and customer-facing support channels.
### Buisness Card Features
- Dual Role Configurations: Optimized layouts for both "Author" profiles and corporate "Contact" cards.
- Flexible Link Presentation: Supports multiple link types (Email, Phone, Social, Web) with smart display toggles.
- Vertical Link Layout (New): Switch seamlessly between compact icon grids and text-supported link alignments.
- Brand-Compliant Design: Automatic fallback styling for text and icons based on the central E.ON theme settings.
## Chief editor
Joane Doe
[LinkedIn](www.joane.doe@eon.com)
Alexander Weber
Head of Customer Care
[alexander.weber@eon.com](mailto:alexander.weber@eon.com)
## Configuration
### Buisness Card Editing in editing in a nutshell
Main configuration options of the Buisness Card component
- Card Information: Text inputs for the Name, professional Title, and corporate Role of the profile owner.
- Image Desktop: Central asset upload field featuring mandatory 1x1 Image Cropping.
- Alignment: Dropdown selection to toggle the layout between Center and Left styling.
- Contact Links: A multi-entry Multiselect-Style Dialog to add 1..n Links consisting of an optional Label and a required URL.
- Choose Color Option: Color selection matrix inherited from the Box Component to change the background style
### In this how to
Quick jump to the most relevant how to topics
- Creating Profile Cards
- Managing Contact Links
- Rich Text Formatting
#### Insert Business Card Component
- Add the Component to the page layout.
- Enter Profile Identity: Fill out the primary Card Information fields (Name, Title) clearly.
- Upload Asset: Select a profile picture and apply the forced 1x1 Crop Mask inside the dialog.
- Add Links: Navigate to the Contact Links Tab to populate your support channels.
## Does, Don'ts and Grid Usage
### What you should do
- Optimize for Viewports: Use the compact Icon Grid if you are displaying multiple Profile Cards side-by-side to maintain a clean Grid Layout.
- Utilize Vertical Layouts: Switch to the new Vertical Link Layout if your Links require descriptive Text Labels for better user Clarity.
- Keep Descriptions Concise: Keep the professional Profile Description short and focused to ensure the Card scales beautifully on Mobile Displays.
- Configure Tracking Wisely: Ensure that Click-Events are enabled on the card's Support Channels (Email, Phone) if tracking User Engagement is required by your market.
### What you shouldn't do
- Avoid Typos in Links: Don't forget to validate the protocol prefixes (like mailto: or tel:) within the Link Presentation Toggles to prevent broken user Journeys.
- Don't Overcrowd Social Icons: Don't activate every single available Social Link simultaneously; select only the channels that actively support the corporate Role.
- Don't Force Manual Line Breaks: Don't use forced
tags inside the profile Name or Title fields; rely on the component's built-in Responsive Wrapping instead.
