How to Add iOS Style Product Add-ons to Your Shopify Horizon Theme
Upselling on your product page is one of the most effective ways to increase your Average Order Value (AOV), but clunky design can often scare customers away. The solution? Clean, familiar UI elements that users already trust.
In this tutorial, we’ll show you how to add iOS-style product add-on toggles to your Shopify store. This modern, switch-style layout mimics the settings menu on an iPhone, making it incredibly intuitive for customers to add extras like "Priority Processing," "Warranty," or "Gift Packaging" with a single tap. Best of all, we'll be doing this on the Horizon theme using the Section Store app—no coding required.
Step-by-Step Implementation
Follow these steps to integrate this sleek upsell section into your store:
- Get the App: Start by ensuring you have the Section Store app installed from the Shopify App Store.
- Select the Section: Open the app and browse the conversion blocks library. Search for "Product Addons". This section is designed to look exactly like iOS system toggles.
- Add to Horizon Theme: Click "Add to Theme" and select your live Horizon theme. This will automatically inject the section into your theme's library without altering your existing code.
-
Customize in Editor: Open your Shopify Theme Editor (Online Store > Customize). Navigate to your Product Page.
- Click "Add Block" and select the "Product Addons" block you just added.
- Drag it to your desired location, ideally just above or below the "Add to Cart" button.
-
Configure Your Upsells: Click on the block to edit the details:
- Link Products: Connect specific products (like a warranty product or gift wrap variant) to the toggles.
- Edit Labels: Change the text to "Priority Shipping," "Extended Warranty," etc.
- Styling: Adjust the toggle colors to match your brand palette while keeping that clean iOS feel.
- Save and Publish: Once everything looks perfect on both mobile and desktop, hit Save. You now have a high-converting, native-feeling upsell section on your product page!
Ready to Polish Your Horizon Theme?
Don't leave money on the table. Test these sleek iOS Style Product Add-ons on your live store today completely risk-free.
Start Your 14-Day Free Trial →Includes access to all premium Conversion Blocks.
