How to add pricing for custom options?
Pricing integration allows you to charge additional fees for custom options, reflecting the true value of personalized products.
Pricing Integration Methods
1. Product to Charge 💰
How it works: Link options to a separate product for pricing
Advantages:
- Automatic pricing from Shopify products
- Easy price management
- Inventory integration
Setup:
- Create separate product for option (e.g., "Name Engraving Fee - $5")
- In option, enable "Product to Charge"
- Select corresponding product
- Price displays automatically
2. Fixed Price 💵
How it works: Set fixed price for options
Advantages:
- Simple and clear
- No need to create separate products
- Flexible price changes
Setup:
- In option configuration
- Enter fixed price (e.g., $10.00)
- Choose currency
- Save configuration
3. Percentage-based Pricing 📊
How it works: Calculate price as percentage of base product price
Advantages:
- Automatically adjusts with product price
- Suitable for multiple products
- Easy to scale
Setup:
- Choose "Percentage" in pricing type
- Enter percentage (e.g., 15%)
- Price calculates automatically: Base Price × 15%
Real Examples
Example 1: Custom T-shirt Product
Base Product: White T-shirt - $25.00
Options and Pricing:
- Name Engraving: +$5.00 (Fixed Price)
- Logo Upload: +$8.00 (Product to Charge)
- Hand Embroidery: +$15.00 (Product to Charge)
- Gift Wrapping: +$3.00 (Fixed Price)
Total Price: $25.00 + $5.00 + $8.00 + $15.00 + $3.00 = $56.00
Example 2: Premium Jewelry Product
Base Product: Gold Ring - $200.00
Options and Pricing:
- Name Engraving: +10% = $20.00
- Additional Gemstone: +$50.00 (Product to Charge)
- Premium Box: +$25.00 (Fixed Price)
Total Price: $200.00 + $20.00 + $50.00 + $25.00 = $295.00
Setup in Editor
Step 1: Select Option for Pricing
- Open Editor
- Select Area → Group → Option
- Go to Configuration section
Step 2: Enable Pricing
- Find "Product to Charge"
- Enable toggle "Enable"
- Choose appropriate pricing type
Step 3: Configure Pricing
For Product to Charge:
- Click "Choose Product"
- Select product from list
- Confirm displayed price
Price Display for Customers
On Product Page:
White T-shirt - $25.00
├── Name Engraving: +$5.00
├── Logo Upload: +$8.00
└── Hand Embroidery: +$15.00
Total: $53.00
In Shopping Cart:
Custom White T-shirt
├── White T-shirt: $25.00
├── Name Engraving Fee: $5.00
├── Logo Upload Fee: $8.00
└── Hand Embroidery Fee: $15.00
─────────────────────────
Total: $53.00
Effective Price Management
✅ Create Separate Pricing Products
- "Name Engraving Fee - $5"
- "Logo Upload Fee - $8"
- "Hand Embroidery Fee - $15"
- "Premium Gift Box - $10"
✅ Use Tags for Organization
- Tag: "pricing-option"
- Tag: "customization-fee"
- Tag: "premium-service"
✅ Create Collections for Pricing
- "Customization Fees"
- "Premium Services"
- "Add-on Products"
Common Issues
❌ Price not displaying
- Check Product to Charge selection
- Check product has price
- Check option has pricing enabled
❌ Price calculated incorrectly
- Check pricing logic
- Check currency settings
- Check percentage calculation
❌ Price not syncing with cart
- Check app integration
- Check theme compatibility
- Test with different options
Best Practices
🏆 Clarity Principle
- Display prices clearly to customers
- Explain why additional fees exist
- Provide detailed breakdown
🏆 Fairness Principle
- Price reflects actual value
- Don't hide fees until the end
- Clear refund policy
🏆 Flexibility Principle
- Easy to change prices
- Multiple pricing options
- Integration with promotion system
Related Topics
- How to create your first product option?
- What option types does XB Product Options support?
- How to assign options to specific products?
- How to preview and test options?
Do you need guidance on setting up pricing for any specific product type?