Increase the Cost of your option

To add a cost to an option, use Native Bundling. It’s shown as the price tag icon inside your option set.

What is Native Bundling?

Native Bundling lets you charge for an option by connecting it to a Shopify product with a price. Shopify can only increase an order total when a product with a price is involved, so linking the option to that product tells Shopify how much to add when the option is chosen. Because this uses a Shopify product, you can track inventory for the add-on if you want, but the product does not need to be shown on your storefront.

Watch: How Native Bundling Works

Step 1: Use or create your "add-on" Product in Shopify

Native Bundling needs one Shopify product to store the price you want to add. You can use an existing add-on product or create a new one.

This product must be active, but it does not need to be assigned to the Online Store channel. Customers won’t see it. Its only job is to let Shopify apply the added cost.

Step 2: Add the Cost

Click the price tag icon next to the option value. Select the add-on product or variant you created in Step 1 and click Add.

Enter the amount you want to charge in the price field.

Lastly, click the Save Changes button at the top right. 🎉

Shopify Discounts

Native Bundling works by adding real Shopify products to the cart when an option is selected. Because of this, Shopify discounts treat bundled add-ons the same way they treat any other product. If a bundled item meets the discount rules, the discount will apply to it as well, not just to the main product.

How do I display the add-on price changes on the product page?

Your theme won’t update the price by itself when an option adds a cost. To show the correct price right away, you’ll add the Dynamic Bundle Price block in the theme editor.

1. Go to Online Store > Themes in Shopify.

2. Click Customize.

3. In the top menu, choose Products, then open your product template.

4. In the left sidebar, hide or remove the Price theme block.

5. Hover below the Price section and click Add Block.

6. The result should look like this.

7. Click into the Dynamic Bundle Price block and adjust the styling settings.

8. Hit the Save button at the top right of the theme editor to save your changes.