Leaderboard

@kindandbrave: Thanks for this question. I am also struggling with this on a website I'm currently building pro bono for an author and related non profit that he's launching. After many rounds with Squarespace Support it does appear that at this time, it's not possible to customize any copy on the donation confirmation page. Our key challenge with this is that this page currently pulls the Site title, instead of the Donation Title, into the confirmation description, and the Site Title on this site is the author's name –– very different than the actual recipient of the funds, which is actually an organization soon to get 501 (C)3 funding. Because it is possible to customize every other notification in the Order/Donation Confirmation communications stream with the name of the actual recipient of the donation -the Donation Title, as opposed to the Site Title (which Squarespace has chosen to program into this final step of the order communication stream within the website itself but then not let you edit), this creates significant discrepancy and confusion for donors as to who/what they are donating to. As someone who has worked in marketing and fundraising for non-profits for a decade, I will offer that this is a serious problem. In this instance, particularly, it's also awkward and uncomfortable, as for a transitory moment the donor may think they are actually donating to an individual instead of the organization, despite the fact that in every other confirmation throughout their process, and in our customized Donor email confirmation- they are reassured that they are contributing to the organization itself. After many (many) rounds with Squarespace Support on this issue over the past week, I Googled it externally and found an incredible and thoughtful resource in a Squarespace Consulting group in Ireland called SFDigital . They are vetted through Squarespace and the key partner, Paul, @paul2009 works with Squarespace's through their "Hire an Expert" programme. He was incredibly helpful, savvy to the challenge and kind enough to actually spend some time offering a few free thoughts on the matter via Chat. SFDigital's thought –– if I am paraphrasing correctly, as I am a photojournalist, designer and fundraiser and not a developer –– is this is perhaps a bug in Squarespace's programming in that they are correctly using the designated Donation Title on all other donation page communications and the email confirmation, but defaulting inappropriately to the Site Title, for some reason, on the Thank You page. I also tried the work-around of using a Javascript snippet to redirect to a different customized unlinked confirmation page by injecting the code into the Order Confirmation section, which didn't work. Thanks to @Airwards, it looks like this may actually work if it is injected into the Header instead; we'll give it a go. REFERENCE: Site URL: https://rogerpbriggs.org/ Attachments: For clarification of the explanation above and to visually show the donor's confusing experience, I've attached a series of screenshots of the checkout and confirmation process of a donor making a contribution to this site. They clearly show the Donation Title in all places until the final Thank You confirmation, and are attached in the order that a donor will see them. The final screenshot is a capture of the back end of the Donation Confirmation EMAIL that donors receive in their own inbox after they may a donation- as opposed to the immediate uneditable pop up "THANK YOU" message/Donation Confirmation PAGE they see on the site (as shown in the fourth screenshot attachment.) This back end view seems to clearly show that there is a tag for a Donation Title, as opposed to a Site Title, that is being used in other elements of the Order Confirmation process. Thanks to all who have additional thoughts to contribute on how to resolve this issue! Kind regards- Late

There is a new setting for that: COMMERCE > CHECKOUT

Sorrry @JamesDesign I don't agree simply because what you have listed as motivations should be the minimum you are doing as part of your strategy, and at least when taking aim for organic listings, you can be sure the websites positioned near the top, will have ticked those boxes. Therefore in a search results landscape that is level across all the important metrics, CWV is going to be the next frontier for making the grade. And therefore critical. By around mid-september we are going to have a lot of webmasters looking at year on year comparison and find that there will or will not be traffic drops. If the latter we know that CWV is going to have less impact, but after nearly 22 years in this SEO saddle, Google always delivers on anything to reduce the flow of free traffic, to address their advertising model, so I have no reason to think CWV will not be important. G.

I find that a lot of sites seem to use what appear to me to be stock images of people that are supposedly enthralled with the product or service. It just comes off as cheap, insincere, and is a turn off for me. Getting quality and genuine images is an art and takes a good photographer to capture the essence. I suggest staying away from people images unless they are high quality and custom.

I totally agree with @Tiny_Coast - focusing on your target market's language style is important. For my audience, I try to remember that most of them are new to terminology that I use, so I keep an eye on forums, Facebook groups, and the comment section on my YouTube videos to see what language styles I should focus my strategy on. Instead of optimizing a blog post for "single page header code injection installation" I would use more casual language like "add code to one page" I also want to add Pinterest suggested search to the list! They have a lot of data that prompts those suggestions, and while it might not be as fancy as SEMRush or Raven Tools it's great for brainstorming. 😊

Site URL: http://www.doodliostudio.com Hello, I noticed my IG feed wasn't updating and I went to "Connected accounts" as usual to reset data and reauthenticate. However when I try to re-authenticate, I get the pop-up window asking me to allow access to Instagram, I tap "Allow" and I get this message: {"error":"Could not find the requested ExternalAuthenticationRequest with name: IJGoowwbq3gOgVu5uNw3n4E3yWwlGfJkLShaLWo_","notFound":true} Same happens if I try to connect a new account. I checked my permission on IG and Squarespace is allowed. I tried to do this in two different browsers and I get the same error. Any idea what I'm missing here? Help and thank you!

On the Five template, the site logo can appear on mobile if you position the logo in the banner instead of the header. You can set this in Site Styles, by setting the Banner Content tweak to "Site Title Logo Tagline". However, if the site logo is in the header (as it currently is) then the logo will always be replaced by the site title. It isn't possible to change this with some simple CSS, it will require some JavaScript (and therefore a Business plan or above).

Curious! What happens if you replace the code that Tuan provided with this: #mobile-navigation-title a { font-size: 20px!important; }

Amazing thank you!

Tracking is everything. Let me say that again: Tracking is everything. Traffic delivery is not a problem whether you want it from Google, Facebook or any other network. Media spend needs to be optimized month on month and this can only be done if you know which is the poor traffic and which is the good traffic. You won't know if you don't measure it. TOFU, MOFU, BOFU - tailor the adverts to the position in the funnel your user finds themselves in. Take a contextual view of what that person knows about you when they click your ad. Don't deliver to the homepage always and expect people to take an interest! Even if the sector might not be appropriate for your own industry, we wrote a blog post to contextualize how the ad market is changing with tracking here and more zoomed out here If an ad-network makes a recommendation and you don't have good measurement, you will spend more money and not have a way to reconcile results. If it doesn't sound like a good offer to you, it probably isn't a good offer, so don't think you will make sales and get good results. Review the marketplace, look at your competitors, be better than them on everything. Cheers. G.

try /* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; padding: 1em; box-sizing: border-box; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 0 !important; padding-right: 0 !important; } } /* disable lightbox on mobile */ @media only screen and (max-width: 767px) { .gallery-masonry-lightbox-link { pointer-events: none; } }

try .post-type-store-item#thumb-guest-package-add-ons .grid-prices { display: none; } .ProductItem .product-price { display: none; }

Your logo only represents a very small area in the centre of the JPEG image, with lots of white space around it. It would be better to create a PNG file containing a larger version of the logo, with no white space (or very little) around it. The image should ideally be a PNG file that is 1500px wide.

Yes you can do something like what you want. Generally you'd create folders in the Main Navigation. Then in the folders you create Link pages that point to a page and URI fragment. Then within the page with areas you want to link to, you need to add code blocks before each of the areas, something like the following. <div id="mission" name="mission"></div> Without being able to see the pages in question and the site it is hard to be more specific.

That was so much fun!! 🥳I just had an absolute BLAST hanging out with @Sarah_SQSPsharing creative member area strategies with other Circle members in our webinar! So much fun 🙂 I'll be updating the recording to be released later... any last minute questions I should add to the Q&A section? Feel free to DM me or post here!

Just heard from Squarespace tech and, while the issue is not resolved, there is a workaround. If you use a Button Block, you can upload a PDF without getting the "status code 500" error. I created a non-linked, throw away page Added a Button Block Uploaded my PDFs Closed the throw away page and went to my live work page Linked the uploaded PDFs to the necessary text Hope this helps. Cheers.

You can use CSS pseudo to insert FontAwesome Unicode icon. If you share link to your site, we can help easier

@tuanphan Thank you for the proposal ! I soveld this by reading one of yours greatfull answer on the forum !

I basically just did exactly what you described in your email, @paul2009! Except I put the code in a code block in the footer. <div id="quick-exit"> <h4>QUICK EXIT: </h4> <p>Tap this bar at any time to immediately close this page and check the weather.</p> </div> Custom CSS: #quick-exit { position:fixed; top:0; left:0; z-index:9999; background:#8ae5e2; width:100% !important; padding:16px; text-align:center; } #quick-exit h4 {margin:0 !important;} #quick-exit p {margin:0.2em 0 0 0 !important;} Code Injection: <script> $(document).ready(function(){ $("#quick-exit").on("click", function() { window.open("http://weather.com", "_newtab"); window.location.replace('http://google.com'); }); }); </script> It works perfectly!! Exactly the functionality I wanted! Here it is in action if anyone wants to see: usafv.squarespace.com (password: Alaska). Thanks again @creedon and @paul2009 for all your help with this. I know my client will be so pleased to have this safety feature for those she serves.

It looks like this is an ongoing issue that Squarespace hasn't been able to fix in years, there are plenty of people who have had this problem... we need a fix to this problem soon! Please, squarespace, listen to your customers

Not really, I could take each of those and provide you with cases for how each was important and interrelated and impacting on search positioning. I would say that you need to start with perfection in terms of all the performance boxes and then work on content and match design and communication with intent of search query. G

With other pages, try this code body .Main { background-color: transparent; } body { background: #292b30; background: linear-gradient( -45deg , #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } @-webkit-keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

Try <!-- Fix inconsistent blog + event date format on Squarespace 7.1 template --> <!-- Squarespace Forum 03-08-2021 --> <script src="https://stevenlevithan.com/assets/misc/date.format.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var dateformat = "mm-dd-yyyy"; var timeformat = "H:MM"; var pubdate = document.querySelectorAll("time[datetime]:not([class*=event-time]), time[pubdate], time.blog-meta-item--date"); for (var i = 0; i < pubdate.length; i++) { var d = new Date(pubdate[i].getAttribute("datetime") || pubdate[i].innerText); if ( pubdate[i].classList.contains('blog-meta-item--date') ) { d = new Date(document.querySelector('[itemprop="datePublished"]').getAttribute("content").split("T")[0]).getAttribute("content"); } pubdate[i].innerHTML = d.format(dateformat); } var eventTime = document.querySelectorAll("time[datetime][class*=event-time]"); for (var i = 0; i < eventTime.length; i++) { console.log(eventTime[i].getAttribute("datetime") + " " + eventTime[i].innerText); var d = new Date(eventTime[i].getAttribute("datetime") + " " + eventTime[i].innerText); eventTime[i].innerHTML = d.format(timeformat); } var eventTimeSummary = document.querySelectorAll(".summary-metadata-item--event-time"); for (var i = 0; i < eventTimeSummary.length; i++) { var _24hrs = eventTimeSummary[i].querySelector(".event-time-24hr"); var _12hrs = eventTimeSummary[i].querySelector(".event-time-12hr"); _12hrs.innerHTML = _24hrs.innerHTML; } }); </script>

This is good thank you..

same here: our clients image uploads are cluttered with unused or meanwhile replaced images and no one is able to find what he/she needs. so they just upload another version of the needed file which results in even more useless and duplicate images (with different file names) ... this should be solved QUICKLY.

Please see the following. Let us know how it goes.

Hi, Use this code in Design -> Custom CSS div#ninja-elements.ix-block-ninja-custom-typewriter span { font-family: 'Poppins' !important; } Please use the like button if it helps you! Best, Leopold

Hi! You'll need to set the footer to an absolute or fixed position in the Custom CSS section. Try this, FYI this will only apply to the homepage, but if you want it applied everywhere just remove .homepage from it. .homepage #footer-sections { position: absolute; bottom: 0; top: auto; left: 0; width: 100%; z-index: 999; } If you need help let me know nick@nickscola.com

Squarestylist has a course on this. $197. https://www.squarestylist.com/shop/vertical-tabs or Will-Myers plugin ($10) https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace @WillMyers I wonder if it is possible to use CSS Flex to invert the bars from horizontal to vertical, to achieve the above effect? Or you can also add a Code Block >> Paste this CodePen code <!-- Source: https://codepen.io/skkhan/pen/MWWdXbb --> <!-- Tweak by @tuanphan --> <ul class="main-box"> <li class="box active"><span>Slide One</span> <div class="detail active"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> <li class="box"><span>Slide Two</span> <div class="detail"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> <li class="box"><span>Slide Three</span> <div class="detail"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> <li class="box"><span>Slide Four</span> <div class="detail"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> <li class="box"><span>Slide Five</span> <div class="detail"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> </ul> <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap'); body .main-box { display: flex; background: #000; margin: 70px auto 70px auto; padding:0; width: 991px; } .box { height: 322px; padding:15px; border-right: 1px solid white; webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; position: relative; overflow: hidden; list-style: none; } .detail { width: 85%; height: 100%; position: absolute; right: 0; top:0; background: white; color:black; opacity: 0; padding:30px; box-sizing:border-box; webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; -webkit-transform: translateY(100%); transform: translateY(100%); } .box.active { width: 70% !important; } .box.active .detail { opacity: 1; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; transform: none; } .box span { writing-mode: vertical-rl; font-size: 20px; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; letter-spacing: 4px; width: 40px; transform: rotate(180deg); font-weight: 400; cursor: pointer; position: absolute; left: 0; right: 0; margin: 0 auto; } .box.active span { left:25px; right:auto; margin:0; font-weight:600 } .box p { line-height: 23px; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> var getslide = $('.main-box li').length - 1; var slidecal = 30/getslide+'%'; $('.box').css({"width": slidecal}); $('.box').click(function(){ $('.box').removeClass('active'); $(this).addClass('active'); }); </script>

If the post is unrelated to this post make a new post. I can't promise I can help as I don't know what the challenge is. If you want to ping me just put @creedon at the top of the body post.

Try this in CSS: #block-00875c0b0eb68770e2f8 { h2 { margin-bottom: 0; } p.sqsrte-large { margin-top: 0; letter-spacing: 0.02em; } } Adjust the letter-spacing as needed

Having a human element in branded photography adds warmth and can set the tone. However, they must be of high-quality and be directly connected to the content. In other words, having a photo needs to add value and communicate a strong message rather than be an arbitrary element. Sometimes you really need a photo to break up the space on a web page, but make sure it says what you want it to.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. <style> /* begin hide product detail price, quantity, add to cart Version : 0.1d0 SS Version : 7.1 By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ .ProductItem-details .product-quantity-input, .ProductItem-details .ProductItem-product-price, .ProductItem-details .sqs-add-to-cart-button-wrapper { display : none; } /* end hide product detail price, quantity, add to cart */ </style> Please see the following to customize the button. Let us know how it goes.

custom css .yui3-lightbox2 .sqs-lightbox-overlay { background: #fff; }

That's not correct. The lightning bolt icon does not indicate an issue with website performance. It indicates that a lightweight or 'AMP' version of the link is available. AMP is available for blog posts, if the feature has been enabled in Settings > Blogging > Accelerated Mobile Pages. You'll see that there's no lightning bolt for non-blog pages on the same site.

I think setting caption position to fixed may solve it @media only screen and (max-width: 640px) { .lightbox-caption { position: fixed; bottom: 0; } }

Thanks but I got it working already, thanks to @bangank36!

Hi dear @ConeCake Thanks for choosing Ninja Kit! Please add me as admin collaborator to fix it for you! IXStudio[dot]net[at]gmail[dot]com Thank you! Best, Leopold

try adding this to design- custom css @media only screen and (max-width: 640px) { .header-display-mobile { display: block; } .header-title-logo { padding-left: 0 !important; } }

Add the following to Settings > Advanced > Code Injection > HEADER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://d1j8mu9lowy9zf.cloudfront.net/twcsl/0.1d7/twcsl.js"></script> Add the following to Event Settings > Advanced > Page Header Code Injection for the event page. <!-- begin add image tags between event list items Version : 0.1d0 SS Version : 7.1 Dependancies : jQuery twcsl Note : the code is comprised of several tags. all are needed for the full effect to work By : Thomas Creedon < http://www.tomsWeb.consulting/ > --> <script> const imageUrl = '[enter image url here between single quotes]'; </script> <!-- do not change anything below, there be the borg here --> <style> .twc-event-separator { display : block; margin : auto; margin-top : 68px; } </style> <script> $( ( ) => { if ( twcsl.eventPage.isDetail ) return; // bail if detail $( '.eventlist-event:not( :last )' ).each ( function ( ) { $imageTag = $( '<img class="twc-event-separator">' ) .attr ( 'src', imageUrl ) .insertAfter ( $( this ) ); } ); } ); </script> <!-- end add image tags between event list items --> Let us know how it goes.

I looked the complete website and just only one thing that I think you need to change is its navbar's height in my opinion its looking over lengthy. But overall its looking perfect.

Congratulations on your personal accomplishments in the world of sports and on your acquisition of a long list of clients. Your website conveyed your interest in sports from a participant's perspective. If I were seeking a photographer, there are some questions left unanswered. I did not recognize the answer to the customer's questions "What can this business do for me?" and "What tools, training, expertise, practical skills will enable him to do my job better than anyone else?" Take a look at the sites of other nature photographers, environmental photographers, or sports photographers (I'm not sure which market space holds your interest.) For instance, https://artwolfe.com/about/ https://www.chrisburkard.com/Pages/About It's the expected: Who, What, Where, When, Why and HOW. Good luck with the site! and good fortune on your adventures.

Site URL: https://www.greencondom.club/ Hey peeps, This is not a question per se, more like sharing a solution I found. I needed to make my website multilingual and multi-currency a while back. I really struggled to find solutions meeting my requirements, so I came up with a solution: Use Weglot for the translation (no page duplicate, can translate the checkout) Duplicate the shop section of my Squarespace site for the 2nd currency (and pay Commerce again) Set up Geotargetly to redirect people according to their location Use Datafeedwatch to list our products on Google Shopping and Facebook Catalog I wrote a detailed guide on how I've done it. Hopefully, it helps someone. Cheers

Add to Code Injection Header <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('<a class="sqs-editable-button checkout-button t-continue" href="/tienda"><span>CONTINUAR COMPRANDO </span></a>').appendTo('._28MW26vhi.checkout'); }); </script> <style> a.t-continue { margin-left: 10px; padding-top: 1rem !important; padding-bottom: 1rem !important; } </style>

My thoughts are that Squarespace needs to take this seriously, or else people may jump ship to another web builder. Since we have absolutely no control over these things to optimize performance, this may push people to start looking elsewhere. Hopefully they are planning on addressing this in a new version of Squarespace, such as 7.2 or 8. It's frustrating because for all of the great features within Squarespace, the beautiful templates and user-friendliness of the platform, there are several areas Squarespace ignores or drops the ball. In the years I've been using the platform, as an example, I don't remember any updates to the Form block functionality, even after other platforms such as TypeForm revolutionized web forms. But Core Web Vitals is the type of "con" to weigh so heavily, with no solution for optimizing performance, it may push even the most ardent supporters of Squarespace to look at other platforms. The first competitor to address this could see a lot of new subscribers, so hopefully it's something Squarespace doesn't just ignore, as there is a huge opportunity for them to steal people away from their competitors, rather than lose them.

Keeps happening to us at https://psychedelicsociety.org.uk/ too!

Hi - I thought it was just me! My site has been doing this also. It seems to happen when I'm tinkering with the meta descriptions and tags.

Yeah, that is just really poor user experience and takes away any kind of hierarchy on the site. A landing page should structurally be above any children pages that fall under it, so it's strange behavior to see <Services> on the same line as <services/page>. Hoping to find a workaround because it makes my site lack structure.

Hi everyone, Thank you for flagging this issue. We’ve noted this for our Design and Engineering teams to review, and they’ll use this feedback when implementing fixes and improvements in future releases. For any further questions regarding this issue, please reach out to the Customer Support team.

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!