Create Sticky Header Demo is a WordPress ability from Sticky Header Effects for Elementor — usable via Easy MCP AI, which connects Claude, ChatGPT, and any AI assistant to your site.
Install Free Plugin →Create Sticky Header Demo
WriteBuild a brand-new Elementor header template pre-wired with a sticky effect, optionally with a demo page.
Requires the Sticky Header Effects for Elementor plugin on WordPress 6.9+ for the Abilities API — the plugin's includes/abilities/class-she-abilities.php registers its abilities only when wp_register_ability() exists, and is a no-op on older cores. Each ability is additionally gated by a WordPress capability check: list-effects and validate-demo require edit_posts / edit_post on the target post, apply-settings requires edit_post on the target post, and create-demo requires both edit_theme_options and publish_posts. Abilities operate on Elementor templates/pages, so the target post must already contain Elementor data (_elementor_data) for apply-settings and validate-demo to act on it.
What it does
This ability creates an Elementor header template pre-built with a brand/logo element and a navigation menu, with the given sticky effects already applied to it, and optionally a draft page that uses the new header. Inputs let the caller set the template title (demo_name), the effect settings map, custom brand/logo text (defaults to the site name), custom nav labels (defaults to Home/About/Services/Contact), and a with_page flag to also generate a demonstration page. It returns the new template_id, an edit_url and preview_url so the result can be opened immediately, and — when a demo page was also created — a page_id and page_edit_url for that page. This is the ability for 'build me a sticky header from scratch' style requests, since it produces a working, effect-configured template rather than requiring the user to assemble one manually in the Elementor editor first.
See it in action
You ask your AI assistant
"Create a new sticky header demo called 'Homepage Header' with the shrink and blur-on-scroll effects enabled, and also create a demo page that uses it."
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| demo_name | string | Yes | Title for the demo header template. |
| effects | object | No | Map of sticky effect setting keys to values (see list-effects). Optional. |
| brand | string | No | Brand/logo text shown on the left of the header. Defaults to the site name. |
| menu_items | array | No | Navigation labels shown on the right. Defaults to Home/About/Services/Contact. |
| with_page | boolean | No | Also create a draft page that demonstrates the header. Default false. |
Returns
An object with the new template_id, an edit_url and preview_url for opening the result, and — when with_page is true and the page is created successfully — a page_id and page_edit_url for the generated demo page.
Permission
The current user must have both the edit_theme_options and publish_posts capabilities.
More Sticky Header Effects for Elementor abilities
Apply Sticky Header Settings
Enable the sticky effect on an existing Elementor header and merge in the given effect settings.
List Sticky Header Effects
Return the full catalogue of available sticky-header effect settings, their types, defaults, and allowed values.
Validate Sticky Header Demo
Check an Elementor post and report whether a sticky header is correctly configured, with any warnings.