Skip to content
wordpress-woocommerce-development logo

wordpress-woocommerce-development

WooCommerce store development workflow covering store setup, payment integration, shipping configuration, and customization.

SKILL.md

Full skill instructions

WordPress WooCommerce Development Workflow

Overview

Specialized workflow for building WooCommerce stores including setup, payment gateway integration, shipping configuration, custom product types, and store optimization.

When to Use This Workflow

Use this workflow when:

  • Setting up WooCommerce stores
  • Integrating payment gateways
  • Configuring shipping methods
  • Creating custom product types
  • Building subscription products

Workflow Phases

Phase 1: Store Setup

Skills to Invoke
  • app-builder - Project scaffolding
  • wordpress-penetration-testing - WordPress patterns
Actions
  1. Install WooCommerce
  2. Run setup wizard
  3. Configure store settings
  4. Set up tax rules
  5. Configure currency
Copy-Paste Prompts
Use @app-builder to set up WooCommerce store

Phase 2: Product Configuration

Skills to Invoke
  • wordpress-penetration-testing - WooCommerce patterns
Actions
  1. Create product categories
  2. Add product attributes
  3. Configure product types
  4. Set up variable products
  5. Add product images
Copy-Paste Prompts
Use @wordpress-penetration-testing to configure WooCommerce products

Phase 3: Payment Integration

Skills to Invoke
  • payment-integration - Payment processing
  • stripe-integration - Stripe
  • paypal-integration - PayPal
Actions
  1. Choose payment gateways
  2. Configure Stripe
  3. Set up PayPal
  4. Add offline payments
  5. Test payment flows
Copy-Paste Prompts
Use @stripe-integration to integrate Stripe payments
Use @paypal-integration to integrate PayPal

Phase 4: Shipping Configuration

Skills to Invoke
  • wordpress-penetration-testing - WooCommerce shipping
Actions
  1. Set up shipping zones
  2. Configure shipping methods
  3. Add flat rate shipping
  4. Set up free shipping
  5. Integrate carriers
Copy-Paste Prompts
Use @wordpress-penetration-testing to configure shipping

Phase 5: Store Customization

Skills to Invoke
  • frontend-developer - Store customization
  • frontend-design - Store design
Actions
  1. Customize product pages
  2. Modify cart page
  3. Style checkout flow
  4. Create custom templates
  5. Add custom fields
Copy-Paste Prompts
Use @frontend-developer to customize WooCommerce templates

Phase 6: Extensions

Skills to Invoke
  • wordpress-penetration-testing - WooCommerce extensions
Actions
  1. Install required extensions
  2. Configure subscriptions
  3. Set up bookings
  4. Add memberships
  5. Integrate marketplace
Copy-Paste Prompts
Use @wordpress-penetration-testing to configure WooCommerce extensions

Phase 7: Optimization

Skills to Invoke
  • web-performance-optimization - Performance
  • database-optimizer - Database optimization
Actions
  1. Optimize product images
  2. Enable caching
  3. Optimize database
  4. Configure CDN
  5. Set up lazy loading
Copy-Paste Prompts
Use @web-performance-optimization to optimize WooCommerce store

Phase 8: Testing

Skills to Invoke
  • playwright-skill - E2E testing
  • test-automator - Test automation
Actions
  1. Test checkout flow
  2. Verify payment processing
  3. Test email notifications
  4. Check mobile experience
  5. Performance testing
Copy-Paste Prompts
Use @playwright-skill to test WooCommerce checkout flow

Quality Gates

  • Products displaying correctly
  • Checkout flow working
  • Payments processing
  • Shipping calculating
  • Emails sending
  • Mobile responsive

Related Workflow Bundles

  • wordpress - WordPress development
  • wordpress-theme-development - Theme development
  • wordpress-plugin-development - Plugin development
  • payment-integration - Payment processing