Building a WooCommerce Store Using Block Themes and AI Site Building

Transcript

2. Think of AI as your personal design assistant —no experience needed
3. How AI Removes Website Building Barriers Faster Initial Results Describe needs once, get immediate results vs. hours browsing for the right theme. From Generic to Personal AI builds for your content instead of you needing to copy tour content into pre-made templates. Intuitive Communication Request changes in plain language instead of navigating complex template settings Proactive Recommendations Receive suggestions tailored to your industry and objectives
4. Let’s give it a try!
5. How to get started or wordpress.com/ai-website-builder/ Try the WordPress AI website builder on WordPress.com if you don’t have an account. Create a new WordPress.com site with AI Build a new site with AI from your WordPress.com account by clicking on the ‘Add new Site’ button and select ‘Build with AI’.
6. AI Website Builder on WordPress.com
7. How to Describe Y our Store to AI Start with the basics Business type, what you sell, average price, catalog size, audience, region. Specify Essential Features Hero section, 5 menu items, newsletter and social links in Footer. List pages upfront Home, Shop, Product, About, Contact, FAQ, Blog, Policies. Be concrete “Grid layout, product cards with ratings and price” over “make it beautiful.” Describe Y our Desired Style Layout preference, color and font vibe (modern serif, clean sans), imagery style. Use refinement prompts after generation “shorten the hero,” “add Shipping and Returns to footer,” “generate 5 H2s for Blog.”
9. AI asks follow up questions to better understand my store.
11. Choose colors Browse through suggested color palettes to help you find what you like.
12. Alternative page layouts Choose from multiple AI-generated layout options for every page.
13. Pick Fonts The AI site builder offers you a set of font pairs to choose from.
14. Add new pages Add new pages to your site via AI chat. You can choose between different suggested layouts.
15. The AI site builder results Homepage About page Team page
16. Shop page Product page Block based checkout The AI site builder results
17. Further AI Customizations Images and Copy You can change images and text with the help of AI. Edit the layout Add, update, and arrange content sections (patterns) on your site
18. Further AI Customizations Edit design elements like buttons Change the style of buttons or other design elements on your site. Add forms and social links Add contact forms or newsletter sections to your site and link to your social profiles.
19. How It Works Site Spec AI defines a site spec from the information given by you in your prompts. Patterns Library A patterns library (wordpress.com/ patterns) is uses to create pages. Block Theme The bare bone block theme Assembler is uses to create sites with the AI site builder. Styles Fonts and color palettes are bundled with the Assembler theme.
20. WooCommerce stores built with AI Website Builder
21. Let’s talk! Questions? Ideas? Let’s explore them together. Connect With Me X & Bluesky: @ellenbauer WordPress Slack: Ellen Bauer YouTube: elmastudio