Info Box 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 →Info Box
WriteAdds the The Plus "Info Box" widget (tp-info-box) 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_info_box_ability checks that Elementor is active and the tp-info-box widget is registered, loads the target post's Elementor page data, and maps a large set of layout, icon, title, description, button, border, and animation properties into the widget settings when present in input, 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 Elementor page data. Requires post_id, parent_id, and title.
See it in action
You ask your AI assistant
"Add an info box with a shield icon, title 'Secure Payments', description text, and a 'Learn More' button to this row."
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. |
| info_box_layout | string | No | Select Layout |
| main_style | string | No | Info Box Style |
| loop_select_icon_options | string | No | loop_select_icon_options |
| main_style_pro_options | string | No | main_style_pro_options |
| connection_switch | string | No | Carousel Anything Connection |
| connection_switch_options | string | No | connection_switch_options |
| title | string | Yes | Title Of Info Box |
| content_desc | string | No | Description |
| text_align | object | No | Info Box Alignment |
| url_link | object | No | Link |
| image_icon | string | No | Select Icon |
| tp_info_title | string | No | Title |
| svg_icon_options | string | No | svg_icon_options |
| select_image | integer | No | Use Image As icon (Image ID) |
| icon_font_style | string | No | Icon Font |
| icon_fontawesome | string | No | Icon Library |
| icon_fontawesome_5 | string | No | Icon Library |
| icons_image_pro_options | string | No | icons_image_pro_options |
| display_button | string | No | Button |
| button_type_switch | string | No | Button Type |
| button_global_style_preset | string | No | Global Style |
| button_style | string | No | Button Style |
| button_style_options | string | No | button_style_options |
| button_text | string | No | Button Text |
| button_link | object | No | Button Link |
| button_icon_style | string | No | Icon Font |
| button_icon | string | No | Icon |
| button_icon_5 | string | No | Icon Library |
| button_icons_mind_options | string | No | button_icons_mind_options |
| before_after | string | No | Icon Position |
| icon_spacing | object | No | Icon Spacing (Slider/Size Object) |
| hover_info_button | string | No | Hover Button InfoBox |
| display_pin_text | string | No | Display Pin Text |
| display_pin_text_options | string | No | display_pin_text_options |
| title_tag | string | No | Title Tag |
| full_infobox_switch | string | No | Full Infobox Link |
| full_infobox_switch_options | string | No | full_infobox_switch_options |
| title_top_space | object | No | Title Top Space (Slider/Size Object) |
| title_btm_space | object | No | Title Bottom Space (Slider/Size Object) |
| title_color_option | string | No | Title Color |
| title_color | string | No | Color (Color Hex/RGBA) |
| title_gradient_color1 | string | No | Color 1 (Color Hex/RGBA) |
| title_gradient_color1_control | object | No | Color 1 Location (Slider/Size Object) |
| title_gradient_color2 | string | No | Color 2 (Color Hex/RGBA) |
| title_gradient_color2_control | object | No | Color 2 Location (Slider/Size Object) |
| title_gradient_style | string | No | Gradient Style |
| title_gradient_angle | object | No | Gradient Angle (Slider/Size Object) |
| title_gradient_position | string | No | Position |
| title_hover_color_option | string | No | Title Hover Color |
| title_hover_color | string | No | Hover Color (Color Hex/RGBA) |
| title_hover_gradient_color1 | string | No | Color 1 (Color Hex/RGBA) |
| title_hover_gradient_color1_control | object | No | Color 1 Location (Slider/Size Object) |
| title_hover_gradient_color2 | string | No | Color 2 (Color Hex/RGBA) |
| title_hover_gradient_color2_control | object | No | Color 2 Location (Slider/Size Object) |
| title_hover_gradient_style | string | No | Gradient Style |
| title_hover_gradient_angle | object | No | Gradient Angle (Slider/Size Object) |
| title_hover_gradient_position | string | No | Position |
| border_check | string | No | Display Border |
| border_width | object | No | Border Width (Slider/Size Object) |
| border_height | object | No | Border Height (Slider/Size Object) |
| title_border_color | string | No | Border Color (Color Hex/RGBA) |
| desc_padding | object | No | Padding (Dimensions Object) |
| desc_color | string | No | Desc Color (Color Hex/RGBA) |
| desc_hover_color | string | No | Desc Hover Color (Color Hex/RGBA) |
| box_border | string | No | Box Border |
| box_border_style | string | No | Border Style |
| box_border_color | string | No | Border Color (Color Hex/RGBA) |
| box_border_width | object | No | Border Width (Dimensions Object) |
| border_radius | object | No | Border Radius (Dimensions Object) |
| box_border_hover_color | string | No | Border Color (Color Hex/RGBA) |
| border_hover_radius | object | No | Border Radius (Dimensions Object) |
| border_check_right | string | No | Side image Border |
| border_right_color | string | No | Border Right Color (Color Hex/RGBA) |
| bg_hover_animation | string | No | Background Hover Animation |
| bg_hover_animation_pro | string | No | bg_hover_animation_pro |
| button_padding | object | No | Padding (Dimensions Object) |
| button_top_space | object | No | Button Above Space (Slider/Size Object) |
| button_icon_size | object | No | Icon Size (Slider/Size Object) |
| btn_text_color | string | No | Text Color (Color Hex/RGBA) |
| button_border_style | string | No | Border Style |
| button_border_width | object | No | Border Width (Dimensions Object) |
| button_border_color | string | No | Border Color (Color Hex/RGBA) |
| button_radius | object | No | Border Radius (Dimensions Object) |
| btn_text_hover_color | string | No | Text Color (Color Hex/RGBA) |
| button_border_hover_color | string | No | Border Color (Color Hex/RGBA) |
| button_hover_radius | object | No | Border Radius (Dimensions Object) |
| section_svg_styling_options | string | No | section_svg_styling_options |
| icon_style | string | No | Icon Styles |
| icon_size | object | No | Icon Size (Slider/Size Object) |
| icon_width | object | No | Icon Width (Slider/Size Object) |
| icon_color_option | string | No | Icon Color |
| icon_color | string | No | Color (Color Hex/RGBA) |
| icon_gradient_color1 | string | No | Color 1 (Color Hex/RGBA) |
| icon_gradient_color1_control | object | No | Color 1 Location (Slider/Size Object) |
| icon_gradient_color2 | string | No | Color 2 (Color Hex/RGBA) |
| icon_gradient_color2_control | object | No | Color 2 Location (Slider/Size Object) |
| icon_gradient_style | string | No | Gradient Style |
| icon_gradient_angle | object | No | Gradient Angle (Slider/Size Object) |
| icon_gradient_position | string | No | Position |
| icon_fill_color | string | No | Fill (Color Hex/RGBA) |
| icon_stroke_color | string | No | Stroke (Color Hex/RGBA) |
| icon_border_color | string | No | Border Color (Color Hex/RGBA) |
| icon_border_radius | object | No | Border Radius (Dimensions Object) |
| icon_hover_color_option | string | No | Icon Color |
| icon_hover_color | string | No | Color (Color Hex/RGBA) |
| icon_hover_gradient_color1 | string | No | Color 1 (Color Hex/RGBA) |
| icon_hover_gradient_color1_control | object | No | Color 1 Location (Slider/Size Object) |
| icon_hover_gradient_color2 | string | No | Color 2 (Color Hex/RGBA) |
| icon_hover_gradient_color2_control | object | No | Color 2 Location (Slider/Size Object) |
| icon_hover_gradient_style | string | No | Gradient Style |
| icon_hover_gradient_angle | object | No | Gradient Angle (Slider/Size Object) |
| icon_hover_gradient_position | string | No | Position |
| icon_fill_color_hover | string | No | Fill (Color Hex/RGBA) |
| icon_stroke_color_hover | string | No | Stroke (Color Hex/RGBA) |
| icon_border_hover_color | string | No | Border Color (Color Hex/RGBA) |
| icon__hover_border_radius | object | No | Border Radius (Dimensions Object) |
| icon_overlay | string | No | Icon Overlay |
| icon_overlay_options | string | No | icon_overlay_options |
| icon_shine_effect | string | No | Icon Shine Effect |
| icon_shine_effect_options | string | No | icon_shine_effect_options |
| img_max_width | object | No | Max Width (Slider/Size Object) |
| image_border_radius | object | No | Border Radius (Dimensions Object) |
| image_hover_border_radius | object | No | Border Radius (Dimensions Object) |
| section_pin_text_styling_options | string | No | section_pin_text_styling_options |
| section_carousel_options_styling_options | string | No | section_carousel_options_styling_options |
| service_text_padding | object | No | Padding (Dimensions Object) |
| tab_text_color_n | string | No | Text Color (Color Hex/RGBA) |
| service_text_border_radius | object | No | Border Radius (Dimensions Object) |
| tab_text_color_h | string | No | Text Color (Color Hex/RGBA) |
| service_text_border_radius_h | object | No | Border Radius (Dimensions Object) |
| box_padding | object | No | Box Padding (Dimensions Object) |
| vertical_center | string | No | Vertical Center |
| tilt_parallax | string | No | Tilt 3D Parallax |
| Parallax_options | string | No | Parallax_options |
| messy_column | string | No | Messy Columns |
| messy_column_options | string | No | messy_column_options |
| min_height_section | string | No | Minimum Height Section |
| minimum_height | object | No | Minimum Height (Slider/Size Object) |
| box_hover_effects | string | No | Box Hover Effects |
| box_hover_effects_pro | string | No | box_hover_effects_pro |
| responsive_visible_opt | string | No | Responsive Visibility |
| desktop_opt | string | No | Desktop |
| tablet_opt | string | No | Tablet |
| mobile_opt | string | No | Mobile |
| animation_effects | string | No | Choose Animation Effect |
| animation_delay | object | No | Animation Delay (Slider/Size Object) |
| animation_duration_default | string | No | Animation Duration |
| animate_duration | object | No | Duration Speed (Slider/Size Object) |
| animation_out_effects | string | No | Out Animation Effect |
| animation_out_delay | object | No | Out Animation Delay (Slider/Size Object) |
| animation_out_duration_default | string | No | Out Animation Duration |
| animation_out_duration | object | No | Duration Speed (Slider/Size Object) |
| settings | object | No | Raw Elementor control key/value pairs to merge. Supports SVG stroke typography, background clipping typography, and animated underline physics. |
Returns
Returns an object with the new widget's element_id, the widget_type (tp-info-box), 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.