Jump to content

RobPegurri

Member
 View Profile  See their activity

  • Posts

    48

  • Joined

  • Last visited

 Content Type 

Posts posted by RobPegurri

    Shopping Cart Bugging Out

    in Commerce

    Posted

    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 

    Promo Code for Gift with Purcahse

    in Commerce

    Posted

    On 12/11/2021 at 12:23 PM, paul2009 said:

    You can set a discount code for a discount off the order or for free shipping but Squarespace doesn't have a 'free gift' feature.

    The only workaround I can think of is to set the smallest discount available (0.01) so that a discount code can be used. You can then add an appropriate description to the code so that customers can see they have entered the correct code, for example "Free Gift with this order". If you do this, you'll need to manage your inventory of gifts manually. 

    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...

    How to add special icons to products?

    in Commerce

    Posted

    On 12/14/2021 at 1:19 PM, tuanphan said:

    @RobPegurri Do you still need help?

    I'd appreciate it a lot, yes. I tried but I can't find a solution myself

     

    On 12/15/2021 at 2:40 PM, paul2009 said:

    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.

    Ah I see, I chose to make my shop with summary blocks because they're way more flexible

    How to add special icons to products?

    in Commerce

    Posted · Edited by RobPegurri

    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 

    Terms and conditions code not working anymore

    in Customize with code

    Posted

    On 11/10/2021 at 3:09 PM, Spark_plugin said:

    @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>

     

    Amazing! 😍 Thank you so much

    Can I place a customer order on the backend?

    in Commerce

    Posted

    On 10/30/2021 at 3:42 PM, lmmclinton said:

    I have struggled understanding if there's any way I can place an order for a customer, charge their card on file (via Stripe), and then fulfill the order. I was doing subscriptions and then canceled them, so would ideally like to just create an order for our newest product, charge them via the saved card, etc. 

    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) 

    Upsell or Cross selling

    in Commerce

    Posted · Edited by RobPegurri

    On 1/14/2021 at 6:04 AM, reedskocz said:

    @RobPegurri Have you had a chance to edit the code to work with Brine Template? No pressure, just wondering!

    Thanks

     

    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

    Free gift & inventory

    in Commerce

    Posted

    On 3/29/2021 at 7:54 PM, renatabea said:

    Hi, I am also hoping to set up a "free gift" with purchase and am wondering if anyone came up with a workaround. Thanks!

    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

    Passing Order ID Information to a Thank-You Page

    in Customize with code

    Posted

    On 11/11/2020 at 8:54 PM, Eatology said:

    Site URL: https://www.eatology.co

    Howdy SquareSpace Forums,

    We are Eatology, a small pre-made meal delivery service, that is starting a new affiliate program using ShareASale (a third party affiliate managing program). ShareASale operates via code injection into the header and order confirmation pages in order to track the order ID and other order information to determine if any of our affiliates were associated with that sale, and receives this order information when an order is placed. However, our website has a static "thank you" page (that you can access here: www.eatology.co/thank-you ), and no order ID or order information is sent to it, and thus no information sent to ShareASale.

    My question to you all is if there is a way to pass the order ID and order info to that static thank you page to allow ShareASale to access that information, or if there is another solution available that's well known.

    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

    How are you preparing your website for the holiday season?

    in Commerce

    Posted

    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

    Upsell or Cross selling

    in Commerce

    Posted · Edited by RobPegurri

    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

    Can I add orders manually

    in Commerce

    Posted

    On 11/5/2019 at 3:44 PM, flatlander said:

    My solution to adding non-web orders to Squarespace is to create a 100% discount code. Then create the order myself on the website, checking out using code.

    Hope that helps someone.

    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).

    Switching to Shopify Buy Button

    in Commerce

    Posted

    11 hours ago, paul2009 said:

    If it helps, I wrote a guide that explains how to use Shopify Buy Buttons on Squarespace. We've done this many times! We also sell a low cost extension that makes it easy to position the Shopify Buy Button and to hide the Squarespace cart features. You'll find details in the guide.

    If you have 300 products I don’t recommend this approach as you will need to manually add 300 buy buttons to Squarespace. It would be easier to manage all your e-commerce on the Shopify platform. 

    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.

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources