Hover Card is a WordPress ability from The Plus Addons for Elementor — usable via Easy MCP AI, which connects Claude, ChatGPT, and any AI assistant to your site.
Install Free Plugin →Hover Card
WriteAdds the The Plus "Hover Card" widget (tp-hovercard) to an Elementor container.
Requires the The Plus Addons for Elementor plugin (which registers under the 'tpae' ability category) on WordPress 6.9+, with Elementor active. Every ability requires the current user to have the 'edit_posts' capability (and 'edit_post' for the specific post being modified); abilities that create or edit content also verify Elementor and, where relevant, the target The Plus widget are available. A subset of abilities (theme templates, template conditions, dynamic tags, popups, and some custom-code abilities) only register when Elementor Pro is active, and many widget abilities load only in the free plugin when the Pro add-on is inactive.
What it does
The execute callback tpae_mcp_add_theplus_hovercard_ability confirms Elementor is active and the tp-hovercard widget is registered, loads the target post's Elementor page data, and builds a settings array from open_tag, content_tag, text_content (sanitized with wp_kses_post), and a_link (sanitized with esc_url_raw), merged with any raw settings object. It then constructs a new widget element with a generated ID, inserts it into the specified parent container at the given position, and saves the page data. Requires post_id and parent_id.
See it in action
You ask your AI assistant
"Add a hover card widget that shows an image preview when a user hovers over a span of text in this section."
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| post_id | integer | Yes | Elementor page/post ID |
| parent_id | string | Yes | Target Elementor container ID |
| position | integer | No | Insert position. Use -1 to append. |
| open_tag | string | No | HTML tag for the hover card outer wrapper |
| content_tag | string | No | Type of content inside the hover card |
| text_content | string | No | Text or HTML content to display inside hover card |
| a_link | string | No | URL for hover card link (when open_tag is 'a') |
| settings | object | No | Raw Elementor/The Plus control settings to merge into the widget at creation time. Use control keys from sprout/get-theplus-widget-schema. |
Returns
Returns an object with the new widget's element_id, the widget_type (tp-hovercard), and the post_id it was inserted into.
Permission
Requires the current user to have the edit_posts capability, and if a post_id is supplied, also requires edit_post capability for that specific post.
More The Plus Addons for Elementor abilities
Accordion
Adds The Plus Addons "Accordion" widget (tp-accordion) to an Elementor container.
Add Code Snippet
Creates a site-wide Custom Code snippet using Elementor Pro, injecting CSS/JS/meta into the head or body on all pages.
Add Container
Adds a new Elementor flex container to a page or nests it inside another existing container.
Add Container
Adds a flex or grid container to a page, optionally nested inside a parent container.
Add Custom CSS
Adds custom CSS to a specific element or to the entire page (requires Elementor Pro).
Add Custom JavaScript
Adds a custom JavaScript snippet to a page by inserting an HTML widget containing a <script> tag; works with free Elementor.