Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

How to customize product form that responds with price change?


SushiMonster

Recommended Posts

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? 

Link to comment
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:

edit-product-variant-multiple.thumb.gif.735fb1618ad2f5f9ad3c76d0ecf9e205.gif

You should then see this:

Four-Topping-Variants.png.7f8e25065823fd6a434de58c4b018466.png

 

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:

choose-topping.gif.fee0a7c47eeb40a525d499d4b6a1e0da.gif

 

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

-Paul

Edited by paul2009
Images restored

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment

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! 

Link to comment
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:

 

spacer.png

 

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

Link to comment

Hi Lucy

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

flowers-with-variants.thumb.gif.aac5cea255601f87702a0a8067b65976.gif

Edited by paul2009
screenshare restored

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 2 months later...
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. 

spacer.png

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!

Link to comment
  • 3 weeks later...
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. 

spacer.png

Hi Paul, 

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

Many Thanks
Bef

Link to comment
  • 4 weeks later...
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. 

spacer.png

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

Link to comment
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:

Click to view this product on our website

Let me know if you have any questions.

-Paul

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 2 weeks later...

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

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 2 months later...
35 minutes ago, SStrength said:

I am also looking for this solution

See the post above.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 2 months later...

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?

 image.png.59cf7318eeff3b5ca9699d26cadf121a.png

Link to comment
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? 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 2 months later...

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

Link to comment
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.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
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:

edit-product-variant-multiple.thumb.gif.735fb1618ad2f5f9ad3c76d0ecf9e205.gif

You should then see this:

Four-Topping-Variants.png.7f8e25065823fd6a434de58c4b018466.png

 

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:

choose-topping.gif.fee0a7c47eeb40a525d499d4b6a1e0da.gif

 

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

Link to comment
5 hours ago, mallorycdavis1 said:

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

Which part are you struggling with?

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 5 weeks later...
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-

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 5 months later...
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. 

flowers-with-variants.thumb.gif.aac5cea255601f87702a0a8067b65976.gif

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 🙂

Link to comment
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.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...