How to Add a Before/After Gallery to Squarespace (Step-by-Step)

If your plastic surgery or med spa website runs on Squarespace, you've probably already hit this wall. You have great results to show. But Squarespace's built-in image blocks weren't designed for what you actually need.

This guide walks through your real options, what each one gets right, and where most setups fall short.

Why your gallery matters more than you think

Your before/after gallery isn't just a portfolio. It's where patients make up their minds.

Most people researching a rhinoplasty in Atlanta, a breast augmentation in Nashville, or Botox in Charlotte aren't reading your about page. They're going straight to your results. If what they find is hard to navigate or doesn't show someone who looks like them, they close the tab.

That's the gap worth fixing.

Option 1: Native Squarespace image blocks

Squarespace makes it easy to upload photos and place them side by side. You can add a before image and an after image, write a caption, and call it a gallery.

It works — technically.

There's no slider. No swipe interaction. No way for patients to filter by procedure or find results from people their age. On mobile, the layout often stacks awkwardly. For a patient who's still deciding whether to trust you with surgery, that friction is enough to send them somewhere else.

If you just need images on a page with no other requirements, this gets the job done. For anything more, you'll need a different approach.

Option 2: Separate pages per procedure

Some practices build individual pages for each procedure. A rhinoplasty results page, a facelift results page, a Botox before-and-after page, and so on.

This actually helps with SEO when done well. A page titled "Rhinoplasty Before and After Results — [Your City]" can rank for exactly the searches your patients are running.

The problem is maintenance. Every new case means updating multiple pages. There's still no interactive comparison, no filtering, no path from the gallery to booking a consultation. It scales badly and it doesn't give patients the browsing experience they're looking for.

Option 3: A dedicated gallery tool with an embed code (the right answer)

This is how most practices with strong galleries actually solve it. A purpose-built tool gives you a dashboard where you manage your cases, and generates a single snippet of code you paste into Squarespace once. After that, every case you add shows up on your site automatically. You never touch Squarespace again.

A script-based embed renders directly inside your Squarespace page rather than loading in a frame. It respects your page width, works on mobile, and lets patients drag a slider, filter by procedure, and find results from patients with similar demographics.

Here's how to set it up:

1. Go to the page where you want the gallery — usually a "Before & After" or "Results" page.
2. Click the plus sign to add a block, then select "Code."
3. Paste your embed code into the editor and save.

That's it. The gallery appears and updates automatically whenever you add cases to your dashboard.

The compliance piece most guides skip

Photos stored in Squarespace's media library sit on Squarespace's servers. Squarespace does not offer a Business Associate Agreement for healthcare providers. If your patient photos are identifiable, that creates a HIPAA compliance problem.

A purpose-built gallery tool keeps photos in its own private storage instead. The code that lives on your Squarespace page is just a display layer, and your actual patient images never touch Squarespace. If your practice is a HIPAA covered entity, also make sure whichever gallery provider you choose will sign a BAA.

This matters more as state-level enforcement of healthcare privacy rules increases alongside federal HIPAA oversight.

What to check before you go live

Test your gallery on a real phone before anyone sees it. More than 70% of patients browsing aesthetic practices are on mobile. Things worth confirming: the slider responds to touch, filter options display cleanly, and a consultation button is visible without scrolling.

If you're writing content to support your gallery, internal links between your procedure pages and your results help both patients and search engines. See our guide on why your plastic surgery website isn't converting for more on how the gallery fits into the broader picture.

---

Proova works on Squarespace without a developer. One embed code, private storage, and patient filtering built in. Start free — no credit card required.