AI Abilities is a Premium Addons for Elementor feature that connects AI clients such as Claude, Cursor, and Codex to your WordPress site through a built-in MCP server. Each ability is one action the connected AI can perform on your site. This doc covers one of the Build abilities: Add Container.
Add Container lets your AI client add an Elementor flexbox container to any page, post, or template on your site. Containers are the layout blocks every classic (v3) Elementor page is built from, so this is usually the first Build ability the AI calls when it constructs a section: it adds the container, then fills it with widgets.
The ability covers the container settings you reach for most, including the HTML tag, width, minimum height, background color or gradient, border, margin, and padding. Anything beyond that can be passed through the settings input using Elementor’s native control keys, so the AI can set any container option the editor itself offers.
At a Glance
| Category | Build |
| Access | Write |
| Destructive | No |
| MCP tool name | premium-addons/add-container |
| Available since | Premium Addons v4.11.85 |
Before You Start
This ability is part of the AI Abilities feature. If you have not set it up yet, follow the Elementor AI Abilities (MCP Tools) Tutorial first to enable the feature and connect your AI client. The ability must also be switched on under Premium Addons → AI Abilities & MCP Config, in the Build category:
Use Cases
Build a full landing page from one prompt. Ask your AI client to “Build a horizontal scroll storytelling landing page for my business.” The AI adds a container for each section, sets widths, backgrounds, and spacing, then inserts Premium Addons widgets inside them.
Recreate a design’s layout skeleton. Prompt “Convert my exported Figma design to an Elementor page using Premium Addons.” The AI reads the design’s structure and mirrors it with nested containers, matching the tags, gaps, and padding before any content goes in.
Restyle sections without opening the editor. Ask for “a full-width hero container with a linear gradient from #1e3a8a to #9333ea and 120px top padding on my Services page.” The AI finds the page, adds the container with those exact settings, and you review the result in the editor.
Good to Know
- The container element must be registered on your site. On sites installed before Elementor 3.16 the Flexbox Container feature can be inactive; the ability returns an error asking you to activate it in Elementor’s settings.
- The target must already be an Elementor document. For a fresh page, the AI calls
premium-addons/create-pagefirst. - Setting a
widthalso sets the container’s content width to Full Width, so the size you pass is what actually renders. - Setting a border width or color fills in the border style (solid by default) automatically, since Elementor ignores border values until a style is chosen.
- When
backgroundcontains both a color and a gradient, the gradient wins. - Keys in the
settingspassthrough override the typed inputs, and responsive variants use the_tabletand_mobilesuffixes. - This ability creates v3 containers. On a site running Elementor v4 atomic elements, the AI uses
premium-addons/add-flexboxinstead.
Inputs
| Parameter | Required | Description |
|---|---|---|
post_id | Yes | The page, post, or template to add the container to. |
parent_id | No | An existing container to nest the new one inside. Omitted, the container lands at the top level of the page. |
position | No | Where among the parent’s children to insert it, counting from 0. Omitted, it goes last. |
html_tag | No | The HTML tag the container renders as (div, header, footer, main, article, section, aside, or nav). Defaults to div. |
width | No | Container width as a size plus unit (px, %, or vw). Also switches the container to full content width. |
min_height | No | Minimum height as a size plus unit (px or vh). |
background | No | A background color, or a gradient with two colors, a type (linear or radial), and an angle. |
border | No | Border style, width, color, and radius. |
margin | No | Margin per side, in px unless another unit is given. |
padding | No | Padding per side, in px unless another unit is given. |
settings | No | Any other native container control key, applied as-is on top of the inputs above. |
Output
| Field | Description |
|---|---|
element_id | The ID of the new container, which the AI uses to nest widgets inside it. |
post_id | The document the container was added to. |
Come & Join the Community
Feel free to join our Facebook group and subscribe to our YouTube channel to keep up with our newest features, improvements, and helpful video tutorials.
