Elementor MCP is finally here and this could completely change the way we build WordPress websites.
🚀 Get 10% off your webhosting plan + a free domain: https://ferdy.com/mcp
Use coupon code FERDY at checkout.
Get Elementor Pro:
https://ferdy.com/elementor
In this step-by-step tutorial, I’ll show you how to connect AI directly to Elementor and build a professional WordPress website simply by describing what you want.
And we’re not talking about a basic AI-generated landing page.
I use Elementor MCP to create a complete website with native Elementor elements, responsive layouts, animations, a custom header and mobile menu, blog templates, search functionality, contact forms and much more. I can even give AI screenshots of a design, tell it what I want changed, and watch it make those changes directly inside Elementor.
The website I recreate would normally cost tens of thousands of dollars to build — but with Elementor MCP and AI, the entire way of building websites is changing.
In this tutorial, I’ll show you the complete process from scratch so you can follow along and build your own website.
If you use WordPress, Elementor, or build websites for clients, you need to see this.
Enjoy the tutorial! 🚀
Timestamps:
00:00 Introduction
03:11 Get Web Hosting and a Free Domain
07:14 Clean Up Your WordPress Website
09:24 Get Elementor Pro
14:11 Connect Elementor MCP
15:55 Create the Hero Section
20:00 Customize Your Website
21:32 Create Three Clickable Cards
22:09 Add a Custom Mouse Effect
24:34 Create the Header
27:05 Create a Mobile Menu
30:15 Create Dynamic Blog Templates
38:13 Add Custom Fields with ACF
41:29 Create Archive Templates
45:23 Create a Contact Page with a Working Form
47:17 Create the Footer with One Prompt
48:55 Add a Search and Filter System
50:32 Make Your Website GDPR Compliant
51:56 Creative Ways to Use Claude
58:45 How Much Did It Cost?
01:00:13 Take the Design to the Next Level
01:04:12 Thank You for Watching
#ElementorMCP #WordPress #Claude
