I Gave My Claude Code Site A WordPress Editor (So Clients + Teams Can Edit)
π COMMUNITY: https://www.skool.com/automatable/about π FREE BLUEPRINT: https://www.skool.com/automatable-free/classroom/6ca29126?md=4ff2fd1db34a4ea096ac3083a080dc9b π SUMMARY I built my own WordPress with Claude Code in 3 prompts: a full plumbing website, a WordPress-style admin dashboard and an Elementor-style drag and drop builder. No coding needed, and no lock-in to a platform on the decline. These are the exact prompts I use to build a website with Claude, starting from zero with VS Code and Claude Code installed click by click. It is built for agencies and freelancers who run client sites, and for business owners who want staff posting blogs and landing pages without touching code. Prompt 1 uses Payload, a free open-source headless CMS, to build the site and the admin panel your team and non-technical clients log into. Claude Design sets up reusable templates for the homepage, service pages and blog posts. Inside you get media, users with roles, and 11 plugins, from SEO and forms to multi-tenancy for agencies running every client from one dashboard. Prompt 2 adds Puck, a free open-source drag and drop builder, inside Payload. Every element gets Content, Style and Advanced tabs, just like Elementor. Prompt 3 puts it all live on Vercel, with a one-click database and image storage. The trade-off: there is no plugin store. Anything past the 11 built-in plugins, you ask Claude to build. That is also the upside. You are never stuck with what WordPress or Elementor give you. β TIMESTAMPS 0:00 - Why Ditch WordPress And Build Your Own 0:32 - Install Claude Code In VS Code (Beginner) 1:20 - Open A Project Folder 1:53 - Payload (Admin) + Puck (Drag & Drop), Both Free 2:07 - Prompt 1: Build The Website + Admin Panel 2:58 - Tour The Live Site (Claude Design Templates) 3:22 - Log Into The Payload Admin Dashboard 3:59 - Media, Users And Roles For Clients + Team 4:17 - 11 Payload Plugins: SEO, Forms, Multi-Tenancy 5:05 - Edit Service Pages And Add Sections 6:01 - Edit Blog Posts And Add Elements 6:53 - Default Elements + Templates Like Elementor 7:25 - Prompt 2: Add The Puck Drag & Drop Builder 8:48 - Content, Style And Advanced Tabs 9:43 - Prompt 3: Deploy Live To Vercel 10:52 - Next Steps: Traffic, Leads And Sales π£ SOCIAL MEDIA β’ Instagram β https://instagram.com/jono_catliff β’ TikTok β https://www.tiktok.com/@jonocatliff β’ LinkedIn β https://www.linkedin.com/in/jonocatliff/ β’ X β https://twitter.com/@jonocatliff πΊ RELATED VIDEOS β’ Full crash course on Claude Code β https://youtu.be/Q_OJ26E5_74 β’ Full crash course on Claude CoWork β https://youtu.be/DHGFV6BqF-A β’ Full crash course on Claude Code SEO β https://youtu.be/4IyJm1i__ag β’ Full crash course on Claude Code Google Ads β https://youtu.be/-EInjdpjKy0 π― 1:1 CONSULTING Book a time β https://jonocatliff.com/consultation π AUTOMATION AGENCY Get help with your business β https://www.automatable.co π LINKS (some of these make me money - thanks in advance!) β’ n8n β https://jonocatliff.com/n8n β’ Make.com β https://jonocatliff.com/make β’ Go High Level β https://jonocatliff.com/gohighlevel β’ Apify β https://jonocatliff.com/apify β’ Skool β https://jonocatliff.com/skool β’ Zapier β https://jonocatliff.com/zapier β’ PandaDoc β https://jonocatliff.com/pandadoc β’ Apollo β https://jonocatliff.com/apollo β’ ManyChat β https://jonocatliff.com/manychat β’ Vapi β https://jonocatliff.com/vapi β’ PhantomBuster β https://jonocatliff.com/phantombuster β’ ClickUp β https://jonocatliff.com/clickup β’ ElevenLabs β https://jonocatliff.com/elevenlabs β’ Upwork β https://jonocatliff.com/upwork β’ Instantly.ai β https://jonocatliff.com/instantly β’ Airtable β https://jonocatliff.com/airtable π ABOUT ME Hey everyone, my name is Jono. I run a 7-figure service business that offers DJ, photo, video services (#1 largest in Canada), and spent years figuring out how to automate every part of it (and hired the roles that I couldn't). Conservatively, I used to work 80+ hours per week, before sunrise till long after sunset; missing gatherings, family events and everything in between. Through automation though, I was able to replace my job. My goal is to help share what worked for me, in a dream of helping others find true success with their passion. Please subscribe, like and comment below if you have any questions! Thank you π #ClaudeCode #WordPress #WebDesign #PayloadCMS