Switch

Present customers with a single yes/no or opt-in choice using a toggle switch.

Overview

Switch is a selection option type that displays a single toggle switch for a simple yes/no decision. Customers toggle the switch on to opt-in or leave it off to opt-out. It's ideal for single optional add-ons or agreement confirmations where a toggle provides a modern, intuitive interface.

Use Switch for:

• Premium shipping upgrades
• Gift wrapping options
• Insurance or warranty add-ons
• Express shipping upgrades
• Special handling requests
• Terms and conditions agreement

Key characteristics:

• Single toggle switch (one value only)
• Simple on/off state
• Can be marked as required
• Supports pre-selection (toggled on by default)
• Can have price add-on
• Modern toggle interface (similar to Checkbox Single but with toggle appearance)

Configuration

Basic Settings

Setting	Description
Label	Option text displayed to customers (e.g., "Would you like Premium Shipping?")
Option is required for this option set	If enabled, customers must toggle the switch on before adding to cart
Hide Label from storefront	If enabled, only the toggle switch is shown (label is hidden)

Advanced Settings

Setting	Description
Internal Label	Admin-only identifier (replaces label in options list)
Help Text	Additional guidance shown to customers (based on display mode)

Switch Settings

Setting	Description
Pre-selected by default	If enabled, toggle switch is on when page loads
Pricing	Three options: Free (default), Add fee, Link variant

Pricing Options

Free (Default)

No additional cost when toggle is switched on.

When to use: Informational choices, non-priced opt-ins

Add Fee

Manually set a specific price that's added when toggle is switched on.

Example: Premium Shipping (+$15.00)

How it works:

• You enter the price amount
• App creates a hidden Shopify product automatically
• Price is added to cart when toggled on

Hidden Products

The app creates hidden products for Add Fee pricing. Do not edit or delete these products in Shopify.

Link Variant

Connect the switch to an existing Shopify product for automatic price syncing.

Example: Link to your Premium Shipping product

How it works:

• You select an existing product
• Price automatically syncs with that product
• Updates when you change the linked product price

How to Add Switch

1. Navigate to Option Sets and open your option set
2. Click Add Option
3. Select Switch from the Option Type modal
4. Enter a Label (e.g., "Would you like Premium Shipping?")
5. Check Option is required if toggle must be switched on (rare use case)
6. (Optional) Click Advanced Settings to add Help Text or Internal Label
7. Configure switch settings:
   • Check Pre-selected by default if desired
   • Set Pricing (Free, Add fee, or Link variant)
8. Click Save in the contextual save bar

Use Cases

Premium Shipping

Label: Would you like Premium Shipping? Required: No Pre-selected: No Pricing: Add Fee: $15.00

Result: Optional premium shipping toggle with $15 add-on

Gift Wrapping

Label: Add gift wrapping (+$5.00) Required: No Pre-selected: No Pricing: Add Fee: $5.00

Result: Optional gift wrapping toggle with $5 add-on

Express Shipping Upgrade

Label: Upgrade to express shipping (+$15.00) Required: No Pre-selected: No Pricing: Add Fee: $15.00 Help Text: Receive your order in 2-3 business days

Result: Optional shipping upgrade toggle with pricing and timeline

Insurance Coverage

Label: Add shipping insurance (+$3.00) Required: No Pre-selected: Yes (recommended) Pricing: Add Fee: $3.00

Result: Pre-toggled insurance option (customer can toggle off)

Special Handling

Label: This is a gift Required: No Pre-selected: No Pricing: Free Help Text: We'll include a gift receipt and remove prices

Result: Free informational toggle for gift orders

Extended Warranty

Label: Add 2-year extended warranty (+$49.00) Required: No Pre-selected: No Pricing: Link Variant: Warranty Product

Result: Optional warranty toggle with linked product pricing

Customer Experience

Switch interaction:

1. Customer sees label with toggle switch
2. Toggle appears as a switch (on/off slider)
3. Clicks or taps toggle to switch on (opt-in)
4. Toggle slides to "on" position
5. Clicks or taps again to switch off (opt-out)
6. Toggle slides to "off" position
7. If priced and switched on, price adds to cart

Visual display:

• Toggle switch displays as modern slider interface
• "On" state shows toggle in active position
• "Off" state shows toggle in inactive position
• Clear visual feedback for state changes
• More modern appearance than checkbox

Price display:

• Price typically shown in label: "Premium Shipping (+$15.00)"
• Total updates in cart when toggled on
• Item listed at checkout if toggled on

Styling

Switch toggle inherits styling from your theme and customization settings:

• Colors: Toggle switch colors from Colors
• Border: Toggle border from Borders & Shapes
• Spacing: Option spacing from Borders & Shapes

Best Practices

Use clear labels:

• Include price in label: "Premium Shipping (+$15.00)"
• Be specific: "Express shipping (2-3 days)" vs "Fast shipping"
• Question format works well: "Would you like Premium Shipping?"
• Keep concise and scannable

Consider pre-selection:

• Pre-toggle recommended options (insurance, warranties)
• Test impact on conversions
• Don't pre-toggle if it feels pushy
• Use for genuine recommendations

Pricing best practices:

• Always show price in label when charging
• Use Add Fee for fixed costs
• Use Link Variant for existing products
• Keep pricing transparent

Set appropriate requirements:

• Required switches are rare (typically for agreements)
• Most switches should be optional
• Required = must be toggled on to proceed
• Test user experience with requirements

Consider switch vs other types:

• Use Switch for: One yes/no choice, modern toggle interface, simple opt-in
• Use Checkbox (Single) for: One yes/no choice, traditional checkbox interface
• Use Checkbox (Multi) for: Multiple selections from list
• Use Radio for: Choice between 2+ mutually exclusive options
• Switch provides modern, intuitive toggle interface

Mobile optimization:

• Toggle switches work excellently on mobile
• Large tap target for easy interaction
• Clear visual feedback on touch
• Keep label text concise
• Test that price displays clearly

Use Help Text wisely:

• Explain benefit: "Protects your order during shipping"
• Clarify what happens: "We'll include a gift receipt"
• Mention important details: "Delivery in 2-3 days"
• Keep it brief

Toggle vs checkbox:

• Switch provides more modern, app-like interface
• Toggle is more intuitive for on/off states
• Better visual feedback than checkbox
• Consider your brand aesthetic when choosing

Related

• Checkbox (Single) - Traditional checkbox single selection
• Checkbox (Multi) - Multiple checkbox selections
• Radio - Single selection from multiple choices
• Price Add-Ons - Detailed pricing documentation
• Internal Label - Admin-only identification
• Help Text - Additional context display
• Required Fields - Making options required