MySKU Field Type
Powerful WooCommerce product integration with three display modes: Single (multiple line items), Group (select one), and Composite (bundle). Perfect for product customization and flexible product selection.
Overview
The MySKU field type is the most powerful WooCommerce integration in Woo Form Builder. It allows you to add WooCommerce products directly to your forms with three flexible display modes: Single (multiple line items),Group (select one), and Composite (bundle). Perfect for product customization, add-ons, license selection, and package deals.
Single Mode
Multiple products as separate line items
Group Mode
Choose one product via radio buttons
Composite Mode
Bundle all products with combined price
Three Display Modes
MySKU gives you complete control over how products appear and behave in your forms. Each mode is designed for specific use cases and provides different cart behavior.
Single Mode
Multiple products, multiple line items
In Single mode, each product appears with its own checkbox. When customers select multiple products, each one is added to the cart as a separate line item with its individual price. Perfect for add-ons and accessories.
Frontend Display Example:
✓ Best For:
- Add-on products and accessories
- Optional extras and upgrades
- When customers need pricing visibility per item
- Products that can be purchased independently
Group Mode
Choose one product from the group
In Group mode, products appear as radio buttons. Customers can select only one product from the group. The Price Summary updates dynamically when they change their selection. Ideal for license tiers and package choices.
Frontend Display Example:
✓ Best For:
- License tier selection
- Package/plan choices (Basic, Pro, Enterprise)
- Mutually exclusive product options
- Service level selection
Composite Mode
Bundle all products together
In Composite mode, all selected products are bundled together as one cart item with a combined price. The bundle total is shown upfront, and all products are added together when the form is submitted. Perfect for pre-configured packages.
Frontend Display Example:
✓ Best For:
- Pre-configured product bundles
- Starter kits and package deals
- When you want simplified pricing display
- All-inclusive service packages
Setup Instructions
Step 1: Add MySKU Field to Your Form
- Open your form in the Woo Form Builder editor
- Click "Add Field" from the toolbar
- Select "MySKU" from the field types
- Drag and position the field where you want it to appear
Step 2: Select WooCommerce Products
- Click on the MySKU field to open settings
- Find the "MySKU Products" section
- Click "Select Products" to open the product picker
- Choose one or more WooCommerce products from your store
- Selected products will appear in the list with their names and prices
Product Picker Interface:
Step 3: Choose Display Mode
- In the MySKU field settings, find "Display Mode"
- Choose from three options:
Step 4: Configure Price Summary (Optional)
- Add a Price Summary field to your form if you haven't already
- MySKU products automatically integrate with Price Summary
- Prices update dynamically as users make selections
- Works perfectly with all three display modes
Price Summary Integration
MySKU seamlessly works with the Price Summary field. When users select/deselect products or change their selection in Group mode, the Price Summary updates in real-time without page refresh.
Real-World Examples
🎯 Plugin Purchase with Add-ons
Use Case: Customers select their base license and optionally add support, updates, or installation. Each item appears as a separate line in cart with individual pricing.
🏆 License Tier Selection
Use Case: Customer chooses one license tier from available options. Price Summary updates dynamically when they change selection. Perfect for subscription plans.
📦 Complete Starter Bundle
Use Case: Pre-configured package for new customers. All products bundled together with a single combined price. Simplified checkout experience.
🎨 Custom Service Package
Use Case: Service business offering customizable packages. Clients select only the services they need. Each service is a separate line item in the invoice.
Advanced Features
1. Price Summary Integration
MySKU automatically integrates with the Price Summary field. Product prices update dynamically as users interact with the form:
- Single Mode: Checking/unchecking products adds/removes prices from total
- Group Mode: Changing radio selection updates price to reflect new choice
- Composite Mode: Bundle total is shown as a single price in summary
2. Cart Behavior by Mode
Single
Each selected product = separate cart line item with individual price
Group
Selected product added to cart as single line item with its price
Composite
All products added as one bundle with combined total price
3. Product Management
The product selector interface lets you easily manage products in your MySKU field:
- Search and filter WooCommerce products by name
- View product names and prices before selecting
- Add or remove products anytime without losing other settings
- Products display in the order you select them
4. Conditional Logic Support
MySKU fields work seamlessly with Woo Form Builder's conditional logic system. You can:
- Show/hide MySKU products based on other field values
- Display different product sets for different customer types
- Create dynamic product offerings based on form selections
- Combine with pricing rules for advanced scenarios
Display Customization
Field Label
Customize the label shown above your MySKU field. Examples: "Select Add-ons", "Choose Your License", "Bundle Options"
Product Display
Products automatically show their WooCommerce names and prices. Formatting matches your form's theme.
Required Field
Mark MySKU field as required to ensure customers make a selection before submitting the form.
CSS Styling
MySKU fields inherit your form's styling and can be customized with additional CSS for brand consistency.
/* Custom styles */
}
WooCommerce Integration
MySKU fields are fully integrated with WooCommerce for seamless order processing:
- Automatic Cart Addition: Selected products are automatically added to the WooCommerce cart when form is submitted
- Price Synchronization: Product prices always reflect current WooCommerce pricing
- Inventory Management: WooCommerce stock levels are respected (out-of-stock products can be hidden)
- Order Metadata: MySKU selections are saved with the order for reference
- Confirmation Emails: Selected products appear in WooCommerce order confirmation emails
- Order Management: View and manage MySKU product selections from WooCommerce order details
Cart Behavior Summary
Tips & Best Practices
✅ Do's
- ✓ Use Single mode for optional add-ons and accessories
- ✓ Use Group mode for mutually exclusive choices (license tiers)
- ✓ Use Composite mode for pre-configured bundles
- ✓ Include Price Summary for transparent pricing
- ✓ Test all three modes with actual WooCommerce products
- ✓ Keep product names clear and concise
- ✓ Verify prices are current in WooCommerce
❌ Don'ts
- ✗ Don't mix incompatible products in Group mode
- ✗ Don't create huge composite bundles (keep under 5-7 items)
- ✗ Don't forget to set up WooCommerce products first
- ✗ Don't use Single mode when customer should choose only one
- ✗ Don't skip Price Summary - users need pricing visibility
- ✗ Don't select out-of-stock products
- ✗ Don't ignore mobile display - test responsive design
Mode Selection Guide
Choose the right mode for your use case:
- Single: When customers can purchase multiple items independently (add-ons, extras)
- Group: When customers must choose exactly one option (plans, tiers, sizes)
- Composite: When offering a fixed bundle with simplified pricing (starter kits, packages)
Troubleshooting
Products not appearing in selection?
- Verify products exist in WooCommerce and are published
- Check that products have a price set
- Ensure you're searching by the correct product name
- Try refreshing the form builder page
Prices not showing in Price Summary?
- Make sure you have a Price Summary field in your form
- Verify product prices are set in WooCommerce
- Check that MySKU field is not hidden by conditional logic
- Test in frontend (prices may not show in builder preview)
Products not added to cart?
- Ensure form is properly attached to a WooCommerce product
- Verify WooCommerce integration is active in plugin settings
- Check that selected products are in stock
- Test form submission with browser console open for errors
Price Summary showing $0.00 in Group mode?
- Make sure one radio button is pre-selected (default choice)
- Check that products have valid prices in WooCommerce
- Verify frontend JavaScript is loading correctly
- Test by manually selecting a different option
Composite bundle total incorrect?
- Verify all products in bundle have prices set
- Check that MySKU products are correctly saved in field settings
- Ensure no products are duplicated in the selection
- Test by removing and re-adding products to the field
Still Having Issues?
Check your browser console (F12) for JavaScript errors. MySKU requires JavaScript to be enabled. If you see console errors, please report them with your form configuration details.
Need Help with MySKU Setup?
Our team can help you configure MySKU for your specific product setup and create the perfect product selection experience for your customers.
Get Expert Help