How to customize product form that responds with price change?

Site URL: http://salmonsamurai.com

I've launched my food delivery site, and the concept is salmon poké bowls, which allows customers to modify their bowls according to their preference. The more items they add, the pricier it gets. Currently I can only add 2 options of toppings, when at the restaurant they're allowed to add extra protein, extra base, extra toppings etc. Is there a way of customizing a form instead that will change the price accordingly before they add to cart? 

On 4/20/2020 at 9:09 AM, SushiMonster said:

Currently I can only add 2 options of toppings

It may look as though you can only add two topping options, but this is because the size of the 'Edit Product' window is very small, it isn't very obvious that there are further columns on the right where you can add further variants.

If you scroll to the right, you should see the plus (+) sign and be able to add further toppings. Here's how it should work for you:

You should then see this:

On 4/20/2020 at 9:09 AM, SushiMonster said:

Is there a way of customizing a form instead that will change the price accordingly before they add to cart? 

Yes. Right now, when a customer views a product, none of the variant options will be pre-selected, forcing the customer to select a valid option. With some code, we could change this so that the first 'no topping' option is initially selected. If customers don't change them, they will be able to add the basic item to their cart. If they choose another option, they will see the price change, like this:

Let me know if you'd like help to do this.

-Paul

Hi Paul!
Thanks for helping. I did add more options but that will unfortunately create way too many variants that the system can't handle. My team and I are still thinking of ways we can still allow our customers to fully customize their orders to provide the somewhat full experience that they would get in store. 

Sure, I would love your help with the coding. Thank you! 

On 4/20/2020 at 5:48 PM, paul2009 said:

Yes. Right now, when a customer views a product, none of the variant options will be pre-selected, forcing the customer to select a valid option. With some code, we could change this so that the first 'no topping' option is initially selected. If customers don't change them, they will be able to add the basic item to their cart. If they choose another option, they will see the price change, like this:

 

 

Let me know if you'd like help to do this.

-Paul

Hi Paul, 

I need to do exactly this for my website. Is there any code I can inject to achieve this? I need 2 drop-down menus for my products. 

Thanks,

Lucy

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

Just as an addition to @paul2009's  response -- the Item Product page can be expanded using Squarewebsites Admin Ui Tweak.  I'm happy he added that because this was a big problem for me.  Just click the upper right and expand the popup window (you see it in the screenshot above).

On 4/26/2020 at 7:45 PM, paul2009 said:

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

Hello Paul, 

is there a chance you could share the code with me? I am looking for a way to be able to pre-select the standard / basic variant.

thx!

Hi@paul2009can you share the code with me as well? Because my store has so many options, I want to use a form to change the product price. I understand code so if you have a solution, may I also use it?

On 4/27/2020 at 3:45 AM, paul2009 said:

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

Hi Paul, 

I need to do exactly this for my website. Is there any code I can inject to achieve this? 

Many Thanks
Bef

On 4/27/2020 at 3:45 AM, paul2009 said:

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

Hi Paul,

I need this apply this for my website too. Would you be able to send me the code to achieve this? Thank you!

Shezlie

18 minutes ago, Shezlie said:

I need this apply this for my website too.

Hi Shezlie

This is available as the Variant Pricing extension here:

Let me know if you have any questions.

-Paul

I’m also in need of this piece of code. I currently have three “add-on” options, but will the code allow me to add or take away options without much fuss?

The code doesn't affect product editing. I'll DM you.

Hi Paul, I am also looking for this solution, would you mind sharing please?

Thanks

35 minutes ago, SStrength said:

I am also looking for this solution

See the post above.

Hi Paul, 

I have the same issue - URL holleywoodworking.ca - we have customizable charcuterie boards. I want to add 8 engraving options to each standard design we make (we have 6 standard designs) which will be an overwhelming amount of variants. I hoped to create a form that could be applied to all products and once selected will change the base price. Can you help?

 

3 hours ago, mcholley09 said:

I have the same issue. I want to add 8 engraving options to each standard design we make.

Can you provide a few more details and perhaps a link to the product as I'm not sure I understand the issue in your case? If there are only 8 engraving options, can you not have an 'engraving' variant? 

Hi Paul - I also need the code I think (on my form I have a checkbox for 2 options of tools to add on to craft kits I sell, one being £5.00 the other £12.00 which I need to change the overall price if selected etc...

Would you mind helping please? I'm clueless! x

17 minutes ago, ChristyDavies said:

Would you mind helping please?

The code is sold as an extension - see the earlier post in this thread. 

If you have questions about suitability, please DM me with a working link to the site.

On 4/20/2020 at 5:48 AM, paul2009 said:

It may look as though you can only add two topping options, but this is because the size of the 'Edit Product' window is very small, it isn't very obvious that there are further columns on the right where you can add further variants.

If you scroll to the right, you should see the plus (+) sign and be able to add further toppings. Here's how it should work for you:

You should then see this:

 

Yes. Right now, when a customer views a product, none of the variant options will be pre-selected, forcing the customer to select a valid option. With some code, we could change this so that the first 'no topping' option is initially selected. If customers don't change them, they will be able to add the basic item to their cart. If they choose another option, they will see the price change, like this:

 

Let me know if you'd like help to do this.

-Paul

Hi Paul! Could you send me more information on how to do this?

Thank you!

-Mallory

5 hours ago, mallorycdavis1 said:

Could you send me more information on how to do this?

Which part are you struggling with?

On 3/31/2021 at 1:52 AM, paul2009 said:

Which part are you struggling with?

I cannot find where I can add an option that also adds to the pricing.

14 hours ago, mallorycdavis1 said:

I cannot find where I can add an option that also adds to the pricing.

See this guide:

https://support.squarespace.com/hc/en-us/articles/206540897-Adding-complex-product-variants#toc-set-different-images--pricing--and-stock-for-variants-

On 4/26/2020 at 6:45 PM, paul2009 said:

Hi Lucy

This is possible with complex variants and some code. I sent you a direct message. 

Hi Paul, I am having a similar issue and was wondering if you could help? On our product pages ( eg https://www.azuspirits.co.uk/whisky-boxes/p/several-styles-of-scotch ) we would love if people could have the option to select the six spirits they want in the tasting from those included in our collection. To include the more expensive whiskies we would have to have varying prices, and each of the six options would need a range of spirits people could select from. Let me know if this is possible and whether there is a code injection I can do or whether you can help 🙂

47 minutes ago, EllieMaya said:

we would love if people could have the option to select the six spirits they want in the tasting from

This isn't possible on Squarespace as the number of variants will exceed the Squarespace limit. Code cannot increase this.