Business Card Block – present your team and contact info in style

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.

Business Card Block Pro

The free version builds a complete, publishable card. Pro is for when the design has to match a brand exactly, or when you want a layout already shaped for your industry.

More designs

Pro adds Themes 4 to 8, plus fourteen industry card blocks — each one a purpose-built version of the Business Card:

• Real Estate Agent — realtors and brokers.
• Doctor / Medical — physicians, dentists and clinics.
• Restaurant / Café — restaurants, cafés, bakeries and chefs.
• Photographer / Creative — photographers, videographers and studios.
• Architect — a Swiss-minimalist card for architects and interior designers.
• Barber — a vintage card for barbershops and men’s grooming.
• Veterinarian — a botanical card for vets, clinics and pet-care providers.
• Automotive / Dealer — sales consultants, repair shops, detailers and mobile mechanics.
• Educator / Tutor — private tutors, test-prep coaches and language teachers.
• SaaS / Startup Founder — founders, product managers and tech consultants.
• Personal Trainer / Fitness — trainers, online coaches, gyms and studios.
• Contractor / Trades — builders, plumbers, electricians, roofers and home services.
• Salon / Beauty — hairstylists, nail techs, estheticians and day spas.
• Attorney / Legal — law firms, solo attorneys and legal counsel.

Finer design control

• Typography for the name, title, company, tagline and contact text — family, size, weight and spacing, with separate desktop, tablet and mobile sizes.
• Borders, radius and box shadows on the card and its header.
• Section styling for the header, sidebar and top background, plus the decorative shape colours some themes use.
• Icon styling — contact icon sizes and social icon colours.
• Download button styling — position, typography, colours, border, radius and padding.

Free and Pro at a glance

In both versions: the QR code, the downloadable vCard, all ten contact types with clickable actions, Schema.org output, shortcode and Elementor support, backgrounds, colours, spacing, entrance animations and the branding options.

Free gives you five card layouts — Default, Minimal QR, Theme 1, Theme 2 and Theme 3.

Pro adds five more layouts (Themes 4 to 8), fourteen industry card blocks, typography controls for every text element, borders, radius and box shadows, header and section styling, contact and social icon styling, and full styling for the download button.

Everything in the free list stays free. Pro adds designs and styling depth on top of it.

Product page | Documentation | Pricing | Support | Live demos

Other plugins by bPlugins

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

bBlocks – A blocks collection and page building tool for Gutenberg.