--- name: wordpress-woocommerce-development description: "WooCommerce store development workflow covering store setup, payment integration, shipping configuration, and customization." source: personal risk: safe domain: wordpress-development category: granular-workflow-bundle version: 1.0.0 --- # 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