What’s worth knowing in the Squarespace world.
For designers, developers, and people building businesses around Squarespace.
15 Best Squarespace Gallery Plugins for Photographers
Squarespace is an excellent website platform for photographers. The templates are great and the platform is easy to use without any additional plugins. But that’s not why we’re here. These are some of the most popular Squarespace plugins for photographers.
The Lightbox Anything Plugin transforms how you showcase your photography on Squarespace. Create stunning lightbox galleries for easy image browsing, pop up client size charts for seamless product sales, or even embed behind-the-scenes videos right on your portfolio page. With options to customize appearance, organize images, and replace default lightboxes, your website will feel polished and professional. Its user-friendly setup, rave reviews, and $59 price point make the Lightbox Anything Plugin a smart investment for photographers seeking a more dynamic Squarespace experience.
Price: $59
Fight portfolio fatigue with this easy-to-use plugin! Add a dynamic touch to your Squarespace galleries, with images automatically shuffling every time a visitor loads the page. This keeps your best work feeling fresh and engaging, ideal for photographers who regularly update their website. You can customize exactly which galleries randomize, control the initial display, and you can try it out here or here by refreshing the page.
Price: $19
Transform your Squarespace galleries from standard grids to captivating masonry layouts! Ideal for photographers with a diverse portfolio, this plugin creates a dynamic, artistic feel that keeps visitors engaged. Showcase a variety of image sizes and orientations without sacrificing a clean aesthetic. Control which galleries have the masonry style, and get peace of mind knowing our support team is ready to help you achieve the perfect look.
Price: $19
Give your Squarespace galleries an extra touch of professionalism! This subtle image counter lets visitors instantly know the extent of your work, encouraging further exploration. Easily customize its appearance to perfectly match your brand aesthetic. With seamless compatibility and quick setup, it's an effortless way to enhance the user experience on your photography website.
Simplify gallery navigation with sleek dot indicators, offering a visually appealing and user-friendly way to explore images.
Features:
Effortlessly integrate dot navigation into gallery blocks and gallery sections (except list/auto layout sections).
Customize navigation dots with our CSS generator to fit your design.
Works flawlessly across all Squarespace templates.
Installation is straightforward, and you're backed by our top-notch support.
See a demo here
Transform your Squarespace carousels, lists, blog posts, slideshows, and galleries with the Spark Plugin's extensive customization options. Achieve the perfect look for your website with:
Unique Visual Styles: Choose from design-forward options like inset, card, or glassmorphism to make your content stand out.
Image Enhancements: Experiment with diverse image styles, hover effects, clickable indicators, and animated shapes to add visual interest.
Interactive Elements Create a dynamic user experience with hover reveals for text and images, encouraging deeper engagement.
Refined Galleries: Elevate your image displays with pre-designed gallery styles.
Give your Squarespace photography website powerful search and filtering options! Help visitors effortlessly find the exact types of images they're looking for, whether it's by category, tag, or even specific keywords. This plugin works seamlessly with your existing galleries, blog posts, and even product pages (perfect for photographers who sell prints). Easy to set up and customize, it elevates your site's navigation and keeps visitors engaged with your work.
Price: $70
Embed your Instagram feed to:
Expand your portfolio beyond curated website images, showcasing your latest work and creative process.
Build trust with potential clients through social proof (likes, comments, follower count).
Convert website visitors into Instagram followers, increasing your reach and booking potential.
Elfsight widget will help any type of business but works well for photographer because it allows you to showcae your images in ways you otherwise couldn’t.
A simple portfolio widget with different customization options from Elfsight.
This plugin lets you showcase your blog posts in a unique and engaging way. Perfect for photographers who want to:
Share Behind-the-Scenes Insights: Pair stunning images with the stories behind your shoots.
Create Client Case Studies: Walk potential clients through your process, from concept to final image.
Build Community: Expand on blog posts with additional resources, tutorials, or even client testimonials.
Price: $20
Let your Squarespace background images speak volumes! With this plugin, you can easily add captivating captions that enhance your visual storytelling. Perfect for photographers seeking to:
Elevate Portfolio Pages: Provide titles, locations, or creative inspiration behind your most striking work.
Infuse Branding: Use captions to reinforce your signature style (moody, minimalist, vibrant, etc.)
Offer a Gallery-Like Experience: Guide visitors through a curated selection of background images.
Price: $20
Showcase the intricate details of your photography with this seamless image zoom plugin. Give visitors an immersive experience, letting them explore the textures, compositions, and nuances of your work. Ideal for photographers specializing in:
Product Photography: Highlight craftsmanship and materials for e-commerce success.
Macro or Detail Shots: Draw viewers into the hidden beauty of your images.
Fine Art Photography: Allow potential buyers to appreciate the full artistry of your prints.
Price: $20
SEOSpace takes the guesswork out of Squarespace SEO. With its intuitive checklist, site-wide audits, and expert guidance, you'll transform your website into a powerful client magnet. Trusted by thousands of creatives, SEOSpace offers the tools to:
Showcase Your Best Work: Optimize image titles, alt text, and metadata to ensure your photos appear prominently in search results.
Enhance Client Experience: Improve site speed, navigation, and mobile responsiveness – factors Google prioritizes and potential clients expect.
Boost Local Visibility: Tailor SEO strategies to attract clients in your area, ideal for location-based photographers.
Save Time and Gain Confidence: No more endless SEO tutorials. SEOSpace provides clear instructions and support tailored to photographers' needs.
15. Before and After Image Slider
Showcase the transformative power of your photography with this easy-to-use before & after slider! Perfect for retouchers, portrait photographers, or anyone highlighting dramatic changes. Design the slider to seamlessly match your website's aesthetic, creating a polished and professional presentation of your work. No coding needed – let your images speak for themselves!
Price: $20
How to Create a Photo or Video Gallery Using Squarespace
When you use images or videos on your site, do you post them one at a time, or do you want them organized into a gallery?
Galleries can be a great option for a more compact design, and a good way to group multiple images or videos that share a theme or category. You can create slideshow galleries, carousels, and other sorts of galleries for your media on a Squarespace site, you just need to know-how. Luckily, you have me to help.
7.0 Gallery Pages
First up, let's talk about gallery pages. Squarespace 7.0 is more restrictive in design than 7.1, so rather than being able to add a gallery to an existing content page, you need to create a specific gallery page. If you want a gallery embedded in another piece of content, like a blog post, you need to:
Make a gallery page and fill it with your media.
Use a gallery block to pull content from the gallery page and embed it into your primary page.
Gallery pages are also somewhat limited. Their design and style come from the parent template, and you're not able to change very much about it without implementing custom code. You can, however, choose whether your gallery will be a grid, slideshow, stacked display, or carousel. You're allowed to have up to 250 pieces of media – photos and videos – in a gallery and can mix photos and videos in the same gallery.
On the plus side, adding a gallery page is easy. Simply log into your dashboard, click on Pages from the Home menu, and then click on Gallery. From there, customize the gallery page just like you would any other Squarespace page.
7.0 and 7.1 Gallery Blocks
Gallery blocks are slightly different from gallery pages. Where a page is a full, well, page on your site, a block is an element that can be used in a page. A gallery block can be used on a page, in a blog post, or on other parts of your website, and it can call its data from a gallery page or can stand alone.
Where you can use a gallery block depends on whether your site is on 7.0 or 7.1.
7.0 sites can put gallery blocks in any content area of their site.
7.1 sites can put gallery blocks anywhere a gallery section isn't supported. This includes blog posts, individual elements, and product infoboxes. Gallery blocks cannot be added to layout pages, collection landing pages, footers, or portfolio sub-pages.
NOV-2024 UPDATE: Beyondspace.studio published a freebie that can bring back Gallery blocks to Squarespace 7.1 sections (Classic and Fluid Engine) including the Existing gallery feature, you can check the detail steps by steps in this post.
To create a gallery block in both 7.1 and 7.0, click on any location where a gallery block can be added. Click to insert a gallery block. On the resulting block, the Content tab allows you to add your images or videos, while the Design tab allows you to customize the style and design of the block.
Which Is Better: Gallery Blocks or Gallery Pages?
Looking at the above, you might be wondering which of the two you should use. Which is better, blocks or pages, and why?
The truth is, they both have pros and cons. A lot depends on what your use case is. So, let's talk about the benefits of each. First up, the benefits of the gallery block:
Gallery blocks are consistent between templates on 7.0 sites. While the broad, general styling can change if you change your template, the format and content of a gallery block will remain if you wanted to make that change.
Gallery blocks are just that: blocks. In a page that can have multiple block types, gallery blocks work seamlessly with other kinds of blocks, like text.
Gallery blocks can be added pretty much anywhere on your site, as long as your template supports adding a block to whichever place you're trying to add it.
Gallery blocks can pull their content from a gallery page. That way, you can embed the same gallery block on several pages and, if you need to change an image in it, can simply change it on the gallery page and have the changes automatically reflected in the gallery blocks.
So what about gallery pages? They have a few benefits of their own.
They may have special features for specific templates on 7.0 sites. For example, Momentum allows full-bleed cropping instead of traditional cropping.
Gallery pages can be added to index pages, just like any other kind of major page type. If you're a media producer who has lots of individual galleries to share, this can be a great tool for a portfolio site.
Gallery pages can be added to summary blocks, the same way other page types can. This can allow for extra metadata and some other convenient features.
That all applies mostly to 7.0 sites. On 7.1 sites, you can't use gallery pages. You can, however, use gallery sections.
What About Gallery Sections?
Gallery sections are sort of like gallery blocks, made for Squarespace 7.1 sites. 7.1 sites can use both blocks and sections.
Gallery sections can be added to any page as part of the page content. They can't be added to areas of your site that don't use sections, such as blog posts or event pages. On those pages, you need to use the gallery block format.
To create a gallery section, your site has to be a 7.1 site. Log in and go to your Home menu, then click on the Pages menu and click +. Click page layouts, and choose Gallery, and choose one of the layouts for the gallery. You can change this later if you want without having to remake the gallery.
This opens up the new section editor. Add your title, press enter, and click edit on the page. From there, you can add images and change the style of the section. Once you're done, save and publish your section.
One of the biggest drawbacks to gallery sections on 7.1, as compared to gallery blocks on 7.0, is that they don't support video, only images. If you want videos in a gallery on a 7.1 site, you need to use gallery blocks, which might mean using a different page type.
Which should you use, between a block and a section, on 7.1?
Sections can only be used in layout pages, landing pages, and portfolio sub-pages. Conversely, blocks can be used in blog posts, event descriptions, and additional product infoboxes.
Gallery sections display just the gallery and cannot have other content added to their section. Gallery blocks display a gallery but can be added alongside other blocks.
Gallery blocks can display as slideshows, grids, carousels, or as stacked images. Gallery sections can be simple, strip, or masonry grids, or simple, full, or reel slideshows. Reels are similar to carousel blocks.
There are also some quirks about clickthroughs, lightbox functionality, and whether or not you can add animations to the gallery.
Keep in mind that you can still add individual images normally, all of the above are only restrictions on galleries.
Squarespace Image Guidelines
Galleries can have some quirks if you're trying to upload images in widely varying aspect ratios or dimensions. This is especially prominent on mobile websites, which can't adjust as easily as desktop sites. Squarespace recommends following their image formatting guidelines, which I've reproduced here.
Only use .jpg, .gif, or .png for images. Unfortunately, webp is not supported.
Try to keep image file sizes small. Especially for galleries, where dozens or more images will load at once, you want to minimize file sizes to speed up load times. The hard limit is 20 MB for a single image file, but Squarespace recommends aiming for under 500 KB.
Restrict what characters you use in file names. Squarespace only supports letters, numbers, underscores, and hyphens. They do not support accented letters, question marks, percents, or ampersands, as they can all cause code errors.
Your cap is 60 megapixels. To calculate your megapixel resolution, calculate the number of pixels across and tall, multiply those numbers by each other, and divide the total by 1 million.
Use RGB colors. CMYK will not display properly.
Generally, you want your images to be between 1,500 and 2,500 pixels wide. Larger images will squish down vertically, while shorter images can be stretched oddly. This varies depending on the size of the container gallery.
Create a descriptive filename. Squarespace uses the filename as alt text if no alt text is otherwise specified. Try to avoid writing a filename that is offensive or incorrect, for that reason. It's best to specify alt text, of course, but if you forget, this works as a backup.
Don't worry about DPI or PPI; these are measurements for print images, not for web images.
Most of this is either going to be done already by your camera or by image processing, but it's worth knowing just in case something is acting weird and you're not sure what it is.
Adding Videos to Galleries
As mentioned above, gallery blocks on both 7.0 and 7.1, as well as gallery pages (but not gallery sections) support video. How, then, can you add videos?
Unfortunately, videos cannot be uploaded directly. You need to go through a third-party video host to upload and host your videos and use the gallery system to embed those videos.
Squarespace directly supports embedding videos from YouTube, Vimeo, Wistia, and Animoto. Other video services, like DailyMotion, can work, though you need to use their provided embed code.
To add video, click on the + in a gallery to add a new piece of media, then choose video. You'll be asked for the URL of the video, or you can click on the custom code option to add embed code from an unsupported site. You can also choose your custom thumbnail to load instead of the full video, for site speed purposes.
If you want a video in a gallery that doesn't support it, your best option is to use some kind of software to convert the video into an animated gif file. This will usually result in a very large file, so you'll want to use other tools to optimize and pare down the gif, depending on the purpose of the file. Note that animated gifs don't carry audio, so this method doesn't work if you want context from audio with your video embed.
Other Styling Options
If you're looking for something a little more unique to make your image galleries stand out from the rest of the people using your template on Squarespace, one option is to buy a third-party custom template. I have several of these on my recommended plugins page.
Masonry Style Squarespace Gallery Plugin – This plugin works for both 7.0 and 7.1 sites, and gives you a simple masonry-style design for your galleries. You can choose to have it apply to all galleries or just specific galleries on your site.
Gallery: Randomize Image Order – This is a simple gallery plugin for both Squarespace 7.0 and 7.1, though it doesn't work on gallery sections. What it does is, well, what the name implies; it randomizes the display order of images in the galleries you use, whenever a visitor loads a page. It can apply to only specific blocks or all blocks and has a bit more configuration available.
Gallery Block Dot Navigation – You know how many sites have small dots beneath a gallery, particularly the ones with an automatic slideshow, to show you which image in the series you're looking at and how many more there are in the gallery? That's what this plugin does; it gives you those dots. It's simple and effective as an add-on to gallery blocks.
Gallery Image Counter – This one is quite similar to the above, in that it adds a simple "1/x" numerical counter to show the user which number image they're on in a gallery, and how large the gallery is. It's more compact than dots and is better for larger galleries.
My plugins aren't the only ones available, but they're the ones I recommend. If you have other ideas, or requests, feel free to let me know!
8 Best Squarespace Themes for Nutritionists
In the health and wellness industry, having a visually appealing and functional website is crucial for success. As a nutritionist, your website should not only provide valuable information about your services but also create a strong online presence that attracts clients. Squarespace is a popular platform for creating stunning websites, and while they offer a variety of templates, sometimes you need a little extra customization to make your site truly stand out. Enter third-party templates! In this fun and in-depth article, we'll explore some of the best Squarespace nutritionist templates available from third-party template designers. So, let's dive in!
1. Lakshi Squarespace Template
Lakshi is the perfect template for personal trainers and fitness enthusiasts looking to showcase their services. Designed with SEO and lead capture in mind, Lakshi features clear call-to-action buttons, an email form for generating leads, and a blog page for sharing knowledge. It's fully responsive and customizable, ensuring your website looks great on any device. Get Lakshi here:
2. Sarah Squarespace Template
Crafted specifically for health coaches and consultants, the Sarah template offers a fresh and modern design that promotes your services effectively. With strategic email opt-in forms, calls to action, and a dedicated services page, this template helps you position yourself as a pro in your field. Check out Sarah here:
3. Health and Nutrition Squarespace Template
This powerful template is perfect for businesses in the health and nutrition industry looking for a unique and effective website. Health and Nutrition includes everything you need to establish a strong online presence and start receiving more inquiries. Ideal for marketing coaching programs, memberships, or online courses. Get it here:
4. Rise and Shine Squarespace Template
Rise & Shine is a strategic, colorful, and sleek Squarespace Fluid Engine Template designed for service-based businesses, coaches, and consultants. Perfect for creative business owners looking to make a strong impression online, sell digital downloads, or showcase a portfolio of work. Discover Rise and Shine here:
5. Private Chef Squarespace Template
The Private Chef template is designed for private chefs, nutritionists, and health providers looking to create a delightful and personalized website experience. With colorful sections, overlapping images, and plenty of spaces to tell your story, this template helps you add personality to your profession. Customize it here:
6. Nutritionista Squarespace Template
Nutritionista is a minimalist Squarespace template for health and wellness providers. Its clean lines, bright spaces for imagery, and menus suit nutritionists, personal chefs, and other service-based businesses. Built on the Squarespace Fluid engine, it can be easily edited to match your branding and business. Explore Nutritionista here:
7. Nutrition Blog & Services Template
The Nutrition Template is perfect for nutritionists looking to post blogs about living a healthy lifestyle, diets, and self-care. This template excels at selling your nutritionist services to clients and includes a visually appealing blog layout. Get started with this template here
8. Pomelo Squarespace Template
Pomelo features a warm, peachy color palette and a modern design to help your website visitors feel motivated and energized. Ideal for nutritionists, naturopaths, or other holistic wellbeing businesses, Pomelo is available in two versions: Starter (6 pages) and Pro (13 pages). Check out Pomelo here:
Your website is an essential part of your nutritionist business. By leveraging third-party Squarespace templates, you can create a stunning and functional website that helps you stand out from the competition. Whether you're a personal trainer, health coach, or nutritionist, these templates offer a range of features and designs that cater to your unique needs. So, go ahead and unleash the power of third-party templates and watch your online presence grow!