QR Code

← All widgetsWidget 312 · emcp_custom_312

Elementor widget4 layouts22 content options19 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: qr, qr code, vcard, wifi, scan, download.

Setup guide

Open a page in Elementor, search the panel for QR Code and drag it into a container.
Content › QR Code: Encode, Value (URL, text, phone, email), Message (SMS / WhatsApp / email subject), vCard: Full Name, vCard: Company, vCard: Job Title, vCard: Phone, vCard: Email and 14 more.
Pick a Layout: Plain code, Card with caption, Code + text side by side, Badge (rounded frame with label). Each one is shown below.
Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Conditional options: vCard: Full Name appears when Encode is vcard; vCard: Company appears when Encode is vcard; vCard: Job Title appears when Encode is vcard; vCard: Phone appears when Encode is vcard; vCard: Email appears when Encode is vcard; vCard: Website appears when Encode is vcard; vCard: Address appears when Encode is vcard; Wi-Fi: Network Name appears when Encode is wifi; and 2 more.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

Plain code

Layout = plain

Save my contact

Scan to add me to your phone

Download PNG

Layout

Card with caption

Layout = card

Scan to open

Point your camera at the code

Download PNG

Layout

Code + text side by side

Layout = split

Save my contact

Scan to add me to your phone

Download PNG

Layout

Badge (rounded frame with label)

Layout = badge

Guest Wi-FiDownload PNG

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

QR Code

Option	Type	Choices / range	Default	Notes
Encode `kind`	Dropdown	URL, Current page URL, Plain text, Contact (vCard), Wi-Fi network, Email, Phone number, SMS, WhatsApp chat	url
Value (URL, text, phone, email) `value`	Textarea		https://emcptools.com
Message (SMS / WhatsApp / email subject) `message`	Text
vCard: Full Name `vc_name`	Text			Shown when kind = vcard
vCard: Company `vc_org`	Text			Shown when kind = vcard
vCard: Job Title `vc_title`	Text			Shown when kind = vcard
vCard: Phone `vc_phone`	Text			Shown when kind = vcard
vCard: Email `vc_email`	Text			Shown when kind = vcard
vCard: Website `vc_url`	Text			Shown when kind = vcard
vCard: Address `vc_addr`	Text			Shown when kind = vcard
Wi-Fi: Network Name `wifi_ssid`	Text			Shown when kind = wifi
Wi-Fi: Password `wifi_pass`	Text			Shown when kind = wifi
Wi-Fi: Security `wifi_type`	Dropdown	WPA / WPA2, WEP, None	WPA	Shown when kind = wifi
Error Correction `level`	Dropdown	L (7%), M (15%), Q (25%), H (30%, needed for a logo)	M
Centre Logo (use level H) `logo`	Image
Layout `layout`	Dropdown	Plain code, Card with caption, Code + text side by side, Badge (rounded frame with label)	card
Title `title`	Text		Scan to open
Text `text`	Textarea
Download Button `show_download`	Toggle	on / off	yes
Download Text `download_text`	Text		Download PNG
File Name `file_name`	Text		qr-code
Show Encoded Value `show_value`	Toggle	on / off

Style tab

Style

Option	Type	Choices / range	Default
Code Size `size`	Slider	min 80, max 600, px	200
Module Color `dark`	Color		#101828
Background Color `light`	Color		#ffffff
Quiet Zone (padding) `quiet`	Slider	min 0, max 40, px	12
Code Corner Radius `code_radius`	Slider	min 0, max 40, px	12
Code Border `code_border`	Border
Code Shadow `code_shadow`	Box shadow
Logo Size `logo_size`	Slider	min 10, max 35, %	22
Logo Backing `logo_bg`	Color		#ffffff
Card Background `card_bg`	Color		#ffffff
Card Border `card_border`	Border
Card Radius `card_radius`	Slider	min 0, max 40, px	16
Card Padding `card_pad`	Dimensions
Card Shadow `card_shadow`	Box shadow
Title Typography `title_typo`	Typography
Title Color `title_color`	Color		#101828
Text Color `text_color`	Color		#475467
Button Color `btn_color`	Color		#6a11cb
Alignment `align`	Button group	Left, Center, Right	center

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_312" and a settings object using the keys above. Run get-custom-widget with id 312 for the full JSON spec.