PhotoView.io
Articles & Tutorials
Photographers13 min readBy PhotoView.io

Squarespace Gallery Embeds: Keep Photographers’ Portfolios Current

See how photographers can add Squarespace galleries, choose blocks or embeds, improve mobile display, and keep portfolios updated as new photos arrive.

Featured photograph for Squarespace Gallery Embeds: Keep Photographers’ Portfolios Current

Squarespace Gallery Embeds: Keep Photographers’ Portfolios Current

Photographer updating a live portfolio gallery

For most photography sites, the native Gallery Section or Gallery Block is the right call because it keeps styling, speed, and SEO under Squarespace’s control. Use an Embed block for oEmbed-friendly widgets, and a Code block when a provider hands you an iframe or script. If your portfolio grows fast and needs to update across multiple sites at once, a live-embed service built for photographers is worth a look.

TL;DR:

  • Squarespace 7.1 uses Gallery Sections, while 7.0 relies on Gallery Pages and Blocks; check your version before following setup steps.
  • Use an Embed block for supported services; providers that require an iframe or script need a Code block and a paid Squarespace plan.
  • Gallery Sections support up to 250 images; divide larger portfolios into topic based galleries and compress photos to reduce loading time.
  • Layouts can reflow on phones, and fixed width embeds may be clipped; test cropping, swipe controls, tap targets, and loading on an actual device.
  • Choose a live embed when portfolios change often or appear across pages; PhotoView updates galleries from its dashboard without editing each Squarespace page.
PhotoViewphotoview.ioKeep Your Portfolio CurrentPhotoView lets photographers update live website embeds from one dashboard, so new portfolio work can appear without editing each Squarespace page.Explore PhotoView

Table of Contents

Quick step-by-step: add a Squarespace gallery

Squarespace splits galleries into sections, pages, and blocks depending on which version you’re running, so check your site version before you start.

  1. Add a Gallery Section (7.1): open the page, click Edit, choose Add Section, then select Gallery and pick a layout.
  2. Add a Gallery Page (7.0): go to Pages, click the plus icon, and choose Gallery from the page type list.
  3. Add a Gallery Block: inside any page or post, click Add Block, search for Gallery, then use the Content tab to upload images or pull from your library.
  4. Add images: drag files into the block or section editor, or click Upload to pull from your computer.
  5. Add video: paste a direct YouTube or Vimeo URL for native support; for other hosts, paste embed code into the Embed Data field.

The core difference between versions matters here. Squarespace 7.1 relies on gallery sections built directly into the page layout, while 7.0 uses standalone gallery pages and separate gallery blocks you insert into existing content. If your editor doesn’t show the option you expect, you’re likely looking at steps meant for the other version.

When to use gallery sections vs gallery blocks vs gallery pages

Picking the right container depends on where the gallery sits on your page and how much control you want over its appearance.

  • Gallery sections (7.1): best for full-page visual displays, with built-in style controls for spacing, aspect ratio, and layout type, directly at the section level.
  • Gallery blocks: best for inline placement inside a page or blog post, so you can mix photos with text or other blocks around them.
  • Gallery pages (7.0): template-dependent and suited to standalone portfolios, often paired with summary blocks for custom index layouts.
  • Layout options: grid, masonry, slideshow, and reel are available depending on version, letting you match the gallery’s rhythm to your work.

Responsive behavior affects all three. Squarespace’s image guidance notes that layouts can shift across device sizes, so a grid that looks balanced on desktop might reflow into a single column on mobile. For photographers, that means testing your gallery on a phone before calling it finished, since cropping and spacing rarely translate one to one.

Embed a third-party gallery or custom widget: Embed block vs Code block

When a gallery lives outside Squarespace, whether that’s a proofing tool, a client gallery platform, or a live portfolio embed, you have two native options, and picking the right one saves time.

  1. Try the Embed block first. Click Add Block, choose Embed, and paste the provider’s URL. Squarespace will try to auto-detect it and show a “Successfully Located” confirmation.
  2. If auto-detection fails, look for an Embed Data option and paste the provider’s full embed code instead of the plain URL.
  3. If the Embed block still won’t render the widget, switch to a Code block and paste the complete HTML snippet, iframe, or script the provider gave you.
  4. Check your plan. Adding JavaScript or iframe embeds through a Code block requires a paid Squarespace plan such as Core, Plus, Advanced, Business, or Commerce.
  5. Confirm it’s visible to visitors. If nothing shows up while you’re logged in, click Preview and switch to Safe Mode, or open the page in an incognito window.

The practical difference comes down to the standard behind the embed. Embed blocks are built for oEmbed-supported services, while Code blocks exist for anything that needs raw HTML, JavaScript, or an iframe that doesn’t have native oEmbed support. Mixing up the two is the most common reason an embed just sits blank.

Pro Tip: When pasting embed code into a Code block, strip out any fixed width or height attributes, or wrap the snippet in simple responsive CSS, so the widget doesn’t force a fixed-width box that gets cut off on phones.

Photographer-focused best practices for performance and SEO

Getting a gallery live is only half the job. How you prepare the images and structure the page affects both load time and how well the work gets found; consider using Squarespace SEO Automation tools to improve your gallery’s discoverability.

  • Export for the web. Size images to the dimensions they’ll actually display at, and use compressed JPEG or WebP to cut file size without a visible quality hit.
  • Split large portfolios. Very large collections are easier to manage, and faster to load, when divided into topic-based galleries instead of one giant block.
  • Write real alt text and captions. Descriptive titles and alt text help both accessibility tools and search engines understand what’s in each image.
  • Set custom video thumbnails. Use the “Use Thumbnail” option on embedded video so the page doesn’t have to load a heavy video player before the visitor even clicks.

Squarespace’s own documentation points to a practical ceiling here: gallery sections support up to 250 images each, and pushing close to that limit in a single block can slow page loads. Splitting a 400-image wedding season into separate galleries by month or location keeps every page snappy.

Troubleshooting common embed and gallery problems

Most embed issues trace back to one of a handful of causes, and working through them in order usually finds the fix fast.

  • Embed invisible while editing: click Preview, switch to Safe Mode, or open the page in an incognito window to confirm visitors can actually see it.
  • Embed breaks on mobile: check the provider’s widget settings for a responsive toggle, since many third-party embeds default to a fixed width that doesn’t adapt.
  • Pages loading slowly: reduce images per block, turn on lazy-loading if the block supports it, or move a very large set to an externally hosted gallery built to serve optimized files.
  • Script or iframe refused outright: that’s almost always provider-side, so contact the widget’s support team rather than Squarespace, since Code blocks are explicitly unsupported customizations that can break with platform updates.

Keeping embedded galleries updated automatically as you add new photos

One frustration with native Squarespace galleries is that every new photo means logging back into the page editor and re-uploading. A live-embed workflow flips that around: you update the source gallery once, and the embedded version on your Squarespace page reflects the change without touching the page again.

With PhotoView, that works because the embed code you paste into a Squarespace Code block points to a gallery that lives on our platform, not a static snapshot. Add new images through PhotoView’s dashboard, reorder a set after a shoot, or swap out a cover image, and the embedded gallery on your Squarespace site updates on its own. There’s no need to re-copy embed code or touch the Squarespace page again unless you’re changing the embed’s placement.

For photographers who shoot weddings most weekends, or who run a rotating “recent work” section on their homepage, this removes a recurring chore. You curate once in PhotoView, publish from Lightroom when a shoot wraps, and the live embed carries the update everywhere it’s placed. Compare that with manually re-uploading 60 images into a Squarespace Gallery Block after every shoot, and the time savings add up fast over a season.

Keeping embedded galleries updated automatically as you add new photos — overview diagram

Managing multiple gallery embeds on one Squarespace site

A photographer’s site often needs more than one gallery: a homepage highlight reel, a dedicated weddings page, a commercial work section, maybe a blog post recapping a recent shoot. Managing several embeds on the same site works best with a bit of structure from the start.

Name each embed clearly in your own notes, matching it to the page and section it lives in, since Squarespace’s Code blocks don’t label themselves. If you’re running more than two or three live embeds, keep a simple reference list, page name, embed source, last updated, so you’re not hunting through the page editor to find which block feeds which gallery.

With PhotoView, each gallery you curate can be embedded independently, so your weddings page pulls from one gallery while your commercial page pulls from another, without the two ever mixing content. Updating one gallery’s photos never touches the others, which matters once a site has more than a couple of embedded sections. For photographers who sort client work and personal projects differently, that separation keeps the Squarespace side simple even as the number of embeds grows.

Using a custom domain with embedded galleries

If your Squarespace site runs on its own domain, say yourname.com instead of a Squarespace subdomain, your embedded galleries carry that branding automatically, since the embed renders inside your page regardless of where the gallery content is hosted.

PhotoView supports custom domains on its own plans as well, which matters if you ever want a gallery to work as a standalone destination in addition to being embedded. A photographer might embed a highlights gallery on their Squarespace homepage while also sharing a direct, custom-domain link to the full gallery for a client. Both point to the same curated set, updated from the same PhotoView dashboard, so there’s no risk of the embedded version and the shared link drifting out of sync.

Optimizing embedded galleries for mobile beyond basic responsiveness

Responsive layout is the baseline, but a gallery that merely fits a phone screen isn’t the same as one that feels good to browse on one.

Touch targets matter more than they do on desktop. If a widget supports swipe gestures for moving between images, confirm that works before publishing, since some third-party embeds only support click navigation and feel clumsy on a touchscreen. Check load behavior too: a gallery that lazy-loads images as the visitor scrolls, rather than loading all 80 photos at once, will feel noticeably faster on a cellular connection.

Test tap targets for captions or expand buttons, since small text links that work fine with a mouse cursor can be hard to hit accurately with a thumb. If your embedded gallery includes a lightbox or full-screen view, confirm the close button is large enough and positioned where a thumb naturally rests, usually a top corner, rather than buried in a toolbar. These details rarely show up in a quick desktop preview, so always finish testing on an actual phone before calling a gallery done.

Optimizing embedded galleries for mobile beyond basic responsiveness — overview diagram

Author perspective: embedding galleries as a working photographer

Native Squarespace galleries work well for a static body of work, but frequent updates expose the gap fast. On client sites where new shoots post weekly, re-uploading into page editors becomes the bottleneck, not the design. I lean on native galleries for small, mostly-fixed portfolios and reach for a live embed workflow, like the one PhotoView offers, whenever updates need to happen often and across more than one page.

— Mitch Russo

PhotoView: an option for live, embeddable photography portfolios

We built PhotoView around one idea: update your work once, and let it show up correctly everywhere it’s displayed, including inside a Squarespace Code block. Our platform handles secure storage for finished photos and video, publishes directly from Lightroom, and keeps live embeds current without asking you to touch the Squarespace page again.

  • We offer 30+ responsive portfolio templates, so your embedded gallery matches your visual style instead of fighting a generic widget look.
  • We support custom domains, multiple galleries, and mixed media, so weddings, commercial work, and personal projects stay organized separately.
  • Our embedding workflow is built specifically for photographers who update often and publish across more than one site.

PhotoView

Our Starter plan runs $3.99 a month or $39.99 a year, and every plan includes the full template library and live embed features, no upgrade required to unlock styling. See the full range of portfolio publishing solutions or start a trial to connect your first embed today.

FAQ

How do I add a photo to my Squarespace blog?

Open the blog post editor, click Add Block, and choose either an Image block for a single photo or a Gallery block for multiple images. Upload directly or pull from your existing image library, then adjust size and alignment from the block’s style settings.

Is Squarespace worth it in 2026?

Squarespace remains a solid choice for photographers who want built-in templates, native galleries, and straightforward hosting without managing a separate codebase. Whether it’s worth it depends on whether you also need frequent portfolio updates across multiple pages or sites, which is where a live-embed workflow like PhotoView’s complements the platform rather than replacing it.

How do I add a scrolling gallery in Squarespace?

In Squarespace 7.1, add a Gallery Section and choose the “Reel” or “Slideshow” layout option, both of which let visitors scroll or swipe through images horizontally. In 7.0, a Gallery Block offers a similar slideshow layout option from its style settings.

How do I embed something in Squarespace?

Add an Embed block and paste the provider’s URL for oEmbed-supported services, confirming the “Successfully Located” message. For providers using iframes or JavaScript, use a Code block instead and paste the full embed snippet, keeping in mind that JavaScript and iframe embeds require a paid Squarespace plan.

Can I keep my Squarespace gallery updated without re-uploading every time?

Native Squarespace galleries require manual re-uploads each time you add photos. A live-embed service like PhotoView avoids that by updating the embedded gallery automatically whenever you add or change photos in your PhotoView dashboard.

Recommended