How to Set Up Custom Pricing Based on a Number Input for Dynamic Price Calculations on Shopify

How to Set Up Custom Pricing Based on a Number Input for Dynamic Price Calculations on Shopify

Introduction


You're on Shopify, a versatile e-commerce platform powering numerous online stores. There's an intriguing problem you and many other store owners might face: How can you offer custom pricing based on the length of a name? Maybe you sell personalized items where the pricing depends on how many characters are engraved. Maybe you want to offer a dynamic pricing system that provides a personal touch and stands out. This feature could greatly benefit businesses that revolve around custom products. Think jewelry, engravings, or even custom print shirts. Today, we'll walk you through setting this up using a simple formula.


Solution

Shopify app - Live Product Options


Step 1: INSTALL the App and Complete the Onboarding Process. Dive in. First, grab our recommended app: live product options. It's as intuitive as setting up your favorite social media profile.

Step 2: Select Your Product: Once installed, go to the 'New Product' option marked with a '+' sign. Whether you're offering one product or a range, select what suits your needs, then hit 'Select Product'.

Step 3: Add Product Options: You'll be prompted to add options. Sounds easy? It is! Just click on 'Add Options'.

Step 4: Time to detail those options. You're gunning for number-based pricing, so pick 'number' as your type. This ensures customers can only input numerals. Rename this option to 'Number' and label it similarly. Making it mandatory for customers ensures clarity in order customization. In advanced settings, set a minimum value (e.g., three) and a max (e.g., 50). For a clearer understanding for customers, set a placeholder text, like "length of the name, e.g. David = 5".

Step 5: Add a checkbox option for those wanting their names engraved. Label this option 'Engraving'. Making this field required ensures every customer makes a choice. The initial value? Leave it blank. Just add a value indicating the engraving option.

Step 6: Price calculations. For each character to be engraved, let's assume a charge of $10. How's this added? In the price section or checkbox which is “engraved”, input $10. You'll notice a section with curly brackets. Input the formula: “price * options.value('Number')”. This simple JavaScript snippet will multiply the per-character price with the number of characters.

Step 7: It's basic math! Using the formula, a name like 'David' with 5 characters would total $50.

Step 8: All set? Click on 'Enable' and save your settings.

Step 9: Feeling adventurous? There's a plethora of advanced options to explore and tailor to your needs.

Step 10: Let's talk aesthetics. Design plays a pivotal role in user experience. Customize the design as you see fit. If you're CSS-savvy, add your touch. If not, the default settings work wonders too.

Step 11: Stuck? Fear not! The app's support is always ready to assist. Additionally, comprehensive documentation is available to guide you through.


Conclusion


With Live product options app, customizing your Shopify store is no longer a Herculean task. It’s reliable, efficient, and user-friendly, allowing you to introduce dynamic pricing effortlessly. Why not elevate your product customization game today? Click, install, and enjoy the endless possibilities of tailoring your Shopify offerings to each customer's unique needs.

Remember, in the e-commerce realm, personalization isn't just a trend. It's the future. And with our app, the future is now. Happy selling!

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