Your contact details are probably sitting on your site as plain text. Someone who wants to call you has to select the number, copy it, switch apps and paste it. Most people will not bother.
Business Card Block turns that block of text into a card people can act on. Phone numbers become one tap to call. Email addresses open the mail app. A QR code lets a visitor point a phone camera at the screen and save your whole contact at once, and a Save Contact button hands them a proper
.vcf file.
You build the card in the WordPress block editor, and place it with a block, a shortcode, or the Elementor widget — whichever suits the page.
Who it is for
- Freelancers and consultants who want a shareable contact card rather than a contact form.
- Local businesses — clinics, salons, restaurants, trades — where the goal is a phone call.
- Agencies building profile pages and staff pages for clients.
- Link-in-bio and about pages that need scan-to-save instead of a row of icons.
A card visitors can use, not just read
Phone, email, website and address rows become real actions:
tel:,
mailto: and a map link. WhatsApp, Telegram and Skype open the right app. IMO and WeChat publish no web link of their own, so those show a copy button instead of a broken one.
Every action is a proper link or button with a screen-reader label and a visible focus ring, so keyboard and screen-reader visitors get the same card everyone else does.
A QR code that saves the contact
By default the code carries your details as a vCard, so scanning it offers to add you to the phone's address book immediately — no browser step in between. You can point it at the page's own URL or a custom link instead.
The code is generated on your server as a sharp SVG and cached, so no QR JavaScript library is loaded for your visitors.
Or keep the code out of the way until it is wanted
The QR does not have to sit in the layout. Two interactive presentations keep the card focused on who you are, and bring the code forward only when someone wants it:
- Reveal puts a small QR icon in a corner of the card. Hovering it opens the code across the whole card, and a close button returns to your details. Choose which corner the icon sits in.
- Interactive Flip gives the card a second side. The front stays exactly as it is and the code moves to the back, positioned wherever you like from nine presets or placed by hand.
Both take their background, corners and shadow from the card they belong to, so the new surface looks like the same card rather than a panel dropped on top. Both work on hover, on tap, and from the keyboard, and both respect the reduced-motion setting.
A vCard file that actually imports
The downloaded
.vcf follows the vCard 3.0 spec — correct line endings, proper escaping, structured name and address fields, and full UTF-8 — so accented and non-Latin names arrive intact in iOS Contacts, Google Contacts and Outlook.
Readable by search engines
Each card can output
Schema.org structured data describing the name, job title, employer, phone, email, website and address. Leave it on Automatic, or choose Person, Organization or Local Business yourself. You can switch it off per card if an SEO plugin already covers that page.
Design it without writing CSS
Choose a layout, then set widths, padding, alignment, backgrounds and text and icon colours from the block sidebar. Add a profile photo and a company logo with mask shapes and shadow styles, and switch on entrance animations with control over duration, delay and stagger.
Free version includes
- One Business Card block with five layouts: Default, Minimal QR, Theme 1, Theme 2 and Theme 3.
- Name, job title, company, tagline, profile photo and company logo.
- Ten contact types: Address, Phone, Email, Website, WhatsApp, Telegram, Skype, IMO, WeChat, and a free-form option.
- Clickable contact actions, with copy-to-clipboard for the apps that have no web link.
- QR code with a choice of what it encodes, plus size, error-correction level, an optional label and caption, and an optional centre mark using your initials or logo.
- Three QR presentations: standard, inside the card; a corner icon that opens the code over the whole card; or an interactive flip that turns the card over — each with its own placement options.
- Downloadable
.vcf file with an editable button label.
- Schema.org output with a choice of Person, Organization or Local Business.
- Shortcode support, including attributes for reusing one card with a different design or contact value.
- An Elementor widget, loaded only when Elementor is active.
- Five entrance animations — Reveal, Slide, Flip, Polaroid and Zoom — with duration, delay, stagger and easing controls.
- Backgrounds using solid colours, gradients or images, plus padding, alignment, separators, and name, title, company and contact colours.
- Five avatar mask shapes (circle, squircle, hexagon, blob, diamond), three shadow styles, a zoom hover effect, a monochrome mode for the logo, and overlap or stack branding layouts.
- A Business Cards screen for managing saved cards, and a blocks manager for turning individual card blocks on and off.
From the block editor
- Go to Plugins → Add New and search for Business Card Block.
- Install and activate it.
- Edit any post or page, add the Business Card block, and fill in your details.
Upload a zip
- Download the plugin zip file.
- Go to Plugins → Add New → Upload Plugin, choose the file, and click Install Now.
- Activate the plugin.
Manually
- Upload the plugin folder to
/wp-content/plugins/.
- Activate it from the Plugins menu.
Using the shortcode
- Go to Business Cards in the admin menu and create a card.
- Copy its shortcode from the ShortCode column, for example
[bcb id="12"].
- Paste it into any post, page or widget area — or call
echo do_shortcode( '[bcb id="12"]' ); in a template file.
Using the Elementor widget
- Edit a page with Elementor.
- Search the widget panel for Business Card.
- Drag it in, then either choose a saved card or fill in the details in the widget panel.
2.1.6 - 14 September 2026
- Fix - The company field in block settings was not being saved, defaulting to "Tech Crop" for all new cards. The default is removed and the field now respects user input.
- Fix - Contact rows, particularlyIMO and WeChat, were sometimes shown with an icon even when they had no value. The block now only renders a contact row when there is actual content.
2.1.5 - 10 September 2026
- Fix - Downloaded vCard files started with a byte-order mark, which made strict address books refuse to import them — iOS Contacts and Windows Contacts among them. The mark is gone and the character encoding is declared on the download itself.
- Fix - The QR code Size control had no effect on several card designs, where a built-in size overrode the chosen value. Per-design sizes now act as an upper limit, so the control works on every card.
- Fix - Contact rows used different markup in the editor preview than on the published page, so spacing and alignment drifted between the two. Both now render the same structure.
- Fix - Admin styles and scripts could be served from a stale browser cache after an update, because the asset version had stopped tracking the plugin version.
- Fix - The website exported to the vCard is now a complete URL. A value typed without "https://" was written to the file verbatim, which some address books stored as an unusable link.
2.1.4 - 30 August 2026
- New - Added QR code sharing (vCard, URL, custom link) generated on the server as SVG with zero client-side JavaScript overhead.
- New - Added "Reveal" QR display mode with hover/tap/keyboard triggers, customizable corner icon placement, and readable background fallbacks.
- New - Added "Interactive Flip" QR display mode with 3D card rotation, 9 placement presets, custom positioning, and accessibility respect for reduced motion.
- New - Added optional label, caption, and center mark (initials or logo) for QR codes, with automatic error correction adjustments.
- New - Added dedicated contact fields for WhatsApp, Telegram, Skype, IMO, and WeChat.
- New - Added clickable contact actions (
tel:, mailto:, map links, direct messaging app launches, and copy-to-clipboard for IMO/WeChat).
- New - Added Schema.org JSON-LD structured data output (Person, Organization, LocalBusiness) with automatic detection and per-card toggles.
- New - Added "Minimal QR" card layout optimized for clean, QR-first visual presentation.
- Fix - Security: Restricted shortcode rendering to prevent unauthorized access to draft, private, password-protected, or non-card post types.
- Fix - Security: Enforced protocol allow-lists on social links to prevent cross-site scripting (XSS) via
javascript: URIs.
- Fix - Security: Server-side enforcement added for premium themes to prevent client-side paywall bypasses.
- Fix - Resolved RFC 2426 compliance issues in vCard exports (line folding, character escaping, structured fields, UTF-8 encoding).
- Fix - Unified editor preview and frontend vCard generator to eliminate data mismatch issues.
- Fix - Fixed an issue in industry blocks where setting panel text/link inputs wiped existing field values on open.
- Tweak - Integrated QR sections directly into card design layouts, respecting local accent colors, corner radii, and responsive sidebars.
- Tweak - Enhanced downloaded
.vcf files to include profile photo references and messaging handles.
- Tweak - Improved typography and layout wrapping for contact/QR text on narrow mobile viewports.
- Tweak - Added visible focus rings and dedicated screen-reader labels for all interactive contact actions.
- Tweak - Made the vCard download button label fully customizable.
2.1.3 - 5 July 2026
- Improvement: Added demo previews for 14 new industry-specific Business Card blocks
- Improvement: Added new screenshots to the readme to showcase the latest features and block designs.
2.1.2 - 29 June 2026
- New: Add Short Code Support For All Child Blocks
- Fix: enhance LicenseActivation with i18n, PHPDoc, and validation improvements
2.1.1 - 24 June 2026
- Improvement: Global Bug Fix: Added strict max character constraints (50-255 characters) to all inputs across all 15 blocks to prevent layout-breaking text.
- Improvement: UI Fix: Adjusted the rendering fallback logic for empty social items and empty SVGs to fix object rendering bugs.
- Improvement: Layout Fix: Enabled safe flex wrapping and word breaks across core elements to preserve geometry under edge cases.
- Improvement: Stability Fix: Updated text fields, constraints, and inputs directly on native controls.
2.1.0 - 23 June 2026
- New: Added 14 new industry-specific Pro Business Card blocks (Restaurant, Medical, Real Estate, Veterinarian, Architect, Barber, Automotive, Tutor, SaaS Founder, Contractor, Salon, Fitness, Photographer, Legal).
- Improvement: Redesigned the Admin Dashboard with a modern Welcome page and a new Blocks manager to enable/disable specific cards.
- Improvement: Grouped all plugin blocks under a dedicated "Business Cards" category in the block inserter.
2.0.5 - 11 June 2026
- New: Added High-Performance Animation System with viewport-aware triggering, 5 animation types, and granular controls.
- New: Added Advanced Branding & Identity System with Overlap/Stack layouts, custom masking, hover effects, and Monochrome mode.
- Improvement: Improved Responsive Architecture 2.0 with intelligent stacking, identity auto-scaling, and contact word-breaking.
- Improvement: Enhanced Performance & Stability with compositor-thread optimization and CSS variable engine.
- Fix: Fixed Help & Demos dashboard rendering blank by loading its assets on every entry URL and including the required wp-api-fetch dependency.
2.0.4 - 2 June 2026
- Improvement: update vCard
2.0.3 - 23 February 2026
- Improvement: Update Admin Dashboard
2.0.2 - 10 February 2026
- Fix: fix header margin issue
2.0.1 - 30 December 2025
- Fix: Bug fix: corrected broken links.
2.0.0 - 17 December 2025
- New: Added six new themes for improved design and customization.
1.0.6 - 14 December 2025
- Improvement: Improve security
1.0.5 - 12 February 2025
- Improvement: Reduce assets load
1.0.4 - 10 April 2023
- New: Add translate feature
1.0.3 - 17 July 2022
1.0.2 - 10 May 2022
1.0.1 - 17 April 2022
1.0.0 - 12 April 2022
- Improvement: Initial Release.