On October 22, 2026, Webgate co-founder Tomáš Jendek joined Roi Tal from Elementor for a webinar on using Elementor MCP on an established agency website. The session shows how AI-assisted building fits around existing pages, reusable components and a working design system.
Our main takeaway: the value is in making continuous website improvements easier. Start with a useful change, build on what already works, and keep the result editable for the people maintaining the site.
Watch the webinar
Watch the full recording above, or jump to the website walkthrough at 7:30.
Build on the design system you already have
Tomáš walks through a landing page assembled section by section, reusing existing heroes, portfolio layouts and other proven elements while adding new sections through MCP. His demonstrated setup is Codex inside VS Code; the team also uses Claude Code. Wireframes and draft copy came from ChatGPT, followed by our own edits.
The important input was context: existing styles, classes, variables and clear references. For larger websites, the same approach supports gradual improvements, mixing existing V3 sections with new V4 elements as appropriate. Work can follow business priorities, one component or page at a time. Watch the discussion at 11:39.
Use screenshots to explore new components
The webinar also visits our experimental component page. Tomáš shows how screenshot references helped create tabbed sections and more complex layouts, with styling adapted to Webgate’s brand. The Stripe- and Deel-inspired examples were experiments to test what the workflow could produce.
Our takeaway is to use visual references to communicate structure, then refine the result for the actual brand, content and purpose. See the component experiments from 13:36.
Keep human editing and mobile review in the workflow
Roi makes a useful distinction: MCP generates native Elementor structure, so the team can open the editor and adjust it directly. Small copy or colour changes may be quicker by hand; larger changes can go back to the AI tool. The demonstration includes a responsive preview, while the discussion makes clear that mobile behaviour still needs checking and refinement.
For marketing teams, this points toward more independence on routine updates, with the agency handling complex work. In the webinar, Tomáš describes exploring that setup with clients gradually. It remains a workflow to introduce thoughtfully, with clear responsibilities and review before launch.
Explore our case study on Elementor’s blog and the earlier conversation with Roi Tal. To discuss improvements to your own website, talk to Webgate.
