Description
Get 10% OFF Your Clients Websites: https://www.darrelwilson.com/hostinger
Find Leads With AI: https://www.darrelwilson.com/apify
Download FREE Novamira: https://www.darrelwilson.com/novamira
Complete Claude AI Web Design Course: https://www.youtube.com/watch?v=5but6IkYK-w
Evernotes I mention
Clone Website Prompt: https://share.evernote.com/note/1cfcb731-4328-f6b4-7f39-52823b8d8ac1
Build A Website From A Screenshot: https://share.evernote.com/note/d59ff274-cd7a-128c-e278-e3ebd3732386
Learn how to create a website with Claude AI and Claude Design, import it into WordPress, and prepare it for client handover. In this step-by-step tutorial, I’ll show you how to turn your AI website design into a WordPress website you can customize with additional features and functionality.
Building the website is only part of the process. You also need to give clients access without letting them accidentally change important parts of the site. I’ll show you how to restrict what clients can edit in WordPress to help protect your design and reduce accidental changes.
In this video, you’ll learn:
✅ How to make a website with Claude AI and Claude Design
✅ How to import your AI-generated website into WordPress
✅ How to add features and functionality in WordPress
✅ How to restrict client access to specific parts of the website
✅ How to prepare your website for client handover
Whether you’re a freelancer, a web designer, or starting an AI web design business, this tutorial walks you through the process from creating your design to giving clients a website they can manage with appropriate editing access.
Want to build websites for clients using AI? Follow along and learn how Claude AI, Claude Design, and WordPress fit together in a complete client website workflow.
TimeStamps
00:00 Build an AI Website & Hand It Over to Clients
00:54 Preview: Editable Website & Client Dashboard
03:45 Generate a Website Design with ChatGPT
04:52 Create & Download Your Website Images
05:53 Build the Website with Claude Design
07:42 Create the About, Services & Contact Pages
08:34 Set Up Hosting & Install WordPress
11:09 Install Elementor, Novamira & Blocksy
13:43 Configure Elementor Settings
14:39 Upload Your Website Images to WordPress
15:38 Connect Claude AI to WordPress
17:37 Import Your Claude Website into WordPress
18:35 Review the Website & Edit with Elementor
19:38 Preparing Your Website for Client Handover
22:51 Create Your Client’s WordPress Account
23:34 Install White Label CMS & Add Your Branding
25:59 Customize the WordPress Login Page
27:26 Create a Custom Client Welcome Dashboard
28:38 Hide WordPress Menus from Clients
29:31 Add Booking & Ecommerce Features
30:55 Show Clients the Menus They Need
31:24 Test the Client Login & Dashboard
32:05 Hide Dashboard Notices & Finish the Handover
32:44 Watch the Full Claude AI Web Design Course
Subscribe for more tutorials on AI website builders, WordPress, and building websites for clients.
#ClaudeAI #WordPress #AIWebDesign
🎬 Check out our new Clips channel!
We’re sharing shorter clips from our tutorials, tips, and best moments. Subscribe so you don’t miss them 👇
https://www.youtube.com/channel/UCIIqVMy3Ro-A19DdtaJN62A