How to Create Custom Pricing with Add-Ons in Shopify

How to Create Custom Pricing with Add-Ons in Shopify

You've got amazing products, and your customers are clamoring for ways to make them even more personalized. Custom pricing and add-ons can be game-changers, but setting them up? That's a puzzle many store owners wrestle with. But hey, we've got you covered with two solutions: the conventional manual coding method and the super-smooth Shopify app.


Solution 1: Roll Up Those Sleeves and Do It Manually


Outline
The manual method is for those who are confident with coding and enjoy customization at the root level. It gives you complete control but requires a good understanding of HTML, CSS, and JavaScript.

Step-by-Step Instructions

 

  • Access Your Store's Code: Log into your Shopify admin panel, navigate to 'Online Store,' and then 'Themes.' Click on 'Edit code' to find the place for your custom options.
  • Find the Right Place: Locate the product template or the part of the code where you'll add the custom options. Look for the HTML tags related to the product pricing or options.
  • Code It Up: Here's where you unleash your coding skills. Add the necessary HTML, CSS, and JavaScript to create the custom options. For instance, if you're adding color options, you'll need to insert the color values, images, and pricing details.
  • Test Everything: Open your store and test the product with the newly added options. Make sure everything's working as expected, and don't hesitate to tweak it to perfection.
  • Celebrate: You did it! Grab a coffee or your favorite treat and celebrate this big win. You've just added custom options manually, and that's awesome!

 

Solution 2: The Easy Way with the Shopify App

Shopify app - Live Product Options
Outline


If coding sounds like a foreign language, the Shopify app is here to rescue you. It's user-friendly reliable, and helps you create custom pricing and add-ons effortlessly. Let's break down the steps:

Download the App and Complete the Onboarding Process: Simply click here to download the app and follow the onboarding instructions. It's as easy as setting up a social media profile.

Select Your Product: Navigate to the 'New Product' option with the Plus sign. Here, you can select a single product or multiple products depending on your needs. Once chosen, click on 'Select Product' with the search icon.

Add Product Options: Now, you'll see an option to add product options. Click on 'Add Options' with the Plus sign. Whether you want to add image swatches, color swatches, or buttons, it's just a few clicks away.

Add Value: You can either upload an image and type the price for it or directly select a product. Both methods will allow you to add as many products as you want. You have complete flexibility here.

Advanced Settings: Go into the 'Advanced Settings' option and click on 'Swatch Multi-select' if you want customers to select multiple add-ons. You can also click on 'Swatch Towel' to allow customers to choose the add-ons they want. Many advanced settings are available, so play around and find what works for you.

Design It: You can design the widget or variant option in the CSS tab. It's an excellent way to match the add-ons with your store's look and feel.

Get Support if Needed: If you have any questions, check out the FAQ or directly ask for support. The app's team is always there to assist you.


Conclusion


So there you have it: two great ways to add custom pricing and add-ons to your Shopify store. The manual method offers complete control and the satisfaction of a job well done. But if coding's not your thing, our Shopify app is an easier, faster, and utterly reliable solution. It makes customizing products as simple as clicking a few buttons.

Why tangle with code when you can just click and create? Try our app now and enjoy the simplicity and power of effortless customization.

About Live Product Options

Use Live Product Options to create a custom personalized shopping experience with unlimited product options and a live preview of the product.

Super easy installation

No theme modifications are required.

The App does not add any liquid to your theme and can be installed and uninstalled without the risk of messing up your theme code.

Personalize products

Personalize your products with custom text inputs and image file uploads. Show a live updating preview of the product image with the customers inputs.

Perfect for print on demand products like canvas, posters, picture framing, monogram or text engraving.

Unlimited Product Options

Extend the 100 variant limit by adding unlimited custom product options:

  • text (single / multi line)
  • select dropdown
  • radio / checkbox
  • swatches (button / images / colors)
  • color picker
  • file upload (with Ajax support)
  • HTML

Conditional Logic

Show product options with conditional logic based what the customer has selected.

Live preview

Show a live preview of the product options that updates in real time when the customer changes an option.

Live preview can consist of multiple layers to build a preview image:

  • overlay (image with transparent parts)
  • mask (crop preview with a provided mask or shape e.g. circle)
  • text
  • upload

In-App Editor

Create custom product configurations with the simple to use visual editor inside the app. Configure specific areas for customers to add text or image uploads.

Order Archive & Export

The app archives each order with all the products and their custom options. Export a ZIP file with all the file uploads and CSV containing the options and custom text inputs.

View in Shopify App store
Back to blog