{"id":171095,"date":"2026-09-22T14:12:05","date_gmt":"2026-09-22T11:12:05","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=171095"},"modified":"2026-09-18T16:15:19","modified_gmt":"2026-09-18T13:15:19","slug":"how-to-build-and-edit-your-site-using-elementor-mcp","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/","title":{"rendered":"How to Build and Edit Your Site Using Elementor MCP"},"content":{"rendered":"\n

To build and edit your website using Elementor MCP<\/strong>, send prompts to your connected external AI tool (such as Claude, Cursor, or Codex). The AI agent uses WordPress AI Abilities to interact directly with your Elementor canvas in real time – building native Atomic elements, applying global design system classes, and connecting dynamic data sources.<\/p>\n\n\n\n

What can an AI agent do in the visual editor via MCP?<\/strong><\/h2>\n\n\n\n

Connecting an external AI tool (such as Claude, Cursor, or Codex) via Model Context Protocol (MCP) lets you build, style, and manage your Elementor site directly on the visual canvas in real time. Rather than generating disconnected code for manual copy-pasting, the AI agent interacts natively with the Elementor Editor and WordPress architecture to execute end-to-end design and site-building tasks:<\/p>\n\n\n\n

    \n
  • Build Complete Page Compositions:<\/strong> Construct structured page layouts or individual sections using native V4 Atomic elements, including Flexbox and Grid containers, Text blocks, Accordions, Background Videos, and Loop Grids.<\/li>\n\n\n\n
  • Apply Global Styling & Design Systems:<\/strong> Create and assign global CSS utility classes, manage typography presets and color variables, reorder class hierarchies, and configure responsive rules or state styling (such as hover effects).<\/li>\n\n\n\n
  • Manage Site Architecture & Templates:<\/strong> Build site-wide Theme Builder
    documents – including headers, footers, single-post layouts, archive pages, popups, and display conditions.<\/li>\n\n\n\n
  • Bind Dynamic Data:<\/strong> Connect canvas elements directly to native post fields, custom fields, taxonomies, and dynamic content sources across pages and templates.<\/li>\n\n\n\n
  • Create & Reuse Components:<\/strong> Convert complex layout containers into master Reusable Components, place synchronized instances across your site, and manage property overrides.<\/li>\n\n\n\n
  • Inspect & Refine Layouts:<\/strong> Read DOM document trees, analyze container nesting levels, and refine canvas structures based on live preview output.<\/li>\n\n\n\n
  • Publish Directly:<\/strong> Save drafts or publish pages and templates directly through your connected AI tool, with every generated element remaining 100% native and editable in the Elementor panel.<\/li>\n\n\n\n
  • Respect Permissions & Resolve Conflicts:<\/strong> Operate strictly within your WordPress account user permissions while automatically detecting simultaneous human and AI editing sessions to prevent overwritten work.<\/li>\n<\/ul>\n\n\n\n

    System Requirements & User Permissions<\/strong><\/h2>\n\n\n\n

    Requirements:<\/strong><\/p>\n\n\n\n

      \n
    • Elementor Core & Pro:<\/strong> Version 4.3.0 or higher.<\/li>\n\n\n\n
    • WordPress Core:<\/strong> Version 6.8 or higher (verify by navigating to Tools > Site Health > Info<\/strong> in your WordPress dashboard and checking the WordPress<\/strong> dropdown section).<\/li>\n<\/ul>\n\n\n\n

      Security & Permission Guardrail:<\/strong> Connected AI agents operate strictly under the authority of the logged-in WordPress user account used during authorization. An AI agent cannot edit pages, modify global settings, or publish content beyond what your assigned WordPress user role permits.<\/p>\n\n\n\n

      How do AI agents create and modify pages and Atomic elements?<\/strong><\/h2>\n\n\n\n

      Connected AI tools build page layouts and edit content using native Elementor elements: <\/p>\n\n\n\n

        \n
      • Page Creation:<\/strong> Generates new WordPress pages, sets custom URL slugs, configures page titles, and assigns page templates.<\/li>\n\n\n\n
      • Atomic Element Library:<\/strong> Places native V4 Atomic elements including Containers, Text blocks, Accordions, Background Videos, and Loop Grids.<\/li>\n\n\n\n
      • Direct Canvas Editing:<\/strong> Every AI-generated layout remains fully native. You can select, drag, restyle, or delete any generated element inside the Editor panel at any time.<\/li>\n<\/ul>\n\n\n\n

        Example Prompts for Page Building<\/strong><\/h3>\n\n\n\n

        Single-Page Hero Layout:<\/strong><\/p>\n\n\n\n

        \u201cBuild a Services page at \/services with a background video hero –\u00a0 my uploaded clip, looping silently, with a small play\/pause button. Put the copy on the left: a little label, the heading ‘Our Premium Offerings’ with ‘Offerings’ italic in our accent colour, a short intro, and two buttons –\u00a0 one solid with 16px padding, one outlined. Darken the video behind the text so it stays readable.\u201d<\/em>
        \"\"<\/p>\n\n\n\n

        Structured FAQ Section:<\/strong><\/p>\n\n\n\n

        “Put an FAQ at the bottom with three questions, the first one open, and FAQ schema turned on for search engines. Heading on the left that stays put as you scroll, questions on the right. Use thin dividing lines instead of boxed cards, number the rows 01, 02, 03, and add a small arrow that flips when one opens. In the first answer, put the text next to a photo, side by side.”\u00a0<\/em>
        \"\"<\/p>\n\n\n\n

        How to build complete pages in stages <\/strong><\/h3>\n\n\n\n

        When generating complete pages, pass prompts in iterative stages to refine structure and styling:<\/p>\n\n\n\n

          \n
        1. Initial Outline:<\/strong> “Build the outline for an About Us page using three stacked Atomic Flexbox containers: a Hero block, a 3-column Team grid, and a Contact section.”<\/em>
          \"\"
          <\/li>\n\n\n\n
        2. Content Generation:<\/strong> “Inside the Team grid container, add three individual profile cards. Each card takes an Atomic image tag followed by a bold name paragraph. Use high-resolution portraits from Unsplash referenced by external URL, each with descriptive alt text.\u201d<\/em>
          \"\"
          <\/li>\n\n\n\n
        3. Styling & Responsive Rules:<\/strong> “Define a global class .card-hover-effect (white background, subtle drop shadow, -4px hover offset) and assign it to each card. Then, update the Team grid layout to stack vertically on mobile viewports “<\/em>
          \"\"<\/li>\n<\/ol>\n\n\n\n

          How does an AI agent manage global design system classes and CSS variables?<\/strong><\/h2>\n\n\n\n

          Elementor MCP grants AI tools direct access to your site’s Design System, allowing them to apply brand rules without hardcoding inline styles:<\/p>\n\n\n\n

            \n
          • Global CSS Classes:<\/strong> Generates reusable utility classes, updates class definitions, and assigns them across canvas elements.<\/li>\n<\/ul>\n\n\n\n
              \n
            • Design System Variables:<\/strong> Reads and updates global tokens including color palettes, font pairings, and spacing rules.<\/li>\n\n\n\n
            • HTML Tag Default Styling:<\/strong> Establishes baseline styling rules for HTML tags (e.g., h1 – h6, p, button, div) across Normal, Hover, Focus, and Active states.<\/li>\n<\/ul>\n\n\n\n

              How do you build and manage reusable components using an AI agent?<\/strong><\/h2>\n\n\n\n

              AI tools integrate with your component architecture to construct modular, easily maintained designs:<\/p>\n\n\n\n

                \n
              • Component Creation:<\/strong> Converts complex layout containers, call-to-action blocks, or recurring design cards into centralized reusable components.<\/li>\n<\/ul>\n\n\n\n

                Example Prompt  –  Component Creation:<\/strong><\/p>\n\n\n\n

                “Build a feature card containing an icon, an <h3> heading, and a paragraph block. Convert this container structure into a master Reusable Component named ‘Feature Card’, and place three instances in a new section below the hero.”<\/em>
                \"\"<\/p>\n\n\n\n

                  \n
                • Component Instantiation:<\/strong> Places existing site components onto new page canvases while maintaining master style syncing.<\/li>\n\n\n\n
                • Overriding Properties:<\/strong> Customizes text and image overrides within individual component instances without severing connection to the master template.<\/li>\n<\/ul>\n\n\n\n

                  How do AI agents work with Theme Builder templates, popups, and dynamic content?<\/strong><\/h2>\n\n\n\n

                  MCP expands beyond standard page editing to manage site-wide dynamic templates and rules:<\/p>\n\n\n\n

                    \n
                  • Theme Builder Layouts:<\/strong> Creates and configures global headers, footers, single-post layouts, 404 pages, and archive templates.<\/li>\n\n\n\n
                  • Interactive Popups:<\/strong> Builds popup containers, applies entry animations, and sets display conditions.<\/li>\n\n\n\n
                  • Dynamic Data Binding:<\/strong> Connects dynamic tags to Atomic elements – linking post titles, author bios, custom post fields, and taxonomies directly to canvas properties.<\/li>\n<\/ul>\n\n\n\n

                    Example Prompt – Dynamic Theme Builder Template:<\/strong><\/p>\n\n\n\n

                    “Set up one template that all my blog posts share. Pull in the featured image at the top, then the post title as the main heading, with the date and author underneath, and let the post body flow in below. Keep the text at a comfortable reading width, and apply it to every blog post. “<\/em><\/p>\n\n\n\n

                    How do you preview and publish AI-generated edits?<\/strong><\/h2>\n\n\n\n

                    Because AI agents make changes directly through WordPress AI Abilities in real time, you can audit and push edits using standard publishing controls:<\/p>\n\n\n\n

                      \n
                    1. Watch the live canvas inside the Elementor Editor as the AI agent runs instructions and generates structural elements.<\/li>\n\n\n\n
                    2. Click Preview Changes<\/strong> (the eye icon) in the top bar<\/strong> to inspect the front-end layout in a new browser tab.
                      \"\"<\/li>\n\n\n\n
                    3. Review the updated layout and click Publish<\/strong> (or click the down arrow beside it to Save Draft<\/strong>) to finalize your changes.
                      \"\"<\/li>\n<\/ol>\n\n\n\n

                      How does Elementor handle simultaneous edits between you and an AI agent?<\/strong><\/h2>\n\n\n\n

                      To prevent lost work or overwritten content when you and an AI agent edit the same canvas at the same time, Elementor includes automated concurrency detection: <\/p>\n\n\n\n

                        \n
                      1. Review the on-screen Conflict Warning<\/strong> modal that pops up if an AI agent saves changes while you have that same page open in the Editor.
                        \"\"<\/li>\n\n\n\n
                      2. Click Force Save <\/strong>to reject the external AI agent’s concurrent changes and keep your active editing session intact.<\/li>\n\n\n\n
                      3. Click Reload <\/strong>to reload the canvas and adopt the AI agent’s most recent edits.
                        \"\"<\/li>\n<\/ol>\n\n\n\n

                        <\/p>\n","protected":false},"excerpt":{"rendered":"

                        To build and edit your website using Elementor MCP, send prompts to your connected external AI tool (such as Claude, Cursor, or Codex). The AI agent uses WordPress AI Abilities to interact directly with your Elementor canvas in real time – building native Atomic elements, applying global design system classes, and connecting dynamic data sources. […]<\/p>\n","protected":false},"author":65,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1506],"tags":[],"class_list":["post-171095","post","type-post","status-publish","format-standard","hentry","category-v4-editor"],"acf":[],"yoast_head":"\nHow to Build and Edit Your Site Using Elementor MCP | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about How to Build and Edit Your Site Using Elementor MCP in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build and Edit Your Site Using Elementor MCP | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about How to Build and Edit Your Site Using Elementor MCP in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-22T11:12:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/09\/video-background-example-1024x530.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Saras\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saras\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/\"},\"author\":{\"name\":\"Saras\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/e5957aee4a096954c42499ba80d1644d\"},\"headline\":\"How to Build and Edit Your Site Using Elementor MCP\",\"datePublished\":\"2026-09-22T11:12:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/\"},\"wordCount\":1314,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/video-background-example.png\",\"articleSection\":[\"Editor V4\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/\",\"name\":\"How to Build and Edit Your Site Using Elementor MCP | Elementor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/video-background-example.png\",\"datePublished\":\"2026-09-22T11:12:05+00:00\",\"description\":\"Learn everything about How to Build and Edit Your Site Using Elementor MCP in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/video-background-example.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/video-background-example.png\",\"width\":1920,\"height\":994},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-build-and-edit-your-site-using-elementor-mcp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build with the Editor\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Editor V4\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/v4-editor\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to Build and Edit Your Site Using Elementor MCP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/help\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/e5957aee4a096954c42499ba80d1644d\",\"name\":\"Saras\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g\",\"caption\":\"Saras\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Build and Edit Your Site Using Elementor MCP | Elementor","description":"Learn everything about How to Build and Edit Your Site Using Elementor MCP in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/","og_locale":"en_US","og_type":"article","og_title":"How to Build and Edit Your Site Using Elementor MCP | Elementor","og_description":"Learn everything about How to Build and Edit Your Site Using Elementor MCP in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/","og_site_name":"Help","article_published_time":"2026-09-22T11:12:05+00:00","og_image":[{"width":1024,"height":530,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/09\/video-background-example-1024x530.png","type":"image\/png"}],"author":"Saras","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Saras"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/"},"author":{"name":"Saras","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/e5957aee4a096954c42499ba80d1644d"},"headline":"How to Build and Edit Your Site Using Elementor MCP","datePublished":"2026-09-22T11:12:05+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/"},"wordCount":1314,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/09\/video-background-example.png","articleSection":["Editor V4"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/","url":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/","name":"How to Build and Edit Your Site Using Elementor MCP | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/09\/video-background-example.png","datePublished":"2026-09-22T11:12:05+00:00","description":"Learn everything about How to Build and Edit Your Site Using Elementor MCP in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/09\/video-background-example.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/09\/video-background-example.png","width":1920,"height":994},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-build-and-edit-your-site-using-elementor-mcp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Build with the Editor","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/"},{"@type":"ListItem","position":3,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/v4-editor\/"},{"@type":"ListItem","position":4,"name":"How to Build and Edit Your Site Using Elementor MCP"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/e5957aee4a096954c42499ba80d1644d","name":"Saras","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/22d7b9ec038a434ee5470e837bce0863acbfc038152b10f7df48f61712ec4250?s=96&d=mm&r=g","caption":"Saras"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/171095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=171095"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/171095\/revisions"}],"predecessor-version":[{"id":171106,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/171095\/revisions\/171106"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=171095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=171095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=171095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}