Leaderboard

Update 5/26/2020: Squarespace has added the ability to add image descriptions/captions to 7.1 gallery sections. See here. There are some limitations, such as not appearing in lightbox view and not supporting multiple lines. So, the workaround below may still be of use. --------------------------------------------------------------------- Hi @dan3. Looking at the underlying gallery code, it appears that image descriptions are in-the-works to one degree or another. In the mean time, I've created a bit of code you can use to add image descriptions/captions to gallery sections in Squarespace 7.1 . View Demo Site JavaScript Insert via sitewide footer code injection. If you only want to add descriptions to some (not all) galleries, pass your own CSS selector into addGalleryItemDescriptions() (for example: "section[data-section-id='5db1f73f7a30760db464bb02']") For images within a targeted gallery that you do not want a description to appear, you must enter a space as the description (otherwise the filename will show). <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script> CSS Insert in "Customer CSS", via the CSS Editor. The CSS below is very basic, adding a white box around the description and generally placing it at the bottom. You can customize to your heart's content. /** * Add descriptions/captions to galleries in Squarespace 7.1. * CSS * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; } .gallery-grid, .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); padding: 2% 6%; box-sizing: border-box; } } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { position: static; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); transition: opacity 0.1s ease-out; } .gallery-lightbox-item[data-in=false] .gallery-item-description { opacity: 0; } This is of course experimental. Do let me know how it works for you, or if you have questions. If you reply to this post, please do not quote the code in your reply. Doing so will create copies of the code which A) I would prefer not be copied and B) will propagate old versions of the code which are likely to fall out of date. -Brandon

Some CSS Class/ID for Squarespace 7.1 Header Header: header#header Site Title: a#site-title Navigation: .header-nav Navigation Items: .header-nav-item a Navigation Dropdown: .header-nav-folder-content Navigation Dropdown Items: .header-nav-folder-item a Mobile Navigation Items: .header-menu-nav-item a Mobile Menu Icon: .header-burger Mobile Menu X icon: .burger–active Header Social Icons: .header-actions .icon Cart Icon: header#header span.Cart-inner Cart quantity: header#header .icon-cart-quantity Footer Footer: footer#footer-sections Footer Social Icons: footer#footer-sections .sqs-svg-icon–outer Footer Links: footer#footer-sections a Product List Product List: .collection-type-products.view-list Product Name: .grid-title Product Price: .grid-prices Product Image: figure.grid-image Product Currency: body.native-currency-code-usd .sqs-money-native:before Sold Out Text: .product-mark.sold-out Product Detail Product Detail: .collection-type-products.view-item Product Breadcrumb: .ProductItem-nav-breadcrumb Product Pagination (Previous/Next): .ProductItem-nav-pagination Gallery: figure.ProductItem-gallery Thumbnails: .ProductItem-gallery-thumbnails Big Image: .ProductItem-gallery-slides Product Name: h1.ProductItem-details-title Price: .ProductItem-product-price Currency: body.native-currency-code-usd .sqs-money-native:before Excerpt: .ProductItem-details-excerpt Add to Cart Button: .sqs-add-to-cart-button-wrapper Add to Cart Text: .sqs-add-to-cart-button-inner Variant Dropdown: .variant-option Variant Title: .variant-option-title Variant Options: .variant-select-wrapper option Quantity Text: .quantity-label Quantity Input: .product-quantity-input Cart Page Cart Page: body#cart Cart Title: .cart-title Item: .CartTable-itemLabel-3zzV1 QTY. .CartTable-itemLabel-3zzV1 span Price Name: .CartTable-itemPrice-XgjsO span X icon: .item-remove div Product Thumbnail: .item-image Product Name: .CartTableRow-itemTitle-1MDgZ a Quantity input: .CartTableRow-itemQuantity-LwuRx.item-quantity Price: .CartTableRow-itemPrice-26eXS.item-price Subtotal: .CartTable-subtotal-2nJjm Subtotal Price: span.CartTable-subtotalPrice-2JFeD Checkout: .CartFooter-checkout-28MW2.checkout Checkout Text: .CartFooter-checkout-28MW2.checkout span Variant Text: .CartTableRow-variant-1ihcF.variant Blog List Blog List: .collection-type-blog.view-list Thumbnails: article.blog-item img Date: time.blog-date Category: span.blog-categories-list Title: h1.blog-title Excerpt: .blog-excerpt Read more: a.blog-more-link Blog Posts Blog Posts Page: .collection-type-blog.view-item Blog Items: .blog-item-entry Categories: .blog-meta-item–categories Date: time.dt-published.blog-meta-item.blog-meta-item–date Author: .blog-meta-item.blog-meta-item–author.p-author.author Title: .blog-item-title Content: .blog-item-content-wrapper Pagination: .item-pagination Pagination Arrows: .item-pagination-link .item-pagination-icon Pagination Title: h2.item-pagination-title Author Box: .blog-item-author-profile-wrapper Author Image: a.author-avatar.content-fill Author Name: .author-name Author Site: a.author-website Post Comment: .squarespace-comments Post Comment Button: .comment.btn Comment Input: .squarespace-comments .new-comment-area Preview: span.btn-text.preview-comment.top-level-preview-btn Subscribe via email text: span.subscribe.subscribe-control Event List Page Event List Page: .collection-type-events.view-list Event Thumbnail: a.eventlist-column-thumbnail.content-fill Event Time: .eventlist-datetag Event Date: .eventlist-datetag-startdate.eventlist-datetag-startdate–day Event Month: .eventlist-datetag-startdate.eventlist-datetag-startdate–month Event Title: h1.eventlist-title Event Hour: li.eventlist-meta-item.eventlist-meta-time.event-meta-item Event Description: .eventlist-description Event Detail Page Event Detail Page: .collection-type-events.view-item Event Title: h1.eventitem-title Event Date: time.event-date Event Hour: li.eventitem-meta-item.eventitem-meta-time.event-meta-item Event Description: .eventitem-column-content Event Pagination: section.item-pagination.item-pagination–prev-next Previous/Next: .item-pagination-link .item-pagination-prev-next Event Pagination Title: h2.item-pagination-title Portfolio title: h3.portfolio-title item: .portfolio-grid-basic portfolio image: .portfolio-grid-basic .grid-image pagination: [data-collection-type=“portfolio-grid-basic”].item-pagination pagination text: h2.item-pagination-title pre text: .item-pagination-link–prev .item-pagination-prev-next next text: .item-pagination-link–next .item-pagination-prev-next Checked & Wrote by tuanphan

I have seen exactly the same situation on Squarespace 7.1 and believed that a built-in image compression feature had been added to speed up download because images download more quickly and uploading already compressed images made things worse. However, I was wrong. Further testing showed that the image CDN was doing something strange and undocumented. For example, ?format=original is downloading a 2500px wide image, not the original image. I stopped compressing images uploaded to 7.1 because it was counter productive. A compressed image of 715px was downloading as 739px - at a lower resolution. I'm going to contact Customer Support to ask for more information.

Hi all! I run a creative podcast called Storytelling through my publishing company! It features writers and the online blog version also showcases photographers and videographers! Would definitely love to hear what everyone else is working on!

Site URL: https://www.emmanouelfi.com/squarespace-crash-course Hi community, I recently created a series of 4 video tutorials for SquareSpace beginners. 4th tutorial is in the works! This is not meant to be an exhaustive series about everything you can do in SquareSpace. It's more of a starting point for people who have some time to get their hands dirty, and maybe can't afford to pay somebody to do it. It's an encouragement to people that they could do it by themselves and naturally, for the people that can afford it, I still offer my services. I would love to hear your thoughts on the tuts, what you like and what could be improved further. It's my first time I make something like this all by myself so that would be valuable. Here's the link: https://www.emmanouelfi.com/squarespace-crash-course Best and thank you ☺️ ! Emmanouil

@stemajourneys - Check your custom CSS for this and try removing it: figcaption::first-letter { font-size: 0; } This forum post addresses the same issue.

I'm also having a problem with date formatting. The American date formatting looks jarring to our predominantly European viewers. Is there a fix coming, Squarespace?

I'm so embarrassed that I assumed Squarespace would make 7.1 better than 7.0. Why is it so dumbed-down? Why would they remove so many popular features (e.g., PARALLAX SCOLL) that 7.0 had? I used my client's credit card to subscribe to 1 year, only to realize that you can't switch from 7.1 to 7.0 without canceling the entire thing and re-purchasing. Squarespace's leadership needs replaced. This is a deal-breaker. It's been a nice 5 years, Squarespace, but I'm out.

Thank you all for your thoughtful questions for Squarespace Expert Matt Callahan’s SEO AMA. He’s responded to the top 10 questions below. If you’re interested in learning more about Matt or hiring him for a project, you can contact him through his Squarespace Marketplace profile. Can you share your definition of SEO, as well as your model for its Return on Investment (ROI), and compare this to an investment in paid search? SEO, Defined My definition of Search Engine Optimization is simple: SEO is anything you do to make your website more attractive to a search engine. This includes onsite SEO, linking, coding, content, keywords etc. — but it also includes things like creating videos, a robust social media presence, or a compelling white paper. These are all part of SEO because they are all potentially relevant and interesting to your audience, and Google cares A LOT about your audience — almost as much as you do. They want to make sure that the results they serve up are the best results, and if they see an audience interacting with content — any kind of content — that leads back to your website, that’s a signal that they should pay attention to your brand. SEO ROI Search Engine Optimization, like any marketing tool or tactic, has a variety of ways to measure efficacy. It can be measured apples-to-apples right alongside paid search campaigns, using tools like Google Analytics and Tag Manager to track conversions on your website (whether it’s a purchase, a form submission, or an email signup) vs. cost. Where organic SEO absolutely blows paid search away, is in Brand Authority, and Brand Authenticity. At the end of the day, search engines are used to answer questions. If your brand is the one Google has “selected” to provide the answer to a search query, your brand is now effectively the expert on that topic. And that expertise, that “Authority,” is invaluable on a scale that a paid ads campaign could never touch. Think of it this way: If you stop an AdWords campaign, all results stop immediately. But if your organic search presence is established and authentic, you’ll get traffic, leads, and ROI for a long time to come. Do you conduct a Site SEO Audit for clients, how do you approach new clients, what information do you look at in Squarespace and what tools do you recommend? As an agency, we always conduct an SEO audit as part of our work. As far as approaching new clients, most of the time we’re responding to inbound leads but even if we were reaching out to prospects, we would be asking the same question: Is your website working as hard as you are for your business? And if it’s not, how can we fix that? There are so many different variables and data points to look at when determining an SEO strategy, but for the sake of your question I will stick to the 3 big-picture things we generally look for during an SEO audit: Site Structure and Metadata How is the site set up? Is there already a sitemap, and does Google have an up-to-date copy of it? (Google Search Console can help out with this.) Is all metadata filled out, and filled out properly? Are images optimized for size? Does the site load quickly? (Screaming Frog is a great tool to check this.) Is the site properly mobile-optimized? Are H1s, H2s, and H3s structured hierarchically? Link Strategy Are there internal links, and do they work properly? (Both Screaming Frog and Google Search Console are great for this.) Are there backlinks to the site, and are they helpful/broken/garbage? (Ahrefs is great here.) Are there outbound links on the site, and are they good/helpful/working? (And yes, outbound links do affect your SEO.) Onsite Content Is there content on every page of the website? Is it enough content to be helpful? (The argument continues to rage over “how many words does Google want on a web page?”, but at the end of the day, if the content that’s there is what the audience is looking for, length doesn’t matter so much.) Are there a good amount of strategic keywords in the content? What types of searches; informational, comparison, transactional, and so on, should we be optimizing our site for - what part of the searchers journey should we target to optimize our investment in SEO? This completely, 100% depends on the industry of your brand. Optimizing for products is very different from optimizing for services, which is very different from optimizing for blogs, and so on. That being said — you should always strive to be as useful and helpful to your users as possible. What questions are being asked by the prospects served by your industry? Are they comparing two products? Are there frequently asked questions? Do some questions not have answers (or are the answers that are there wrong)? Are the questions about price, or timing, or the meaning of life? Depending on the brand, these questions may or may not be relevant — find the questions that are relevant, and answer them as authoritatively and completely as possible. Be helpful. What's your best advice for keyword research without investing in one of the expensive tools? There are TONS of free or inexpensive tools out there to assist with keyword research — here are my three favorites: Google AdWords Keyword Planner is an excellent free resource; creating a Google Ads account is free, and you can get really helpful info like search volume data, average cost per click (which helps you figure out what keywords are most valuable and most competitive), historical keyword data, and the ability to generate new keyword ideas based on your industry and service offerings. Moz has a really excellent (and free) Keyword Explorer that gives you most of what Google’s Keyword Planner does, but it also gives you things like who is showing up in top results for keywords, the ability to see what keywords you’re already ranking for, and the ability to compare your rankings directly with your competitors. Answer The Public is a great tool for finding more detailed and abstract keywords (“long-tail” keywords) like full questions (“What does an SEO agency do for small businesses?”), comparisons (“SEO Agency vs. SEO Practitioner”), and more. (Note: Their free version limits you to a few searches per day.) Do you have any Squarespace-specific suggestions for optimizing local SEO for a business with multiple physical locations? Let me say this first: Regardless of the website platform, the single most important thing you can do for local business SEO (with 1, 5, or 100 locations) is to create and optimize your Google My Business profile. If you have 10 or more locations, this Google support page can help you bulk upload, verify, and manage multiple listings. Another great platform-agnostic optimization for locations is Schema markup — and helpfully, there are versions for both single and multiple locations. I won’t go into detail about this here, as there are many factors that affect implementation, but reaching out to an expert who knows their SEO stuff will help. Now — to the Squarespace-specific recommendations: Local SEO For Businesses With 2–5 Locations If possible, I would suggest creating a separate page on the website for each location. This will allow you to optimize specifically for each separate address. NOTE: this is helpful *only* if the content on each page is unique — if you include the same information and only change the address and contact info, Google will most likely see these pages as duplicate content. Not helpful. Another suggestion apart from separate location pages is to use something like the Advanced Map Block feature from Squarewebsites, or Google’s My Maps feature to include multiple locations inside the same map. Local SEO For Businesses With 6+ Locations Optimizing for lots of locations is difficult no matter what platform you’re using — but there are a few things that we recommend here. First, and easiest, would be to create a simple text list of your locations on your Contact page, and link them to their respective Google Maps listing. On a slightly more involved — but also much more sleek and helpful — level, you could create a searchable/filterable database of your locations using something like Squarewebsites’ Universal Filter feature. This method is great particularly because people would, in general, much rather filter or search for what they want instead of scrolling through lists. Again — search engines like when you’re helpful. How do you add Schema Markups in Squarespace to get featured on the SERP sections? Great question — Schema is a really important part of SEO, as it can have a huge effect on whether or not your site shows up within Google’s “rich results” area, also known as “rich snippets” or “featured snippets.” As far as actually adding your Schema markup to a Squarespace site, there are two main ways: Using the Data Highlighter Tool Inside Google Search Console This is the simpler and faster way to add Schema markup to your site, and although it’s not foolproof, it doesn’t involve writing code. Google has a good introduction for using Data Highlighter here, where they basically walk you through what to do for each page on your site. The downside of this option is that it doesn’t work with all types of Schema, like recipes and certain kinds of reviews, for example. But if you want a basic, fairly code-free way to add Schema markup to your site, this is it. Adding Schema Markup To Your Site Manually This is the much more complicated way to add Schema markup to your site, as it involves a good amount of digging through code and writing your own — but it’s definitely the more comprehensive route. One you have the markup ready, it will be inserted in the Code Injection area of your website backend, as well as by using code blocks on pages (depending on the Schema type). I won’t attempt to give you a breakdown of how to actually write Schema markup, but schema.org is an excellent place to start. And of course, you can always reach out to me if you get stuck or have more questions. How much does image optimization matter to SEO overall, and what are the best ways to optimize images on a website? In the grand schema of things (sorry), optimizing your images isn’t the single most important thing in the world when it comes to SEO — but it certainly matters. Optimizing your images breaks down to two major categories: image size, and image metadata. Let’s break those down a bit further, shall we? Size The smaller your images are in terms of megabytes (or hopefully kilobytes), the less space they will take up, and the faster your website will load. Google has indicated a number of times that page load speed, particularly on mobile, is looked at as a ranking factor — and the number 1 culprit of a slow-to-load Squarespace website is overall image size. But what about those large, border-busting fullscreen banner images, you ask? Shouldn’t they be full size to ensure they look spectacular on your website? Yes, of course they should — but just because their dimensions are large doesn’t mean that they have to be large in size as well. Get them down to 2500px in width, and always use an image-size-optimizing tool like tinypng and you’ll be right as rain. Image Metadata Google’s robust image search function gives you another opportunity to rank in the results — after all, a full third of all Google searches are for images. But how exactly do you rank an image? The answer is in the metadata. Images have multiple kinds of metadata, which means multiple opportunities to optimize. Here are three simple things you can do to optimize your image metadata: Give your images a short, descriptive, accurate filename, so instead of “img_5727529v.jpg” you might have “seo-tips-infographic.jpg” Add helpful ALT tags to your images — originally developed to help the visually impaired, ALT text is also used by Google to interpret the makeup of an image. Squarespace has a helpful guide on how to add ALT text to your images here. When possible and/or appropriate, image captions are also very helpful. Make sure that they reside close to the image (preferably directly under the image), and make them short but descriptive. I’ve been told that no Squarespace website will ever be as good as a Wordpress website for SEO, particularly because you can't use the Yoast plugin with Squarespace. Is Wordpress actually better for SEO? Utter Balderdash. While there are some platforms out there that are genuinely crap for SEO, Wordpress is no better than any other website or CMS platform in existence. In fact, here are three reasons why I greatly prefer Squarespace to Wordpress for SEO: Security Wordpress is in the dark ages when it comes to security (see: plugin vulnerability, platform vulnerability, PHP vulnerability, hosting vulnerability, I could go on and on) — and in this day and age, it’s extremely important to Google if your website is secure or not. Squarespace’s lack of plugin infrastructure is actually really helpful here — fewer logins + fewer accounts + fewer updates + free, automatic SSL = a secure website. Mobile Responsiveness It’s hard to believe that this is still an issue, considering that we were warned back in 2013 that Google was going to start to prioritize mobile optimization. Squarespace websites are all responsive by default. With Wordpress websites… it depends on the theme, it depends on the version, it depends on the update. Also, unless you install a site builder plugin (again, vulnerabilities though), getting your Wordpress theme to be mobile responsive and actually look nice can require a ton of coding. Squarespace Enables The Person Doing The Optimization At the end of the day, any decent SEO can easily overcome particular platform issues. What separates decent SEO from really, really great SEO isn’t about the platform at all — it’s about understanding the industry you’re in, the goals you’re trying to attain, and the ability to answer questions and truly create a resource out of your brand. That involves creativity, great writing skills, the ability to improvise, and most importantly, the ability to understand what your users want and how they’re feeling. Once you have those things, Squarespace makes implementing them (implementing anything, really) so much easier than Wordpress. How has SEO changed both with the continued move to mobile, and the establishment of Amazon as a primary search engine and Facebook etc. as primary platforms on the web? SEO And The Mobile-First Web As I mentioned earlier, Google has signaled for many years that they use website mobile optimization as a ranking signal. So, has anything shifted recently? Yes — that “signal” has evolved into more of a requirement: Back in 2018, Google announced that they would be slowly transitioning to “mobile-first indexing.” This means that Google will primarily use the mobile version of a website for both ranking and indexing. As of today, this transition has been implemented — and there’s no way to opt out of this, either. Luckily, Squarespace’s built-in mobile optimization for every website means you should be good to go with this issue — but if you want to get nitpicky like I do, you can use Google’s Mobile-Friendly Test to dig down further.
 Amazon, Facebook, And The Rise Of Alternate Search Engines As with any marketing strategy, there will always be both tactical and scattershot approaches. I’m fond of both — identify your likely performers and drill down deep, while also throwing things at the wall and seeing what sticks. If you sell products on Amazon, it’s possible that optimizing for Amazon’s search may be more important for the success of your business than optimizing for Google. If your industry or target demographic is just right for social media, then Facebook might be your priority. There’s no one-size-fits-all answer to this question, unfortunately — but I always recommend more brand visibility over less, so if it makes sense for your brand to be on a platform, why not do it and see where your customers are most likely to find you? What is the number one thing that all Squarespace site creators should do regarding SEO? Understand that there will be multiple actions to get better rankings, but if you had to name just one, what would it be? Oh man… just one? That’s such a hard question to answer because there are so many variables, based on what kind of site you have, what kind of industry you’re in, and what your goals are. But if I had to pick just one thing to do, across any business/industry/goal, I would say: Make Your Content The Absolute Best It Can Be. That’s the biggest variable out there. The Squarespace platform does a great job with the basics of the backend SEO stuff — it will submit a sitemap to Google automatically; the platform is secure and gives you a free, automatic SSL certificate; mobile-responsiveness is built-in and really great. But at the end of the day, Google will prioritize interesting, relevant, timely content that matters to your audience over things like meta descriptions and alt text.

Did anyone find a solution to this search icon feature? plugin maybe? It's pretty important, and I can't believe that mid-enterprise sort of ecommerce companies wouldn't have it. And frankly it's pretty standard across every other single website.

I ran across this SS support page when researching how to delete imported images. "Deleting an image you've uploaded or a Getty Image preview removes it from the Imported tab. If you’ve used the image in multiple places, it will stay in the Imported tab until you delete all copies. If you're still seeing it in the Imported tab, you may need to empty your site's trash can." However, I'm not finding the statement to be accurate... it appears any image I import stays in the Imported tab, even if deleted from the page, not used throughout the site, and the trash is empty. Just curious if anyone else has put it to the test?

I'm mildly aghast that this isn't a current feature. I *knew* was just missing this feature somewhere... apparently not.

Hi @Heytherethanks, best practice is to make affiliate links nofollow links. In Squarespace that means using a Markdown block which is available on the Personal plan. Here's an example of what you'd put in a Markdown block for an affiliate link: <a href="http://affiliatelinkhere.com/" rel="nofollow" target="_blank">your link in text</a> You can use rel="nofollow" to let search engines know that your link shouldn't count in ranking the linked page. And target="_blank" opens the link in a new window, which is best practice for linking to sites outside your own. The code is too long for the window above, but if you click inside the code block and select all you can paste it into a text editor to see the whole thing.

From everything I've read it looks like the move to 7.1 (and removal of specific templates in favour of design styles) means header search is now gone. Same story with the Sidebar. Both features no longer seem to be supported which is super disappointing. The irony is that the Squarespace's own sites use both of these features (header search and sidebar) heavily. They are great features, please bring them back.

Hello, I am setting up a blog using 7.1 and would like it to show as an infinite scroll. Does anyone know if this is possible? Is there a way to override the 20 post limit? I can code the summary block to exceed 30 posts but I need to use categories and these take the visitor back to the original blog. Any help or feedback would be greatly appreciated. Thanks! Marcus

For help on the forum, no donation is required or expected 😀. We enjoy giving back. A simple click on 'thanks' or 'like' is very welcome if a post is helpful.

Hey Guys! I'M looking to add a delivery time slot on my checkout page. Working this way: IF you place your order from Tuesday X to Monday X you can choose to be deliver Thursday Y ( AM or PM) ) or Friday Y ( AM or PM ) Let me know if there's any integration you know! Cheers! Pierre

If you are experiencing overflow (the extra black area to the right) you are usually better off finding the cause, than adding workarounds. That said, the code above is incorrect and the cause of the no-scroll issue. It should be overflow-x: hidden not overflow: hidden

You can also do this with any image file. To do this: Add three Image Blocks and place them side-by-side to create three columns. Size the icons to the required size before you upload them to the Image Blocks. If the icon is narrower than the content area (as it is in the example you provided) then you will see the required blank space on both sides of the image. This preserves the original image quality. Add a Text Block below each icon for the associated text.

I fixed it. Thank you.

Yes, I agree. Squarespace should really just copy Shopify's entire e-commerce back-end functionalities and fulfilment process. Also, allowing us to capture manual payment (for bank transfer payment options). For category and tag filters and a workaround for having more than 200 products in one product page, I recommend Michael's solution. Check out his plugin at https://www.squarewebsites.org/products/universal-filter . He has done a wonderful job for my site. I have 866 products on a page. https://www.skp.com.sg/food-packaging-all

Eeeee I think I've got it! .burger-box, .burger-inner { display: none; } .burger::after { content: "MENU"; } .burger--active::after { content: "CLOSE"; } ??

Hi @LauraStoker, here's a clean version of the code. Paste this into Design > Custom CSS: .burger-box, .burger-inner { display: none; } .burger::after { content: "MENU"; }

Hi @akb33 In my opinion, visitors will indeed have a better experience if they can view similar products together on the same page, even if they are not available for online purchase. However, as you pointed out, it's essential that product availability is made clear on the product list page(s). It would be frustrating for them to click into each product before they discover it is unavailable. You can do this by adding a label to these products. Squarespace already has a 'Sold Out label that can appear when products have zero inventory. With some code, you could repurpose this for offline products. To enable Sold Out labels, open a product list page and then go to Design > Site Styles. Find the Products: Status Badges tweak, and choose a Style other than None. The labels will now appear for all products with zero inventory. You can change the label to "Available in store only" (see below) for certain products, by adding some code to your site and an "In-store" tag to these products. First, add a tag to one of the products. Edit the product and then click + beside Tags in the lower left corner and type the name of the tag. Save the changes and then go to Settings > Advanced > Code Injection to add some code. You'll find the code in this guide: Changing Squarespace 'SOLD OUT' labels to something else. The specific instructions for your situation are in the section entitled How to change only one product category. For the benefit of others who read this post: This snippet is for the Squarespace 7.0 Brine-family template, as referenced in the author's question. All code snippets provided are simplified and provided "as is", without warranty of any kind. If you need code for a business-critical website, consider hiring an experienced web developer who you can trust to build secure and reliable code at a competitive price. I hope this helps. -Paul

Hello - I am using the features layout / template on a page. I would like to add more rows of the block combination (image, header, text) - ie it gives me 3 rows of content, I need 10. Is there a way to copy and paste these rows / blocks so that I don't need to add each piece manually?

Add to Home > Design > Custom CSS .homepage .gallery-masonry { padding-top: 0; }

Having the option within the WYSIWYG editor to set the appropriate rel= info is actually very important. The rel=nofollow and rel=sponsored attributes play a critical role for Google. We love the Squarespace platform, but this simple option missing is a significant problem.

If you want to use the Squarespace commerce features, the only workaround is to add the 0% items as services instead of physical products. This is because there's an option to set VAT at 0% on services. For example, here's a screenshot of the checkout with two products, one configured as a physical product and the other (the coffee) set up as a service product with no VAT. As with everything, there's a downside to this. Real service products don't require physical delivery, so the checkout won't prompt for shipping information unless there's a physical product in the cart too. There are no other workarounds (even with code or addons) to amend the way Squarespace commerce deals with VAT. This is because VAT is handled on the backend of Squarespace - the part that only Squarespace themselves have access to. To charge different rates of VAT per product, you'll need to use another platform for the checkout (such as Shopify buttons), or switch entirely to another platform.

Hey! Cool. I have a podcast in spanish called LYNCH podcast. It features film directors, writers, producers and actors.

I have a podcast called Casual Talk! It's basically the conversation that you want to be having at a party. My favorite episode is Episode Two with Matthew Scott Montgomery.

Using metomic.io for my own and numerous client websites seems to turn out well. It's free, mulitilanguage, visually fits to Squarespace, custom brand color and more. The only thing I don't like is that both yes & no buttons are of the same kind, but metomic says they don't want to make a tool that converts (anyway) but a tool that is legit. It comes as a popup, not as a banner bar:

Hi Heidi, There's no way to copy the Block but you can reuse the images in the new block. You need to Click the + icon in the bottom-right corner of the Gallery Block editor, then click Search Images. In the Image Search window, click Imported. You should see all the images that you've uploaded and can reuse the image you've already uploaded. Squarespace have a guide about it here: https://support.squarespace.com/hc/en-us/articles/206542377-Reusing-images Let me know if that works for you.

Add to Home > Design > Custom CSS .header-nav-folder-title[href="/about"] + div { width: 100px !Important; } .header-nav-folder-title[href="/programs"] + div { width: 50px !Important; }

I agree these are ugly. We need the option to change colours and create something less intrusive. This should be base-standard with Squarespace and can't believe it's not on 7.1!

Looking to copy text/image blocks and paste them in other pages. Seems absurd you can't do this.

Just circling back on this topic to note that Shopify just released a feature this week that adds an option for configuring a tab in your store's cart so that shoppers can select Pick Up or Shipping, and finish their purchase with an experience tailored to their choice: https://help.shopify.com/en/manual/sell-in-person/pos-classic/shopify-pos-from-admin/buy-online-pickup-in-store?utm_source=exacttarget&utm_medium=email&utm_campaign=retail-covid19-localpickup Does anyone know if there is a more formal way to request this sort of update to the platform than simply posting in this forum and hoping someone notices? Or a way to sign up to be notified if/when it is released? Because I will definitely be the first to adopt!! Also glad to be on the beta test team!

Another up vote here too, Jo!

Yep, up vote here for this feature. just helping set up an order and delivery site for restaurant and couriering a coffee across town will be expensive for both parties.

I understand the frustration, I didn't know about the whole 7.0 vs 7.1 thing when I signed up either. And the whole "you can downgrade by cancelling your account and getting a refund and resigning up" thing.... but! good news. Adding parallax in 7.1 is easy. Just follow this guide: https://schwartz-edmisten.com/blog/how-to-add-parallax-to-squarespace-7-1 So far I've been able to make all the changes I needed (other than to the store checkout, but thats a different story) using JS and CSS, just means jumping through a couple hoops. After looking at some 7.0 sites, actually, I'm glad I went with 7.1 even if some things require a bit more work.

This is insane, I can't duplicate sites and I can't duplicate blocks. I am developing 5 websites that are identical but only differs in the language and I am doing 5 times every single step since there's no way to duplicate them. Also, no way to duplicate a block. How is this possible???

Dear Squarespace team, Full-width sliding images with the ability to place the same or different text and buttons on each image is absolutely a feature we need. I get this request on literally almost every site I build. I believe it is a feature that would get used millions of times over. I love what you have built and the more I get used to 7.1, I can see it's advantages. Adding this feature would make 7.1 an absolute no-brainer. Please acknowledge our collective desire to have this implemented as soon as possible. Thank you for all you do!

I'm with you mackenziedesign. The "New Normal" for many e-commerce sites (including the one I just built for my local farmers, who are offering pre-ordering of produce for no-touch local pick-up) is ALL about pick ups. It has virtually nothing to do with shipping. The fact is, the way the Squarespace shopping cart has been configured up to now, we are stuck having to find ways to hide notes here and there on our sites, explaining why, when you get to the cart, you have to enter an address in a section called "Shipping" before you can complete your order for "Pick-up." The little trick for adding free pick up as a "Flat Rate" option via the Shipping settings is great, but when it's surrounded by a UX that implies all products must be shipping, people get spooked by all the follow up windows that include language alluding to where your order is going to "ship," and end up abandoning their carts or just skipping the online purchase and calling their order in. Whaddaya say Squarespace? Anything in the works for adding an alternate default cart structure/behavior that specifies a Pick Up scenario instead of a Shipping scenario?

I have the same question about being able to add gratuity for an order pick-up. (My client is a craft brewery.) I believe I was told in a support chat with Squarespace that there is no option to add gratuity for customer orders. Poking around, I did see you can add an in-store pickup 'fee', which I believe is set up when you set up your 'shipping' options. In my client's case, they offer delivery (which they charge $5 for, with minimum order), and we have not charge a fee for picking up at curbside, but I don't see why we couldn't use this. See more here: https://support.squarespace.com/hc/en-us/articles/207100347 The other thing you might take advantage of is integrating ChowNow into your Squarespace site, which should allow you to add an option for gratuity. Not sure about pick-up time windows since I haven't researched that (ChowNow won't work for non-food menus). I actually used ChowNow as a customer for a different business, and it seemed to work well. There is an option to keep your customer on your website and one to send them to the ChowNow site. Find more here: https://support.squarespace.com/hc/en-us/articles/229651048

Yes. It's a bit arbitrary why portfolio's in 7.1 can't be password protected yet pages can. A entirely plausible usage-case is you have a body of work, not just a single project, that requires it be hidden. This ought to be addressed.

All this info is so great @brandon In case Squarespace is keeping an eye on this, the most annoying thing now for my client is that they will have to go from a Personal to a Business plan to allow for the JS customisation. Adding captions to galleries is free for a Personal pricing plan in 7.0 ... hopefully the captions will be also added as default for 7.1.

This is an essential feature that is still missing. I've been using squarespace for 4 years now, and I can't tell you how much time I've wasted doing tedious block duplication. Please add this to the developer task list. Add it to a sprint, do something. Talk to a producer. Get it done!

Try Elfsight Google Review Widget, I guess it is free, but limited.

The problem with your example is that the image sits within a container that has overflow set to hidden. So you're setting the radius but in many cases the actual corners of the graphic are hidden. imagine a piece of paper with a square cut out of it placed over a photo. Even if the photo underneath has rounded corners you can't see them because you're looking through a square hole. The solution, therefore, is to round the corners of the hole in the paper. Use the following .slide.sqs-gallery-design-grid-slide .image-slide-anchor { border-radius: 5px; }

I couldn't find a feature request option but I contacted support with a link to this page and a screenshot of the repeated requests. Maybe something will happen. Why does it feel like this support forum is built in Wordpress though... I'm not a robot.

I managed to work this out for myself in the end. I'm putting the answer on here anyway in case it helps anyone else: To centre the block, I added the following to the start and end of the embed code: <center> </center>