Squarespace Plugins, Scripting and Styling. 

If your Squarespace page is overloaded with hundreds of gallery images this free plugin is a great way to limit the number of gallery images in grid layout while having them all appear in lightbox view.

When an IFRAME embedded in a code block does not work on a Squarespace website the problem is usually that the embed IFRAME code is unsecure ( the IFRAME url begins with http:// ) and the page that contains the IFRAME code is secure (url begins with https://). 

If you use custom fonts on your Squarespace website you might have noticed 'font flicker' - also known as FOUT (flash of unstyled text) - the page initially displays in the default font and then swaps to the custom font, causing a distracting flicker. 

Here's a fix that uses CSS3 animations to hide the flicker. 

Squarespace automatically adapts your page layout for different screen widths but this can lead to some very long page lengths on mobile devices. 

This free css plugin optimises page lengths by reducing the number of summary block entries on mobile devices . 

Here's a free code plugin that forces PDFs to open in a new window rather than hiding your site by taking over the current browser window. 

This is a quick solution I just programmed for a client that allows displays a down arrow "scroll hint" locked to the bottom of the browser window that slowly fades out as the page is scrolled down and  quickly fades back in if the page is scrolled back to the top. 

Zoom in. Zoom Out. Shake it all about - Free CSS code to add to your Squarespace website that allows you to easily add cool rollover effects to whichever images you want. 

Here's a video walkthrough of a project I just completed for Dream Big that makes their site multilingual.

When viewing the Spanish version of the site any interface content that is hard coded in English is automatically replaced with Spanish translations. 

Get this FREE addon that allows you to install looping video backgrounds on Squarespace Cover Pages. This solution uses a locally hosted video rather than a video from YouTube, Vimeo or other streaming video services.  

I wanted to understand how people are engaging with my Squarespace website so I performed a test to measure visitor engagement and to work out whether single page “bouncing” visitors are engaging with the site at any level.  

The test results revealed that the vast majority of visitors interact and engage with the site, with only 12% not interacting at all. 

Squarespace Index pages don't trigger Google Analytics tracking for subpages loaded via Ajax.  This means you can't tell whether users are interacting with Index pages or just abandoning them. 

This article explains the problem and then demonstrates a custom script that enables this valuable analytics data to be tracked.

Here's a concise solution for creating hide/show text in Squarespace pages, using a Markdown Block and a jQuery script.

Long strings of characters with no spaces, such as urls, can break Squarespace comment layouts. Here's a quick fix.  

This jQuery script makes embedded YouTube, Vimeo and Instagram videos display correctly in responsive layouts. 

This article tells you how to easily track Squarespace form submissions in Google Analytics by adding a few lines of Javascript/JQuery to relevant pages. 

Find out how to embed the official Twitter feed widget into a Squarespace page to give a better user experience.