Skip to main content
Cookbook Content ElementsKit

Add the Same Section to Several Elementor Pages with ElementsKit and AI

Build a section once and add it to the bottom of every Elementor page you name, checked page by page.

Difficulty Beginner
Time ~10 min

Prerequisites

A site connected to WPVibe running Elementor (free is enough) and ElementsKit Elementor Addons 4.0.8 or newer (tested on 4.0.8, the free version) on WordPress 6.9 or newer with a classic theme, with an administrator account. The pages, built with Elementor.

The prompt
My WordPress site uses Elementor and the free ElementsKit Elementor Addons plugin. Add the same section to the bottom of these pages: [page titles or URLs]. The section: heading "[heading]", text "[one or two sentences]", a button "[button text]" linking to [URL], background [color].

1. ElementsKit's AI tools run through its own REST route: call rest_api_write with POST /elementskit/v1/mcp-proxy and the body {"tool": "TOOL_NAME", "input": {...}}. Don't use run_ability for them: ElementsKit keeps its abilities off the Abilities REST API. If the route is not found, stop and tell me to update ElementsKit.
2. Find each page with GET /wp/v2/pages?search=[title] and fetch it with get_page_html. Keep only pages whose body tag has the class elementor-page: on a page not built with Elementor, adding a section replaces the page's content. For each page you keep, check GET /wp/v2/pages/ID/revisions?per_page=1 returns a revision; Elementor's earlier revision is the way back, so list any page without one and ask me before changing it.
3. Run list-templates with {"type": "section", "search": "[a short name for the section]"}. If one exists, show it to me and ask whether to use it. Otherwise create it with create-template: type section, title "[short name]", and elements: one container (background_background classic, background_color [color], padding {"unit": "px", "top": "48", "right": "0", "bottom": "48", "left": "0", "isLinked": false}) holding a heading widget, a text-editor widget and a button widget. For any ElementsKit widget, run the list-widgets tool (input {"search": "WORD"}) and use the type it returns exactly: a widget type Elementor doesn't know is dropped without an error (the Nav Menu widget is ekit-nav-menu). Elementor's own heading, text-editor and button widgets work too (heading: title, header_size, link {"url"}, title_color; text-editor: editor; button: text, link {"url"}).
4. Give me the section's preview link, https://[my site]/?post_type=elementskit_template&p=TEMPLATE_ID, fetch it with get_page_html and describe it, then list the pages it goes on and the ones you skipped, and tell me each page changes as soon as it saves. Wait for my yes.
5. On my yes, run insert-template for each page with {"post_id": PAGE_ID, "template_id": TEMPLATE_ID}. It adds a copy of the section at the bottom of the page; the pages don't stay linked to the template. Each reply's inserted_root_ids[0] is the new section's id.
6. Fetch each page with get_page_html and selector .elementor-element-THAT_ID, and confirm the section's heading is there; then fetch the page again with selector .elementor-PAGE_ID and confirm the page's own content is still there. If a page is wrong, tell me which: in Elementor, the page's History > Revisions has the version from before.
7. List every page you changed with its Elementor edit link.
Already connected?

Skip pasting the full prompt. Drop this into your AI on a site that already has WPVibe:

Run the “Add the Same Section to Several Elementor Pages with ElementsKit and AI” recipe from the WPVibe cookbook on my connected site.

A booking button at the bottom of every service page, the same guarantee under every offer: in Elementor that means building the section once and pasting it into each page by hand, and the one you forget is the page people land on.

The AI builds the section once as an ElementsKit template, gives you its preview link and describes it, and on your yes adds a copy to the bottom of each page you list. It checks every page afterwards for the new section and for the content that was already there.

It only changes pages built with Elementor: on a page made in the block editor, adding a section replaces the page’s content, so the AI checks each page first and skips the rest. Each page gets its own copy, so changing the section later means editing each page. To undo one, restore the page’s earlier revision in Elementor; the AI tells you first about any page that has none.

Outcome

Every page you listed ends with the section you approved; the rest of each page is unchanged.