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

Question

Site URL: https://www.jupiter10.com

Hi guys,

I’m a looking for help on how to change the way the pricing is displayed on the Clay template from Squarespace. I’ve looked everywhere and cannot find a solution.

I sell wallpapers and all my products have 2 variants, the client can either choose to buy a roll (£145) or a sample (£2).

When I add the 2 product variants the pricing is displayed as IMAGE 1 = from £2 ( the sample price)

However, I find it misleading and I would like the pricing to be displayed as IMAGE 2 = Roll £145 / Sample £2 -  this way I think it’s much clearer to customers the actual price of the product.

At the moment I can get away with hiding the price attribute from the page and inserting it as plain text, but I don’t think it’s good practice.

Is there any code or plugin I could use that would force Squarespace to display both prices from the product variants?

Any help will be appreciated,

Thank you very much.

Screenshot_20200222-163620.jpg

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0
18 hours ago, Esquirebr said:

Is there any code or plugin I could use that would force Squarespace to display both prices from the product variants?

Yes, JavaScript could be written to amend the price description for variant products. Before you pursue this change, it's worth considering if there are better ways to achieve your objective. 

Variants work really well when you have two sizes of a product, for example a perfume available in 100ml and 200ml sizes. The "from £20" label makes sense to customers in these circumstances, because they can choose to buy the smaller £20 bottle or the larger £30 bottle. Whichever one they choose, they are buying a bottle of perfume.

When you use variants to choose between a high value product and a sample, you face two issues:

  1. The "from £2" label seems misleading, as you suggested. The product description may be the same, but the sample will never be a substitute for the actual product.
  2. You want to make it as easy as possible for customers to go from interest to purchase, but there's now an additional step for every potential customer to complete, just to confirm that they want to buy the product, and not a sample. This additional friction is likely to irritate potential customers and could hurt your conversion rate, because clicking "Add to Cart" will result in an error if they don't select "Roll" first:

wallpaper-error-variant-not-selected.png.d0316b0412bfd9acb1dc376c4c381f7e.png

 

If you want to show clear pricing for both products and samples, and you want potential customers to be able to purchase products or samples with the fewest steps possible, then an alternative option is to add the sample as a separate product and then add an active "order sample" link to the full product page. I see that you already do this on your live pages, I really like that. The link isn't active (it doesn't add the sample to the cart right there), but I think it's much clearer than using variants.

You can improve this further by making the button 'active', so it adds the sample right there on the page. This reduces the series of steps a visitor takes to reach the checkout (the "purchase workflow"). Here's an example on a Squarespace 7.0 site:

 

 

spacer.png


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Expert and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0

Hi @paul2009

Thank you very much for your attention and feedback, I think your suggestion is a straight forward solution to my problem. How can we follow from here? How much would you charge to write the code?  

 

Share this post


Link to post
  • 0

I've sent you a direct message to follow up 😀


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Expert and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0
2 hours ago, paul2009 said:

I've sent you a direct message to follow up 😀

Hi @paul2009

I was searching on the forum and found this thread 

 

When I inject the code below on the header, the second button is displayed, but because each wallpaper has its respective different sample  I need the href to be different for each product, and if add the code on 'additional info' it doesn't work,  how can I inject individually on each product?

Any help would be much appreciated. 
 
Thank you 
 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
   <script>
   $(function() {
     $("<a class='checkoutbutton' href='/commerce/show-cart'>ORDER SAMPLE</a>").insertAfter(".sqs-add-to-cart-button");        
   });
</script>

 

Share this post


Link to post
  • 0
On 2/24/2020 at 3:14 AM, paul2009 said:

I've sent you a direct message to follow up 😀

 

On 2/23/2020 at 8:55 AM, paul2009 said:

Yes, JavaScript could be written to amend the price description for variant products. Before you pursue this change, it's worth considering if there are better ways to achieve your objective. 

Variants work really well when you have two sizes of a product, for example a perfume available in 100ml and 200ml sizes. The "from £20" label makes sense to customers in these circumstances, because they can choose to buy the smaller £20 bottle or the larger £30 bottle. Whichever one they choose, they are buying a bottle of perfume.

When you use variants to choose between a high value product and a sample, you face two issues:

  1. The "from £2" label seems misleading, as you suggested. The product description may be the same, but the sample will never be a substitute for the actual product.
  2. You want to make it as easy as possible for customers to go from interest to purchase, but there's now an additional step for every potential customer to complete, just to confirm that they want to buy the product, and not a sample. This additional friction is likely to irritate potential customers and could hurt your conversion rate, because clicking "Add to Cart" will result in an error if they don't select "Roll" first:

wallpaper-error-variant-not-selected.png.d0316b0412bfd9acb1dc376c4c381f7e.png

 

If you want to show clear pricing for both products and samples, and you want potential customers to be able to purchase products or samples with the fewest steps possible, then an alternative option is to add the sample as a separate product and then add an active "order sample" link to the full product page. I see that you already do this on your live pages, I really like that. The link isn't active (it doesn't add the sample to the cart right there), but I think it's much clearer than using variants.

You can improve this further by making the button 'active', so it adds the sample right there on the page. This reduces the series of steps a visitor takes to reach the checkout (the "purchase workflow"). Here's an example on a Squarespace 7.0 site:

 

 

spacer.png

Hi Paul2009, I have a similar but different situation. I sell tea www.sterlingberry.com I have multiple sizes/types of tea bags of the same product. But on product page it hows only trial size price. Its not the main product, its misleading. Also, when uploading this to Facebook store it takes sample size price.

-It would be great to have either drop down or a display of variants and its prices in the same line.

-How to display main product price in SHOP main page

-How to fix Facebook uploads to show main product price and not sample's

Thank you,

Tatiana

Thank you!

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...