Newsletter Form

← All widgetsWidget 270 · emcp_custom_270

Elementor widget6 layouts21 content options28 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: newsletter, subscribe, email, mailchimp, convertkit, mailerlite, opt-in.

Setup guide

Open a page in Elementor, search the panel for Newsletter Form and drag it into a container.
Content › Form: Form Action URL, Email Field Name, Ask for First Name, Name Field Name, Hidden Fields (name=value per line), Submit Method, After Submit, Layout and 13 more.
Pick a Layout: Inline (field + button), Stacked, Boxed card, Split (text left, form right), Full-width bar, Minimal underline. Each one is shown below.
Style tab sections: Box, Fields & Button. 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: Name Field Name appears when Ask for First Name is yes; Consent Text appears when Consent Checkbox is yes.

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

Layout

Inline (field + button)

Layout = inline

Join the newsletter

One email a month with new widgets, tips and offers. No spam.

Layout

Stacked

Layout = stacked

Join the newsletter

One email a month with new widgets, tips and offers. No spam.

Layout

Boxed card

Layout = boxed

Join the newsletter

One email a month with new widgets, tips and offers. No spam.

Layout

Split (text left, form right)

Layout = split

Join the newsletter

One email a month with new widgets, tips and offers. No spam.

Layout

Full-width bar

Layout = bar

Get the monthly digest

No spam, ever.

Layout

Minimal underline

Layout = minimal

Join the newsletter

One email a month with new widgets, tips and offers. No spam.

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

Form

Option	Type	Choices / range	Default	Notes
Form Action URL `action`	Text			The embed form action from Mailchimp, ConvertKit, MailerLite, Brevo, Kit, Buttondown or any service that accepts a standard POST. Leave empty to test the UI (no submission).
Email Field Name `email_name`	Text		EMAIL	Mailchimp: EMAIL. ConvertKit: email_address. MailerLite: fields[email]. Brevo: EMAIL.
Ask for First Name `show_name`	Toggle	on / off
Name Field Name `name_field`	Text		FNAME	Shown when show_name = yes
Hidden Fields (name=value per line) `hidden_fields`	Textarea
Submit Method `method`	Dropdown	POST (default), GET	post
After Submit `target`	Dropdown	Stay here, show success message (no-cors fetch), Open the provider page in a new tab, Redirect to the provider page	inline
Layout `layout`	Dropdown	Inline (field + button), Stacked, Boxed card, Split (text left, form right), Full-width bar, Minimal underline	inline
Title `title`	Text		Join the newsletter
Text `text`	Textarea		One email a month with new widgets, t...
Icon `icon`	Icon		fas fa-envelope-open-text
Email Placeholder `placeholder`	Text		[email protected]
Name Placeholder `name_placeholder`	Text		First name
Button Text `btn_text`	Text		Subscribe
Button Icon `btn_icon`	Icon
Consent Checkbox `consent`	Toggle	on / off
Consent Text `consent_text`	Textarea		I agree to receive emails and accept ...	Shown when consent = yes
Small Note `note`	Text
Success Message `success`	Text		Thanks! Please check your inbox to co...
Error Message `error`	Text		Something went wrong. Please try again.
Honeypot Spam Trap `honeypot`	Toggle	on / off	yes

Style tab

Box

Option	Type	Choices / range	Default
Background `bg`	Background
Padding `pad`	Dimensions
Radius `radius`	Slider	min 0, max 60, px	16
Border `border`	Border
Shadow `shadow`	Box shadow
Text Align `align`	Button group	Left, Center	left
Title Typography `title_typo`	Typography
Title Color `title_color`	Color		#101828
Text Typography `text_typo`	Typography
Text Color `text_color`	Color		#475467
Icon Size `icon_size`	Slider	min 12, max 80, px	28
Icon Color `icon_color`	Color		#6a11cb
Icon Background `icon_bg`	Color		#f4ebff

Fields & Button

Option	Type	Choices / range	Default
Field Typography `field_typo`	Typography
Field Text `field_color`	Color		#101828
Field Background `field_bg`	Color		#ffffff
Field Border `field_border`	Color		#d0d5dd
Focus Border `field_focus`	Color		#6a11cb
Field Height `field_h`	Slider	min 36, max 80, px	50
Field Radius `field_radius`	Slider	min 0, max 60, px	10
Gap `gap`	Slider	min 0, max 30, px	10
Button Typography `btn_typo`	Typography
Button Text `btn_color`	Color		#ffffff
Button Background `btn_bg`	Color		#6a11cb
Button Hover `btn_bg_h`	Color		#4a0d8f
Button Padding `btn_pad`	Dimensions
Success Color `ok_color`	Color		#067647
Error Color `err_color`	Color		#b42318

Add it with the MCP tools

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