RobPegurri

I have a similar issue too, sometimes cart says it has 1 product in it while it's completely empty. Sometimes it shows a +1 in number. I tried disabling every custom code for the cart but I noticed it is a Squarespace issue

That's exactly what I did. I am running a discount that includes a free product when purchasing a specific product. To do so, I've created a 0,01€ discount for the product. That creates quite a big problem with inventory but at least it works. Of course Squarespace should completely re-build their discount code options. Writing to their customer service of course does not help...

I'd appreciate it a lot, yes. I tried but I can't find a solution myself Ah I see, I chose to make my shop with summary blocks because they're way more flexible

Hey @paul2009 your code works fine but my website (shop is here: www.fioridicipria.com/it/shop-now) is made by a series of summary blocks. Any chance to make it work for summary blocks too? If it doesn't require too much work, of course PS: If you don't know, labels are not displayed if the tag contains underscores

Amazing! 😍 Thank you so much

Hi there, anyone knows how to avoid this text to show up if the cart is empty? Because it looks like this:

You may want to set this up using Squarespace Commerce APIs but this will require lot of coding from a professional developer. I suggest you to simply leave Squarespace behind and try out some better commerce platforms (such as Shopify, just to say)

I'm concerned too. I hope they are planning to add new Commerce features, not only in the app but also to the website. In-store pickup option is a step forward, just hoping they'll go on

You could set the book weight to, just saying, 100KG and then create a weight-based shipping rate that is free if the weight is over 100KG

Anyway, Squarespace is asking us an opinion about their payment methods. I suggest you all add this request in there, maybe after years of "we will suggest our team" they will actually listen

Hey all, actually I am using Brine plugin so this should work fine... I think? But please, feel free to send here your website link and I'll have a look

It's sort of a pain in the a**, but I've created an automatic discount of 1 cent for orders above 100€ (just to say) and I named it something like: "🎁 You'll get a FREE PRODUCT with this order". It sucks because I have to manage my inventory manually but at least it works. Anyway it's a shame, Squarespace Support keeps "reporting feature requests" to Developers but I haven't seen anything (serious) new in eCommerce feature... I've been using Squarespace since 2016. Like Cash on Delivery... unbelievable

By the way, may I ask why didn't you opted for a service like Peach's? It's built for Squarespace only and it could be cheaper too

I suppose you've injected some code in the original order confirmation code. I think you could achieve your need inserting the snippet for ShareASale before the redirect script. In this page you can send order ID and even email address. I don't know, it's the first thing that came up my mind

We've implemented a free gift wrapping option in the checkout with the possibility to write a custom message. We did it because many people won't have the possibility to give presents in person this year (in Italy at least). We said our gift options were free for the occasion, but to tell the truth it is the only way to do that as in Squarespace it's impossible to implement paid add-ons in the checkout. We changed our "Sale" label to "Black Friday" for the black friday sale week and we colored it black. That's mainly it, all with some Mailchimp newsletters

Sorry @sstinus, I'm a little swamped right now (damn covid). As soon as I have some free time, I'll have a look to your website. Sorry

I don't know, I suppose you can with some corrections

Hey @SergioC, your website is so cool! So clean and elegant. Complimenti!

I use Squarespace 7.0 with Brine template, I suppose you may have to change it a little bit in order to get it working on your site (don't know) So, this is the code snippet you have to put at the end of the product page (as a code block) in the rich content description <!-- Everything here is the upselling popup code, must be at the bottom of the product page! --> <!-- Product 1 > Product to Upsell --> <div style="display:none;"> <div id="upsell"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <upsell-details style="color: green; line-height: 4em;"><i class="fa fa-check-circle-o" style="font-size:17px; color: green"></i> <b>Added to cart</b></upsell-details> <br> <upsell-title>Fancy upsell title<br><upsell-title> <upsell-details style="line-height: 0em !important;">Your fancy upsell description... super nice I suppose!</upsell-details> <div class="sqs-block button-block sqs-block-button"> <a href="/path_to_upsell_product" class="sqs-block-button-element--medium sqs-block-button-element" style="font-size: 15px">Fancy Button Text</a> </div> <a href="/cart"><p style="font-size: 13px; color: grey; font-weight: 500;">OR GO TO CART TEXT</p></a> </div> </div> <script> const redirectToUpsellPageHandler = (wrapper) => { const addToCartButton = wrapper.querySelector('.sqs-add-to-cart-button'); const productVariants = wrapper.querySelector('.product-variants'); const isVariantInStock = () => { return productVariants.getAttribute('data-variant-in-stock'); }; const onClick = () => { if ((productVariants && isVariantInStock()) || !productVariants) { setTimeout(() => { $.getScript('https://cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js', function() {$.featherlight($('#upsell'), {});}); console.log('Cheers from the popup'); }, 2200); } }; addToCartButton.addEventListener('click', onClick); }; const redirectToUpsellPage = () => { const productPage = document.querySelector( '.collection-type-products.view-item' ); redirectToUpsellPageHandler(productPage); const blocks = document.querySelectorAll('.sqs-block-product'); blocks.forEach((block) => redirectToUpsellPageHandler(block)); }; document.addEventListener('DOMContentLoaded', redirectToUpsellPage); window.addEventListener('mercury:load', redirectToUpsellPage); </script> And this is the CSS code, you have to insert it in Your Shop Page > Advanced > Header code injection. Customize as you prefer to match your website style <!-- Popup CSS (Upsell)---> <style> /* Mobile appearence settings */ @media only screen and (max-width: 640px) { .featherlight .featherlight-content { margin: 10px !important; border: 2px solid #872533 !important; padding: 0px 15px 17px 15px !important; max-width: 90% !important; } upsell-title { font-size: 21px !important; } upsell-details { font-size: 14px !important; } } /* Tablet and PC appearence settings */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { max-width: 60%; margin: 10px !important; border: 2px solid #872533 !important; } } /* Over 1024px */ @media only screen and (min-width: 1025px) { .featherlight .featherlight-content { max-width: 50% !important; } } /* Other */ .featherlight .featherlight-content { max-height: 98%; padding: 15px 50px 17px 50px; border-bottom: 10px solid transparent; margin: 20px; border: 3px solid #872533; text-align: center; border-radius: 5px; } .featherlight .featherlight-close-icon { line-height: 40px; width: 40px; background: transparent; color: #872533; font-size: 20px; } .featherlight:last-of-type { background: #777777d6; } upsell-title { font-family: proxima-nova; font-size: 36px; font-weight: 700; font-style: normal; text-transform: none; letter-spacing: 0em; line-height: 1.1em; color: #882534; } upsell-details { font-family: proxima-nova; font-weight: 300; font-style: normal; font-size: 17px; line-height: 0em; text-transform: none; letter-spacing: 0em; color: #333; } </style> Tell me if I forgot anything

Sure, just let me organize the code for you 😉

I don't know how to help you with the counter, but you should definitely compress your images. Try out some free websites such as https://compressjpeg.com In my experience, slow-loading photos in e-commerce decrease conversions a lot!

I add a little piece to this workaround, I use this for cash on delivery or bank transfer orders. If you have an accounting service, 0$ orders could be a problem. For that, I've created some custom SKUs named, for example, "Cash on Delivery Payment" and on my accounting software (mine is a Google Sheet) I've added a rule in order to get the real price from -(discount amount).

Hey @Sapin, my website is multilingual, check it out. If you are looking for a multilingual checkout, I'm afraid it is not possible on Squarespace. I mean, it is if you build another site and if you pay the monthly amount twice. There is an alternative though, it is called Weglot. I've never tried it btw.

That is actually really nice! Your extension, I mean... I'll consider it 🤔

I've created myself a cross sell feature on my Squarespace website, check it out. Try add to cart this product: https://www.fioridicipria.com/it/shop-now/prodotti/crema-viso-ialuronico-tripla-azione If you like it, I can send the code here so that anybody could implement it