emcp_custom_268Call to Action
Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: cta, call to action, banner, promo, buttons.
Setup guide
- Open a page in Elementor, search the panel for Call to Action and drag it into a container.
- Content › Content: Layout, Kicker, Title, Title Tag, Text, Icon (card layout), Image (split / cover), Image Side (split) and 9 more.
- Pick a Layout: Banner (text left, buttons right), Centered, Split (image + content), Card with icon, Cover image with overlay, Slim bar. Each one is shown below.
- Style tab sections: Box, Text, Buttons. 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.
Banner (text left, buttons right)
Layout = banner
NewReady to launch your next page?
Start free, upgrade when you need more. No credit card required.
Centered
Layout = center
Designed in-house
Start free, upgrade when you need more. No credit card required.
Split (image + content)
Layout = split
Designed in-house
Start free, upgrade when you need more. No credit card required.
Card with icon
Layout = card
Ready to launch your next page?
Start free, upgrade when you need more. No credit card required.
Cover image with overlay
Layout = cover
Designed in-house
Start free, upgrade when you need more. No credit card required.
Slim bar
Layout = sticky
Designed in-house
Start free, upgrade when you need more. No credit card required.
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
Content
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Layoutlayout | Dropdown | Banner (text left, buttons right), Centered, Split (image + content), Card with icon, Cover image with overlay, Slim bar | banner | |
Kickerkicker | Text | Limited offer | ||
Titletitle | Text | Ready to launch your next page? | ||
Title Tagtag | Dropdown | H1, H2, H3, div | h2 | |
Texttext | Textarea | Start free, upgrade when you need mor... | ||
Icon (card layout)icon | Icon | fas fa-rocket | ||
Image (split / cover)image | Image | |||
Image Side (split)image_side | Dropdown | Left, Right | left | |
Primary Buttonbtn1 | Text | Get started | ||
Primary Linklink1 | Link | # | ||
Primary Iconbtn1_icon | Icon | |||
Secondary Buttonbtn2 | Text | See pricing | ||
Secondary Linklink2 | Link | # | ||
Small Note Under Buttonsnote | Text | |||
Corner Badgebadge | Text | |||
Whole Box Links to Primarylink_box | Toggle | on / off | ||
Text Alignmentalign | Button group | Left, Center, Right | left | Responsive |
Style tab
Box
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Backgroundbg | Background | |||
Fallback Backgroundbg_color_default | Color | #101828 | ||
Image Overlay (cover)overlay | Color | rgba(16,24,40,0.6) | ||
Paddingpad | Dimensions | |||
Radiusradius | Slider | min 0, max 80, px | 20 | |
Borderborder | Border | |||
Shadowshadow | Box shadow | |||
Min Heightminh | Slider | min 0, max 800, px/vh | ||
Decorative Shapeshape | Dropdown | None, Circles, Dot grid, Diagonal band | none | |
Shape Colorshape_color | Color | rgba(255,255,255,0.08) | ||
Lift on Hoverhover_lift | Toggle | on / off |
Text
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Kicker Typographykicker_typo | Typography | |||
Kicker Colorkicker_color | Color | #c4b5fd | ||
Kicker Backgroundkicker_bg | Color | |||
Title Typographytitle_typo | Typography | |||
Title Colortitle_color | Color | #ffffff | ||
Text Typographytext_typo | Typography | |||
Text Colortext_color | Color | rgba(255,255,255,0.8) | ||
Note Colornote_color | Color | rgba(255,255,255,0.6) | ||
Icon Sizeicon_size | Slider | min 16, max 120, px | 40 | |
Icon Coloricon_color | Color | #ffffff | ||
Icon Backgroundicon_bg | Color | rgba(255,255,255,0.12) | ||
Content Gapgap | Slider | min 0, max 40, px | 12 | |
Text Max Widthmaxw | Slider | min 240, max 1200, px | 620 |
Buttons
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Typographybtn_typo | Typography | |||
Primary Textb1_color | Color | #101828 | ||
Primary Backgroundb1_bg | Color | #ffffff | ||
Primary Hover Backgroundb1_bg_h | Color | #6a11cb | ||
Secondary Textb2_color | Color | #ffffff | ||
Secondary Hover Backgroundb2_bg_h | Color | rgba(255,255,255,0.15) | ||
Radiusbtn_radius | Slider | min 0, max 60, px | 10 | |
Paddingbtn_pad | Dimensions | |||
Gap Between Buttonsbtn_gap | Slider | min 0, max 40, px | 12 | |
Stack Buttonsbtn_stack | Toggle | on / off | ||
Badge Backgroundbadge_bg | Color | #d92d20 | ||
Badge Colorbadge_color | Color | #ffffff |
Add it with the MCP tools
Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_268" and a settings object using the keys above. Run get-custom-widget with id 268 for the full JSON spec.