WebGL 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 →WebGL
WriteAdds the The Plus "WebGL" widget (tp-webgl) to an Elementor container, applying a WebGL visual effect (pixel distortion, liquid warp, particle field, or explosion reveal).
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_webgl_ability checks Elementor is active and the tp-webgl widget is registered, requires post_id, parent_id, and a non-empty effect_type, and confirms the target post exists. It loads the post's Elementor element tree, builds settings from enable_all_continer and effect_type (sanitize_key), and numeric effect parameters pixel_size, liquid_intensity, particle_count, and particle_size, each clamped to a documented min/max range and wrapped in a size/unit object, plus interaction_type (sanitize_key), merges in any raw settings, and constructs a new widget element with widgetType tp-webgl. It inserts the widget into the parent container at the given position and saves the Elementor data, returning an error if the parent is not found.
See it in action
You ask your AI assistant
"Add a WebGL particle effect widget triggered by mouse interaction, with 1500 particles, to the hero container."
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. |
| enable_all_continer | string | No | Enable WebGL effect on the entire page (yes, no) |
| effect_type | string | Yes | WebGL visual effect type: pixel distortion, liquid warp, particle field, or explosion reveal (pixel, liquid, particle, explode) |
| pixel_size | integer | No | Pixel distortion block size (5-150, default 40) |
| liquid_intensity | number | No | Liquid warp intensity (0-1, default 0.35) |
| particle_count | integer | No | Number of particles for particle effect (100-3000, default 1200) |
| particle_size | integer | No | Particle size in pixels (1-10, default 2) |
| interaction_type | string | No | Effect trigger: mouse hover or scroll-based (GSAP) (mouse, scroll) |
| 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 the new element_id, the widget_type (tp-webgl), and the post_id the widget was added to.
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.