TutorialsKnowledge BaseAbout Start here

Create a Website With Claude, WordPress and Elementor

Build a complete, client-ready site by pairing Elementor with an AI assistant — from empty install to launch, nothing skipped.

AI 2h 41m 24 July 2026 Free, no signup
Watch on YouTube — the embed goes here once the video id is set.

About this build

This is the build I get asked about more than any other: what actually happens when you put an AI assistant next to Elementor and try to ship a real site with it.

We start from an empty WordPress install and finish with a live, client-ready website. Nothing is cut. The parts where the AI gets it wrong stay in, because knowing how to recover is most of the skill.

What you'll be able to do afterwards

  • Set up WordPress and Elementor from scratch, correctly, the first time
  • Brief an AI assistant so it returns layouts you can actually use
  • Turn generated sections into a reusable design system with global styles
  • Spot and fix the four things AI consistently gets wrong in page builders
  • Launch the finished site on a real domain with SSL

Before you start

  • A domain and hosting (any host — I show the settings that matter, not a specific panel)
  • Elementor free is enough for most of this; I flag the two Pro-only moments
  • No code, and no prior WordPress experience
WordPressElementorClaudeHostingerGoogle Fonts

Don't let it touch your global styles

The single fastest way to ruin an AI-assisted build is to let the assistant set colours and fonts per-section. Lock your global styles yourself, then ask for layouts only. Everything downstream stays consistent and editable.

Chapters

  1. 0:00

    What we're building

    The finished site, so you know where this ends up.

  2. 6:20

    Install WordPress

    Domain, hosting, SSL, and the five settings to change immediately.

  3. 21:45

    Elementor and the theme

    Which theme to pair it with, and why the default one fights you.

  4. 38:10

    Global styles first

    Colours, fonts and spacing before a single section — this is the whole trick.

  5. 57:30

    Briefing the AI

    How to describe a layout so you get something usable back.

  6. 1:19:00

    Building the hero

    First section, generated then corrected.

  7. 1:44:15

    The rest of the home page

    Working fast now that the system is set.

  8. 2:08:40

    Where AI gets it wrong

    Four failure patterns, and the fix for each.

  9. 2:26:00

    Mobile

    Every breakpoint, properly — not an afterthought.

  10. 2:35:30

    Going live

    Final checks and launch.

Terms explained in the Knowledge Base

Watch next


The Friday email

One email a week. The thing I'd tell you over coffee.

What changed in WordPress and AI that week, what I'd actually use, and what I'd ignore. Written by me, not summarised by a tool.

  • New tutorials the moment they're published
  • Honest verdicts on tools — including the ones I dropped
  • No sequences, no upsells, one click to leave

41,000+ readers. Unsubscribe in one click.

Free, forever, no signup

Pick a starting point. Have something real by tonight.

Every tutorial is free, complete, and built in real time — including the bits that break. Start where you are, not where a course thinks you should be.