-
Posts
48 -
Joined
-
Last visited
Reputation Activity
-
RobPegurri got a reaction from sorca_marian in Upsell or Cross selling
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
-
RobPegurri got a reaction from mcgharios in Adding a 'Cash on Delivery' Option
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
-
RobPegurri got a reaction from Tiny_Coast in How are you preparing your website for the holiday season?
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
-
RobPegurri got a reaction from mazmac in Squarespace is NOT fit for purpose as an e-commerce solution
Hey @SergioC, your website is so cool! So clean and elegant. Complimenti!
-
RobPegurri got a reaction from hasher22 in Adding a 'Cash on Delivery' Option
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
-
RobPegurri got a reaction from hasher22 in Delivery confined to postcode or area
This is ridiculous! We pay the full amount every year but essential features (such as this one) are limited to US and Canada. Why?? Just give the possibility to manually insert the ZIP codes if you don't have a database available. Simple and fast.
-
RobPegurri got a reaction from hasher22 in Promo Code for Gift with Purcahse
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...
-
RobPegurri got a reaction from paul2009 in Promo Code for Gift with Purcahse
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...
-
RobPegurri reacted to paul2009 in How to add special icons to products?
That's because the code snippet is looking for 'tag classes' (such as tag-preorder) that appear on product pages. Squarespace don't include these on Summary Blocks 😕 so the code won't identify them. Instead, Summary Blocks include anchor links (for example <a href="/?tag=preorder"</a>) so it should be possible to write some code to look for these instead.
-
RobPegurri reacted to tuanphan in How to add special icons to products?
@RobPegurri Do you still need help?
-
RobPegurri got a reaction from Spark_Plugin in Terms and conditions code not working anymore
Amazing! 😍 Thank you so much
-
RobPegurri reacted to Spark_Plugin in Terms and conditions code not working anymore
@RobPegurri Sure, use this updated code:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('#sqs-cart-container .checkout').after('<div class="tuan"> By continuing to checkout, you have<br/>read and agreed to our <strong><a style="color: #7a6e65;" href="https://frillup.ch/terms-and-conditions" target="_blank" rel="noopener">Terms and Conditions</a></strong></div>'); }); </script> <style> .tuan { display: block; height: auto; text-align: left; color: #FFFFFF; background-color: transparent; font-size: 1.1rem; line-height: 1.5em; margin-top: -82px; margin-bottom: 300px; } </style>
-
RobPegurri reacted to Spark_Plugin in Terms and conditions code not working anymore
@Aashini oh my bad, forgot to add something. Try this:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('#sqs-cart-container').after('<div class="tuan"> By continuing to checkout, you have<br/>read and agreed to our <strong><a style="color: #7a6e65;" href="https://frillup.ch/terms-and-conditions" target="_blank" rel="noopener">Terms and Conditions</a></strong></div>'); }); </script> <style> .tuan { display: block; height: auto; text-align: left; color: #FFFFFF; background-color: transparent; font-size: 1.1rem; line-height: 1.5em; margin-top: -82px; margin-bottom: 300px; } </style>
-
RobPegurri got a reaction from Beth_King in Delivery confined to postcode or area
This is ridiculous! We pay the full amount every year but essential features (such as this one) are limited to US and Canada. Why?? Just give the possibility to manually insert the ZIP codes if you don't have a database available. Simple and fast.
-
RobPegurri reacted to CaitlinS in Concerns About Removing Commerce App
Over the past 18 months we have been able to save our small business by having a beautiful online store with Squarespace. We had people buy gift cards through their and we now have people order from all over the country. It's been a lifesaver - and while we use a different POS for in-store purchases with the Commerce app we have been able to quickly update any in-store purchases and get easy notifications for any purchases coming in from the website so we can pull inventory before it sells in-store. We have also been able to redeem the online gift cards through the app, which has allowed us to "use them" in-store. It's been really good.
However, now with the Commerce app being removed, we can no longer use the online gift cards in store and we cannot get notifications to our phones and iPad when orders come in. We can only see them in email. In addition, I have an Android phone which won't even allow we to do sales with the app in-person and even though I just downloaded the new app I cannot even update inventory through it, as it crashes immediately if I try to do anything with the inventory.
Heading into the holiday season, with COVID back on the rise, I am really concerned that taking away the Commerce app is going to negatively impact our already small business. Why is such a change being made when the new app clearly doesn't have the features that the current one has? Why are you taking away options for businesses at this time? In talking to a rep they told me I should have a computer ready in case someone wants to use an online gift card in store and they should have to put their entire order in that way instead of me being able to redeem it how I have been. How does this seem like a reasonable workaround for this - when there already was a system that worked?
If anyone knows someone who has figured out a workaround please let me know. We need to find a way to make this work and I'm really frustrated that Squarespace has been non-responsive.
-
RobPegurri got a reaction from Beyondspace in Upsell or Cross selling
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
-
RobPegurri got a reaction from JustinSeimits in Upsell or Cross selling
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
-
RobPegurri got a reaction from Amer in How can I take orders without taking payment?
If the cart amount is zero, there is no need to insert credit card. I use this workaround for Cash On Delivery (about that, will Squarespace wake up and implement that?).
I've created a custom cash on delivery 100% discount code, if you are selling a service (no shipping costs) you will be able to have an order created without payment
-
RobPegurri got a reaction from janehinchliffe in How are you preparing your website for the holiday season?
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
-
RobPegurri got a reaction from Susana_SQSP in How are you preparing your website for the holiday season?
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
-
RobPegurri got a reaction from Jo_SQSP in How are you preparing your website for the holiday season?
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
-
RobPegurri got a reaction from PrairieSchoolCoffee in Can I add orders manually
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).
-
RobPegurri got a reaction from Bloomy in Upsell or Cross selling
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
-
RobPegurri reacted to sstinus in Upsell or Cross selling
Hi, Rob, I saw your upselling process. It will be really good for me and I would like to integrate it, if possible to have the code for this site https://www.thierrybamas.fr/ please.
Thanks a lot 🙂
Seb
-
RobPegurri got a reaction from paul2009 in Switching to Shopify Buy Button
That is actually really nice! Your extension, I mean... I'll consider it 🤔