Create ElementsKit custom widget is a WordPress ability from ElementsKit Elementor Addons — usable via Easy MCP AI, which connects Claude, ChatGPT, and any AI assistant to your site.
Install Free Plugin →Create ElementsKit custom widget
WriteBuild or update a custom Elementor widget with the ElementsKit Widget Builder: title, icon, categories, markup, CSS, JS and control tabs.
Requires the ElementsKit Elementor Addons plugin (elementskit-lite) with Elementor active, on WordPress 6.9+ for the Abilities API (abilities are registered only when wp_register_ability() exists). Read-only listing abilities require 'edit_posts' (list-widgets, list-templates, list-library-templates), 'manage_options' (list-custom-widgets), or 'edit_theme_options' (list-mega-menus); write abilities that target a specific Elementor document (insert-widget, insert-template, import-library-template) require 'edit_posts' plus 'edit_post' on that document; template, header/footer, custom-widget, and mega-menu creation/configuration abilities require 'manage_options' (create-mega-menu additionally requires 'edit_theme_options'); create-page requires 'edit_pages' or 'edit_posts'.
What it does
This ability creates a new elementskit_widget post (or updates an existing one when an id is supplied) defining a custom Elementor widget: its title, icon (defaulting to eicon-cog), categories, HTML markup, CSS, JS, and an arbitrary tabs object describing the widget's editable controls. It returns the widget's id. This exposes ElementsKit's low-code Widget Builder to an AI assistant so it can generate a bespoke, reusable Elementor widget from a description instead of the user building it by hand in wp-admin.
See it in action
You ask your AI assistant
"Build a custom Elementor widget called 'Star Rating' with markup for five stars and a CSS class to fill them based on a rating setting."
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| id | integer | No | Existing elementskit_widget id to update. |
| title | string | Yes | Widget title. |
| icon | string | No | Widget icon. Defaults to "eicon-cog". |
| categories | array | No | Elementor widget categories. |
| markup | string | No | HTML markup for the widget. |
| css | string | No | Widget CSS. |
| js | string | No | Widget JS. |
| tabs | object | No | Widget Builder control tab definitions. |
Returns
An object with success and id (the created or updated elementskit_widget post id).
Permission
Requires the 'manage_options' capability.
More ElementsKit Elementor Addons abilities
Create ElementsKit header/footer
Create a header or footer template and activate it site-wide, optionally built from a ready-made Template Library template.
Create ElementsKit mega menu
One-shot mega menu creation: create or reuse a nav menu, add a top-level item, turn Mega Menu on, and configure that item's panel.
Create ElementsKit template
Create a new ElementsKit header, footer, or section template, optionally seeded with an Elementor element tree.
Create page with ElementsKit
Create a new Elementor-editable page or post, optionally seeded with an Elementor element tree of ElementsKit widgets.
Enable mega menu for a menu
Turn ElementsKit's Mega Menu feature on or off for an entire nav menu location.
Import template from library
Import a ready-made Template Library template, section, or page into an Elementor document.