← All widgetsWidget 272 · emcp_custom_272

Coupon Card

Elementor widget5 layouts19 content options23 style options3 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: coupon, promo code, discount, voucher, deal, copy code.

Setup guide

  1. Open a page in Elementor, search the panel for Coupon Card and drag it into a container.
  2. Content › Coupon: Layout, Discount Label, Title, Description, Coupon Code, Code Behaviour, Button Text, Copied Text and 11 more.
  3. Pick a Layout: Ticket (perforated edge), Card, Inline bar, Minimal, Voucher with big discount. Each one is shown below.
  4. Style tab sections: Card, Text & Code. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Ticket (perforated edge)

Layout = ticket

20% OFF
Spring sale on every hoodie43 left

Use the code at checkout. Works on sale items too.

Ends in Min. order $50.
Layout

Card

Layout = card

$15
First order gift

Use the code at checkout. Works on sale items too.

Layout

Inline bar

Layout = inline

FREE SHIP
Spring sale on every hoodie

Use the code at checkout. Works on sale items too.

Layout

Minimal

Layout = minimal

$15
First order gift

Use the code at checkout. Works on sale items too.

Layout

Voucher with big discount

Layout = voucher

$15
First order gift

Use the code at checkout. Works on sale items too.

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

Coupon

OptionTypeChoices / rangeDefaultNotes
Layout
layout		DropdownTicket (perforated edge), Card, Inline bar, Minimal, Voucher with big discountticket
Discount Label
discount		Text20% OFF
Title
title		TextSpring sale on every hoodie
Description
text		TextareaUse the code at checkout. Works on sa...
Coupon Code
code		TextSPRING20
Code Behaviour
reveal		DropdownAlways visible, click to copy, Hidden until clicked (scratch style), Peel cornerreveal
Button Text
btn_text		TextCopy code
Copied Text
copied_text		TextCopied!
Reveal Prompt
reveal_text		TextClick to reveal code
Shop Link (opens after copy)
link		Link
Shop Link Text
link_text		TextGo to shop
Expires At
expires		Date and time
Expiry Label
expiry_label		TextEnds in
Expired Text
expired_text		TextThis offer has ended.
Hide When Expired
hide_expired		Toggleon / off
Terms Line
terms		Text
Icon
icon		Iconfas fa-tag
Image / Logo
image		Image
Scarcity Note
uses_left		Text

Style tab

Card

OptionTypeChoices / rangeDefaultNotes
Accent
accent		Color#6a11cb
Background
bg		Color#ffffff
Page Background (for the perforation)
page_bg		Color#ffffff
Padding
pad		Dimensions
Radius
radius		Slidermin 0, max 40, px16
Border
border		Border
Shadow
shadow		Box shadow
Dashed Line Color
dash_color		Color#d0d5dd
Max Width
maxw		Slidermin 260, max 1200, px/%

Text & Code

OptionTypeChoices / rangeDefaultNotes
Discount Typography
disc_typo		Typography
Discount Color
disc_color		Color#ffffff
Title Typography
title_typo		Typography
Title Color
title_color		Color#101828
Text Typography
text_typo		Typography
Text Color
text_color		Color#475467
Code Typography
code_typo		Typography
Code Color
code_color		Color#101828
Code Background
code_bg		Color#f9fafb
Code Border
code_border		Color#6a11cb
Button Text
btn_color		Color#ffffff
Button Background
btn_bg		Color#6a11cb
Timer Color
timer_color		Color#b42318
Icon Size
icon_size		Slidermin 12, max 80, px28

Add it with the MCP tools

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