Leaderboard

If the item is being purchased using the Squarespace checkout, this variant information will be included in the order confirmation and order fulfilled email notifications that are sent to the merchant and the customer. You cannot change the information that is sent to PayPal. This is simplified and will not include all the product details. If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️

You can config you 'Join WaitList' by adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1634654877217_4151 [value="Join Waitlist"] { font-size: 10px !important; } } Let me know if it works properly on your site Support me by pressing 👍 if this useful for you

Squarespace still uses the old PayPal integration (we're waiting for the newer one!) so whilst Squarespace does support PI4 (PI3 in the UK) this isn't obvious to customers because no "Pay-in-4" messaging appears until a US-based PayPal user logs in to their PayPal account on the checkout page [of a US-based site]. If you enable PayPal you should be able to confirm that this works. If required, custom code could be used to add PI4 messaging to product pages in the same way that AfterPay messaging currently does. If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️

Site URL: https://www.frawleyphotography.com/ Hey there, I'm hoping to get the function of having the full bleed slideshow on my homepage to automatically move to the next slide after 3 seconds. Here is a website with the effect I'm trying to replicate: https://www.photographyanthology.com/ I am willing to pay for if someone can help me accomplish this! @tuanphan Thank you!

Site URL: https://www.earthysoul.com We have Scheduling running on our website and I am wondering how I can track conversions for my Google Ads, does anyone have any experience on how it can be set up? Additionally I'd like to track user behavior for Scheduling interactions, we have the Google Analytics code implemented but I don't think it can track the Scheduling pages. Thanks for any feedback!

Site URL: https://www.phelpsrefinishing.com/ My client's competitors offer PayPal credit options right in the shopping cart -- to spread interest-free payments over 4 months (Pay In 4) or 6 months. Is this possible in Squarespace? If not, is there a viable workaround that preserves the standard shopping cart? Inventory management isn't an issue for my client as he handles it a different way. There are other "split payment" options available besides PayPal. My client just already uses PayPal so that's the first choice if it can work. He does have a button link on his site that leads to the 6-month credit option. Any way at all to add a credible interest-free payment option to a squarespace site?

FYI any pages in the unlinked section of your site also do not appear on the NAV bar.

Thank you for your reply! It's good to know!

Any disabled page does not appear on the Nav Bar.

Perfect! You're my hero - thank you so much!

Site URL: https://forum.squarespace.com/topic/203915-read-more-toggle-for-long-summary-reviews/#comment-493237 Hi guys, After a long time with Squarespace community, I found that there is one issue that many people concern about - Making the Read more and Read less toggle for the long content. Therefore, today I would like to share my solution step by step to implement it on your own. Let 's move to the cool part Step 1: In the text block where you want to hide the content if it is too long, add the word with the setting link "#read-more" for it. step 1.mp4 Step 2: Home > Settings > Advanced > Code Injection, choose the footer to add the codes <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/readmore.js@2.0.4/readmore.min.js"></script> <script> $(document).ready(function() { if (window.self!==window.top) { return; } // Issue 02 $("[href='#read-more']").each(function(i, el) { // First calculate the initial space between the content and the readmore tag const contentEl = $(el).closest(".html-block .sqs-block-content, .summary-excerpt"); if (contentEl.length == 0) { return false; } const elBound = (el.getBoundingClientRect()); const contentBound = (contentEl[0].getBoundingClientRect()); contentEl.readmore({ collapsedHeight: elBound.y - contentBound.y, speed: 500, embedCSS: true, lessLink: '<a href="#" data-action="collapse-rmjs">Read less</a>' }) }); }); </script> <style> /* Tweak readmore js to hide the placeholder link */ [id*=rmjs] { transition: height 200ms; overflow: hidden; } [id*=rmjs] [href='#read-more'] { display: none; } body.sqs-edit-mode [href='#read-more'] { display: inline-block !important; } </style> Notice: You can change the content in lessLink in my previous code to Less, hide,... any word you want to display when show full content step 2.mp4 After applying 2 above steps, here is the result you can achieve result-readmore-readless.mp4 Is it hard for you to follow my steps? Does it work properly on your site? If you have any question about this settings or get stuck implementing it, do not hesitate to share it with me. 'All roads lead to rome'. I hope my 'road' could be simple and helpful for our community Thanks for your attention! Support me by pressing 👍 if this useful for you

Hi everyone! I have added an SVG to my splash page: thelazydogcreates.co It looks fine on desktop and tablet, but the SVG on mobile is too small. I'd like to increase the size on mobile. I'm not very familiar with code, so any help would be much appreciated. This is the code I have in place currently, pulled from Adobe Illustrator: <div style="text-align:center;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="70%" height="70%" viewBox="0 0 670 200" xml:space="preserve" preserveAspectRatio="xMinyMin slice"> <style type="text/css"> .st0{fill:#222222;} </style> <path class="st0" d="M377.48,80.85h6.67l-7.73-8.1l-11.86-3.77l-14.5-16.01l-15.82-11.3l-0.19,6.78l-27.49-3.39l12.27,10.57 l8.26,9.15l-12.81,9.28l0.88,10.16l-28.38,21.29l14.88,10.92h18.83l15.44-6.98l1.32,2.47l-12.81,21.09l2.07,13.23l5.62-7.58 l5.12,19.02l5.84-13.18l39.17-27.87l4.52-16.76L377.48,80.85z M293.69,107.62l-3.1-2.14l3.01-2.26l1.44,0.17l0.69,3.53 L293.69,107.62z M327.96,85.25l-3.18,0.98l-2.44-2.27l0.5-2.18L328.7,82L327.96,85.25z"/> </svg> </div>

just let me add here that the behaviour of squarespace adding existing images that have already been uploaded is not acceptable and should be addressed by squarespace asap. we ran into this on a huge site with multiple galleries and hundreds of images and it is a pain working like this. we are spending hours clicking images into an gallery ONE BY ONE! to bad we cant change the plattform at this point. i would if i could ... there is more when dealing with images: can't delete images images that are not used on any page still don't get deleted automatically after 30 days as stated in the documentation (as a result we have a huge pile of images we don't need anymore getting in our way in the daily work) images in the add-images-dialogue are not sortable i can't see which images are used on which page - or if they are being referenced at all different images can have same names i can't sort images into subfolders ADVISE: if your site is going to be using lots of images squarespace might not be the best choice for your project. i contacted support several times about the above issues but besides being super-friendly they can't help.

You can set your currency to £ GBP by heading over to Payment Settings and selecting your currency from the dropdown. This will change the currency displayed on your scheduling page, and also which currency your payment processor will use. Your account can only accept one form of currency. If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️

Site URL: https://www.takipets.com Hi there, is there a service, app, or plugin that allows me to sync my inventories across 2 or more square space sites? The main company runs takipets.com, and some of its products are sold in their sister company nude seafood.com. Let me know if there's a quick and easy way or do I have to rely on hiring a developer to do that.

Ok, got it, thank You @creedon Just checked the @Salem web example and I can see that he actually did it successfully.. He has from at french and english flows as expected..

Site URL: https://mistoa.mx/tiendalavabos/ Hello, I recently added categories to filter products on my shop. However, when I select a category, the page reloads and takes me back to the top, which results in a terrible experience. https://mistoa.mx/tiendalavabos/ password: 1234 I already contacted Customer service, but they said it was intended behavior 😞 Any idea on how I can fix this?

Hi, You can to use Filter Plugin to recreate new sidebar filter. When selecting Category, it will immediately display on the current page without reloading the page, or opening a new page. It also allows to extend the features of the Filter, such as filtering by price, tags, sorting

Hey @Avin, Michaela from Integromat here 👋 Just like @bangank36is suggesting, you can totally achieve this with Integromat. Don't worry, I'm not stepping in to give you the exact same answer, hahah 😅 I just thought I'd go ahead and share a link to Integromat's Squareaspace integration so that you can check out its features and functionality. Like mentioned above, if there is a pre-configured action/trigger missing, you can always go for the 'Make an API Call' option since it allows you to work with anything that's reachable within the Squarespace API 🙂 If you'd like to test Integromat out and see what the options are for yourself, you can sign up for a free account and start exploring the automation magic 🤓

Choosing a domain name (the address/URL of your site) is a momentous occasion in your journey as a website owner. A domain is your brand’s first impression and coming up with a unique and memorable name is something that often requires some thought. Common best practices include: Use keywords (about what your business is or where you are located) so your audience can find you easily Keep the name short and simple for easy typing and memorization Keep pronunciation in mind to favor word-of mouth Register mistyped domains, so no matter what your audience types, they'll always be directed to your site. If you already have a business name, then you’ve got your starting point. Either way, a decision also needs to be made about what TLD/domain extension (part of a URL that follows the last period) to pick. While .com is the most familiar and easiest to remember, you could consider other common choices such as .net, .org, or even location (.uk, .ca, .au) or business/niche (.yoga, .community) based extensions as an alternative. No matter what, ideally your decision would be a long lasting one. While it’s always possible to change your domain later on, some caution is required to avoid hurting search rankings. How did you come up with your own domain name? What are your top tips on choosing the right one? Share in the comments below!

ah, typo, script, not style, use this new code <script> $(document).ready(function(){ $("h2.list-item-content__title").each(function(){ $(this).html($(this).text()); }); }); </script>

Add to Design > Custom CSS /* Mobile buttons */ @media screen and (max-width:767px) { /* homepage */ div#page-section-5fae056208f95b782a34280d .button-block a { padding: 10px 10px; } /* register page */ div#block-8d417b64f1f7716a223c+.row a { padding: 5px 10px; } }

Hi, You can compress image before uploading to your site

Add to Design > Custom CSS /* Mobile-Social Icons side by side */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1634724975353_102974+.row>.col { width: 33.3333% !important; float: left !important; } }

Add to Design > Custom CSS .blog-basic-grid.collection-content-wrapper { padding-left: 0; padding-right: 0; }

Hi. Change this line to

Hi, Can you share all links where you have problem with banner. We will check & give the code Hi. You can setup password & share url

Are you trying to add it on the title hover portfolio page? Try this: .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { font-family: 'Tobias' !important; }

Can you try .form-wrapper input[type=submit]{ display: inline-block; width: auto; height: auto; border-width: 0; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: none; font-family: nunito-sans; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .1625em; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: normal; padding: 1.3em 2.171em; }

there is a css in site css show that the summary title pointer event to none, that why it not clickable, try add this to Design - Style - Custom css .sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-heading { pointer-events: auto; }

Hey @Ruby-Rose try to add the next code: #block-yui_3_17_2_1_1634295033920_10337 { -webkit-animation: spin 15s linear infinite; -moz-animation: spin 15s linear infinite; -o-animation: spin 15s linear infinite; animation: spin 15s linear infinite; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }

Change this link to this

Add to Design > Custom CSS /* Work page */ body#collection-6144ae52f7f7512cf5e50ec5 { /* change logo color */ header#header img { filter: invert(1); -webkit-filter: invert(1); } /* align content */ div#gridThumbs { padding-left: calc(~"3vw - 20px"); padding-right: calc(~"3vw - 20px"); } }

Regarding to other low-code automation in the market, I recommend Integromat for their fully support of squarespace commerce api, you can listen to new order event and trigger an api call to update other site's inventory

The short answer - there isn't a cost effective way to do this. The longer answer... As @bangank36 mentioned, there's a Squarespace extension available called Trunk Inventory that can do this, but you must pay a reasonably high monthly subscription to use it ($35+ per month), depending on the number of orders. Trunk manages to do this by using the Inventory API, so it possible for a developer to build their own solution to do this instead of using Trunk. However, they'd need to build, test and deploy their own custom code on a third-party server and this would then need to be maintained and supported on an ongoing basis - hence the costs. Did this post help? If yes, please click a 'Like' or 'Thanks' icon below ⬇️

Thank you for this topic! I find that one page sites that have one main topic with sections are perfect for anchor links. It's not always necessary to have them but when you need them, you need them! No one likes to scroll for long 🙂 Thanks!

Thanks for your reply Paul. Yep super frustrating that the Aus. shipping is so limited with Squarespace. The site that's particularly having issues is www.pennyblossomflorist.com. I've seen the workaround of each shipping area being a product variation, which might work... but I feel it could be clunky. It also looks like SF digital are developing an extension for SS users to combat this issue but there's no indication of a release date. I've also seen the postcode check widget, but I don't think it actually restricts anyone, I think it's just an indicative tool. Any further suggestions would be very appreciated. Do you know if the postcode restrictions are available with the Shopify option? I've worked with Shopify but only on full projects so I'm not sure of the capabilities of the button. Thanks so much again!

I have a couple of clients with Australian based florists that I've built sites for, however they're finding the shipping restrictive as they offer local delivery only. It doesn't seem to matter how many disclaimers we put on their sites, the customers tend to ignore and put in invalid post code shipping options. (The current set ups are delivery radius and price as a flat rate they can select at shipping or the other is post code that they select, flat rates for each area.) I'm looking into workarounds so that we don't have to switch platforms however I'm not having much luck. So far the most promising option seems to be the Shopify buy now button, however I'm unsure of the shipping options with that button, so thought I'd ask here to see if anyone has integrated that button with luck, or found alternative solutions? My clients would ultimately like to have restrictions within their Squarespace checkout to say "sorry, not available in your area" when they input a delivery address. Any help appreciated!! Thank YOU!

Hi Kelli I hear you. This is one of the major limitations of Squarespace Commerce that makes it less suitable for these types of local delivery businesses. The bad news is that this feature isn't likely to be added to Squarespace any time soon. It's been on my list of commerce limitations for three years and I think it's likely to remain unresolved for a long time to come. If you'd like to provide me with details of the sites, I'd love to take a look at them and see if anything can be done. In my experience, not all "local delivery" problems are the same. Each store will have their own specific challenges. Some clients only require a relatively simple way to filter out addresses by postcode, whereas others require delivery time slots or complex solutions that limit the number of orders per time-slot, with exceptions on certain days and so on. Regarding, Shopify, I'd argue that Buy Buttons have their place in the market, but they aren't a 'silver bullet'. They will allow you to dip your toe into the feature rich (and therefore steep learning curve of) Shopify but you'll need to move to the full Shopify platform to take advantage of local delivery features that you're looking for.

I have used SquareSpace for years and just went in to clean up ton of photos I don't need and want deleted. Seriously ... I cannot remove photos from my library?? After reading this thread and also seeing it has been 1.5 years since this was said would be addressed may be my deal breaker too. Was just considering building out 50 - 100 new websites on SS and that won't be happening now. Will go back to WP and save my money. Glad I caught this thread here now.

Hi Everybody, Are there any plans to add more payment processors to Squarespace Commerce besides Stripe, Paypal or Apple-pay? I see a lot of people in Europe who don't have/use their creditcard and are not familiar with Paypal. So I'm loosing a lot of clients due to my limited payment-methods. Other webshop providers offer "QR-payments" which are very popular and make a direct link to your bank-app for immediate payment. Any plans to follow this? I really hope. Otherwise I'm forced to move my online business in the near future to another provider with more options. Many thanks, and best regards, Bart

For a pre-built solution that allows you to have enquiry only products alongside e-commerce products, see our Product Enquiry Form extension. Feel free to contact pre-sales if you have any questions.

Without being able to see your site I don't know if the following will work. Let us know how it goes.

Site URL: https://www.foreignpresscomics.com/ I'd like to make my webcomic more accessible. Is it possible to reverse the order that blog posts are shown? So the first (oldest) blog post is shown first instead of having to scroll to the bottom to find the first? And is there a way to change the location of the "next" and "previous" buttons to be in the middle of the page instead of at the bottom (like this http://www.drivecomic.com/archive/190614.html)?

As your site is on Squarespace 7.1, you need to replace the YUI with plain JS. Here's the updated guide that I wrote:

Site URL: https://bowiebybicycle.com/bowie-blog/bowies-barcelona Hey there, My squarespace blog pagination displays back to front, so if you click on 'previous' it takes you to a NEW post and if you click on 'next' it takes you to an older post. Is there anyway to switch this around? Thanks so much in advance!

I have a main menu on all pages but I want to create a new second one on a new page with different links. What's the best way to go about this? I've created buttons but I feel like there must be an easier and smoother way. I would want this second menu to exist on all the new nested pages.

I would like to have the whole website I designed using the new Canva templates reflect as my website on SquareSpace, but even the tutorials online don't translate since they contain steps/options that aren't possible. I've seen posts about this, but no answers, so I'm wondering if someone just knows or can just post how to make this transition? Thanks in advance.

Use this code [data-section-id="abcxyz-123-enter=id-here"] .section-background { background: #ff0000 !important; }

There isn't a preset available for this in the text editor, so you'll need to add your text in a Markdown Block or a Code Block and use HTML. The HTML for superscript is  For example, you could add something like this: <p>This text contains ^superscript text.</p> ..to achieve this.. This text contains superscript text. Read more about the HTML here: https://www.w3schools.com/tags/tag_sup.asp I hope that helps. Paul Contributors to this forum voluntarily give their time to help you. If a post helped, please tap on one of the "Like" icons below ↘️