Jump to content

RobPegurri

Member
  • Posts

    48
  • Joined

  • Last visited

Reputation Activity

  1. Like
    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
  2. Like
    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
  3. Like
    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
  4. Like
    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!
  5. Like
    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
  6. Like
    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. 
  7. Like
    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...
  8. Like
    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...
  9. Like
    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.
  10. Love
    RobPegurri reacted to tuanphan in How to add special icons to products?   
    @RobPegurri Do you still need help?
  11. Like
    RobPegurri got a reaction from Spark_Plugin in Terms and conditions code not working anymore   
    Amazing! 😍 Thank you so much
  12. Love
    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>  
  13. Like
    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>  
  14. Like
    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. 
  15. Like
    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. 
  16. Like
    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
  17. Like
    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
  18. Like
    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  
  19. Like
    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
  20. Like
    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
  21. Like
    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
  22. Like
    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).
  23. Like
    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
  24. Like
    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 
  25. Like
    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 🤔 
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.