Build a FREE Elementor Website with AI Using Claude (JSON Import Tutorial)
- Published
- May 26, 2026
- Duration
- 10:58
Video description
In this tutorial from Manzari, I show you how to create a free website design in Elementor using Claude AI. We go through the full workflow step-by-step: Prompting Claude to generate a website layout Exporting the design into a JSON structure Importing the JSON file into Elementor Refining sections and layouts when the imported design doesn’t perfectly match the original AI concept Using AI as a fast starting point for website design inspiration This isn’t about generating a perfect website instantly. It’s about using AI to speed up the creative process and quickly prototype Elementor layouts you can continue refining yourself. If you're interested in Elementor, WordPress, AI workflows, web design, or experimenting with Claude for frontend ideas, this is a fun beginner-friendly exercise to try. Topics covered: Elementor Claude AI JSON template imports AI website design workflows WordPress page building Prompt engineering for web design Subscribe for more WordPress, Elementor, AI, and website development tutorials.