Linux 软件免费装
Banner图

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

开发者 abuhayat
charlescormier
bplugins
ruhulamin2026
freemius
asadsuzan
更新时间 2026年9月14日 12:26
捐献地址: 去捐款
PHP版本: 7.4 及以上
WordPress版本: 7.1
版权: GPLv3 or later
版权网址: 版权信息

标签

qr code gutenberg block contact card vcard business card

下载

2.0.1 1.0.6 2.1.2 2.1.0 2.1.3 1.0.4 1.0.0 1.0.2 1.0.1 2.1.1 2.1.5 2.0.0 2.1.4 2.1.6 1.0.3 1.0.5 2.0.2 2.0.5 2.0.3 2.0.4

详情介绍:

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 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: 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

安装:

From the block editor
  1. Go to Plugins → Add New and search for Business Card Block.
  2. Install and activate it.
  3. Edit any post or page, add the Business Card block, and fill in your details.
Upload a zip
  1. Download the plugin zip file.
  2. Go to Plugins → Add New → Upload Plugin, choose the file, and click Install Now.
  3. Activate the plugin.
Manually
  1. Upload the plugin folder to /wp-content/plugins/.
  2. Activate it from the Plugins menu.
Using the shortcode
  1. Go to Business Cards in the admin menu and create a card.
  2. Copy its shortcode from the ShortCode column, for example [bcb id="12"].
  3. 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
  1. Edit a page with Elementor.
  2. Search the widget panel for Business Card.
  3. Drag it in, then either choose a saved card or fill in the details in the widget panel.

屏幕截图:

  • Creating a saved card and copying its shortcode
  • Default layout with contact actions and a QR code
  • Theme 1
  • Theme 2
  • Theme 3
  • Theme 4 (Pro)
  • Theme 5 (Pro)
  • Theme 6 (Pro)
  • Theme 7 (Pro)
  • Theme 8 (Pro)
  • Block settings — layout, QR code and contact methods
  • Block settings — identity, photo and logo
  • Block settings — colours and typography
  • Block settings — entrance animations
  • The industry card blocks included with Pro
  • Placing a card anywhere with its shortcode

常见问题:

Do I need to know CSS?

No. Layouts, colours, spacing, backgrounds and animations are all set from the block sidebar.

What does the QR code contain?

By default it encodes your contact details as a vCard, so scanning it with a phone camera offers to save you to the address book straight away. You can switch it to encode the page's own URL or a custom link instead.

Does the QR code have to take up space on the card?

No. Set the QR display to Reveal and a small icon sits in a corner instead, opening the code over the whole card when someone hovers, taps or focuses it — with a close button to go back. Interactive Flip is the other option: the card turns over and the code lives on the back. Either way the front keeps its existing design, and existing cards are unaffected unless you switch one of these on.

Does the QR code slow my site down?

No. It is generated on your server as an SVG and cached, so no QR JavaScript library is loaded for visitors.

Will the downloaded .vcf file work on iPhone and Android?

Yes. It follows the vCard 3.0 spec, including correct line endings, escaping and UTF-8, so accented and non-Latin names import intact.

Can I use it without the block editor?

Yes. Every saved card has a shortcode you can paste into a post, page, widget area or template file, and there is an Elementor widget if you build with Elementor.

Will it work with my theme?

Yes, it works with any standard WordPress theme. The card takes its colours and spacing from the block settings rather than depending on the theme.

Is it accessible?

Contact actions are real links and buttons with screen-reader labels and visible focus states, and the QR image carries alternative text.

How many cards can I create?

As many as you like, in both the free and Pro versions.

Where can I get support?

Post your question on the support forum, or email support@bplugins.com.

更新日志:

2.1.6 - 14 September 2026 2.1.5 - 10 September 2026 2.1.4 - 30 August 2026 2.1.3 - 5 July 2026 2.1.2 - 29 June 2026 2.1.1 - 24 June 2026 2.1.0 - 23 June 2026 2.0.5 - 11 June 2026 2.0.4 - 2 June 2026 2.0.3 - 23 February 2026 2.0.2 - 10 February 2026 2.0.1 - 30 December 2025 2.0.0 - 17 December 2025 1.0.6 - 14 December 2025 1.0.5 - 12 February 2025 1.0.4 - 10 April 2023 1.0.3 - 17 July 2022 1.0.2 - 10 May 2022 1.0.1 - 17 April 2022 1.0.0 - 12 April 2022