PillShowcase Squarespace Hover Effect Plugin for Interactive Product Features

$25.00
  • Auto-detects your section color adapts perfectly to light, dark, orange, or any background

  • Smooth animated image transitions with glassmorphism text overlays

  • Works on any Squarespace 7.1 page no theme restrictions

  • Zero coding required copy, paste, replace placeholders, save

  • Fully responsive stacks into a clean horizontal pill row on mobile

  • Automatically inherits your site's heading and body fonts

  • Add unlimited pills, images, and feature overlays

  • Animated progress bar and slide counter included

  • Lightweight no external libraries, no page speed impact

  • Mobile Responsive

  • Auto-detects your section color adapts perfectly to light, dark, orange, or any background

  • Smooth animated image transitions with glassmorphism text overlays

  • Works on any Squarespace 7.1 page no theme restrictions

  • Zero coding required copy, paste, replace placeholders, save

  • Fully responsive stacks into a clean horizontal pill row on mobile

  • Automatically inherits your site's heading and body fonts

  • Add unlimited pills, images, and feature overlays

  • Animated progress bar and slide counter included

  • Lightweight no external libraries, no page speed impact

  • Mobile Responsive

FEATURES

Everything you need. Nothing you don’t.

Pure, purposeful, battle-tested on 800+ Squarespace sites worldwide.

Automatic Background Color Detection

Reads your Squarespace section's real background color at load time and adapts all pill borders, text, and overlay colors instantly. Light section, dark section, custom brand color it always looks correct without touching a single setting.

Works on Any Section Color

White, black, charcoal, terracotta, navy, orange place PillShowcase anywhere on your site. It detects and adjusts automatically every single time.

Fully Responsive on Mobile

On desktop, pills stack vertically on the left. On mobile, they reflow into a clean horizontal wrapping row across the top. Touch-optimized with zero tap delay. Your feature showcase looks sharp on every screen size.

Smooth Premium Animations

Images fade in with a cubic-bezier scale transition. Text overlays slide up with a blur-glass frosted effect. The result feels like a high-end product page not a Squarespace block.

Inherits Your Site Fonts Automatically

Reads your Squarespace 7.1 heading and body font CSS variables and applies them. No font settings to configure. Your brand stays consistent throughout.

Single Copy-Paste Install

The complete HTML, CSS, and JavaScript arrive as one file. Paste it into a Squarespace code block and the plugin is live. No Code Injection, no npm, no developer.

Trusted by 12,000+ Squarespace websites

★★★★★
3 weeks ago

"The Smart Filter Pro plugin is exactly what my store needed. Customers can now filter by colour, size and price without any coding. Sales went up noticeably in the first week after installing it."

LG
Luke Gannon
Squarespace Store Owner
✓ Verified
★★★★★
1 month ago

"I use the Mega Menu plugin across all my client sites now. Setup takes under 10 minutes and it auto-matches the site's colours perfectly. Clients are always impressed and think I built it from scratch."

EC
Elisa Carlotti
Squarespace Designer
✓ Verified
★★★★★
2 weeks ago

"Bought the Horizontal Scroll plugin and the instructions were crystal clear. Had it running in minutes with no developer needed. My portfolio section finally looks as good as I imagined it."

RD
R. Diehl
Marketing Consultant
✓ Verified
★★★★
5 weeks ago

"The template I purchased looked great right out of the box. Customising it to my brand took a couple of hours. Would have been 5 stars but I had a small issue with the mobile menu — support fixed it same day though."

IA
Iabukar A.
Online Store Owner
✓ Verified
★★★★★
2 months ago

"Support replied within a few hours when I had a question about the filter plugin on my Business plan. They walked me through it step by step. Genuinely impressive service for a one-time purchase at this price."

JV
Johan Vansch
Squarespace Circle Member
✓ Verified
★★★★★
1 month ago

"The Infinite Carousel plugin transformed my homepage completely. Visitors are spending much longer on the site and I've seen a real increase in enquiries since adding it. Best £25 I've spent on my business."

EB
Emese Beleznai
Brand Strategist
✓ Verified
★★★★★
3 weeks ago

"Purchased the coaching template and it was live on my domain the same afternoon. The layout is clean, the mobile version is flawless and I got my first new enquiry through it within 48 hours of going live."

VX
Vexya
Wellness Coach
✓ Verified
★★★★★
6 weeks ago

"I've been using Squarespace for years and always hit the same limitations. The Mega Menu plugin finally solved my navigation problem. It detected my fonts and colours automatically — zero manual adjustment needed."

MB
Mercedes Bradley
Photographer
✓ Verified
★★★★★
2 weeks ago

"Had the Mega Menu plugin live in under 10 minutes on my client's site. It pulled in the exact brand colours automatically and looked like it was custom built. My client was completely blown away."

LN
Lonnie N.
Small Business Owner
✓ Verified
★★★★★
1 month ago

"The Smart Filter Pro plugin saved me hours every week. My customers find products faster and my average order value has gone up since they started discovering items they wouldn't have found otherwise."

BH
Beth Hunter
Virtual Assistant
✓ Verified
★★★★★
3 weeks ago

"I've now bought three templates from Squarespell for different client projects. Each one is polished, well structured and takes minutes to set up. My clients genuinely think I spent weeks designing them."

KA
Kalle A.
Freelance Web Designer
✓ Verified
★★★★★
6 weeks ago

"The code is genuinely lightweight. I ran PageSpeed before and after adding the filter plugin and my score barely moved. For a SaaS founder performance is everything — this is the only plugin I trust on Squarespace."

TB
T. Bonovitch
SaaS Founder
✓ Verified
★★★★★
2 months ago

"As a web designer I'm picky about quality. Every plugin from Squarespell works exactly as described, looks great across all screen sizes, and needs zero tweaking after install. I recommend them to every client."

GN
Gionata N.
Web & Brand Designer
✓ Verified
★★★★★
5 weeks ago

"I tried two other filter plugins before this one. Both were clunky and broke my store layout. Smart Filter Pro detected all my product variants automatically on first load. This is now the only one I use."

FM
Freemanace
E-commerce Owner
✓ Verified
★★★★★
1 month ago

"Not a developer at all but the installation guide was so clear I had no issues. My course site looks completely professional now. I've already had students comment on how polished and easy to navigate it is."

PR
Pragya R.
Coach & Course Creator
✓ Verified

WHITE GLOVE SUPPORT

We don’t disappear after you pay

Every Squarespell customer gets real human support before, during, and after install.

Free Installation Help

Not sure which Section IDs to target? Send us a message after purchase. We’ll walk you through it step by step or install it on your site for you, free of charge.

Step by Step Documentation

A detailed written guide plus a video walkthrough showing exactly where to go in Squarespace. Everything arrives in your purchase confirmation email immediately.

Real Human Email Support

Every support message goes to a real person who knows Squarespace inside-out. We respond within 48 hours typically much faster.

Lifetime Updates Included

When Squarespace updates their platform, we update the plugin.

SS
Squarespell Support
Online now  ·  Avg. reply in 3 hrs
Hi! Will this work for both my shop products and blog posts on the same page?
Today, 9:41 am
Yes! Each carousel is scoped to its own section, so Shop and Blog run independently on the same page — no conflicts. Just paste the CSS into Custom CSS and the JS into Footer Code Injection. Done in under 10 minutes. 🎉
Today, 9:54 am
Just set it up — the infinite loop is so smooth and the hover effect looks amazing. Worth every penny! 🙌
Today, 2:18 pm
🛠 Free install help
💬 Real human support
⚡ 48hr response
🔄 Lifetime updates
Get your plugin + free setup help

No coding required  ·  Squarespace 7.1

FAQ

Common questions answered

  • Add a Code block to any Squarespace 7.1 page, paste the full PillShowcase code, upload your images via Custom CSS → Custom Files, replace the image URL placeholders and text placeholders, and save. The entire process takes under 10 minutes and a full screenshot guide is included with your purchase.

  • Yes this is the core feature. PillShowcase reads the actual computed background color of your Squarespace section at page load and automatically switches all colors to match. Dark section gets white-based ink. Light section gets black-based ink. Any color in between is calculated and handled automatically.

  • Yes. On screens below 680px, the vertical pill sidebar transforms into a horizontal wrapping pill row. Touch events are optimized with touchstart to eliminate tap delay. The image stage resizes proportionally. Everything works on iPhone, Android, and tablets.

  • No. All dynamic content your images, labels, headlines, and descriptions is replaced using clearly labeled placeholders inside the code. If you can add a code block and copy-paste text, you can install PillShowcase.

  • Yes. Duplicate one pill block, give it a unique key, add a matching image slide and text overlay with the same key, and update one line in the JavaScript array. Full copy-paste snippets and instructions are included in the setup guide.

  • No. The plugin uses zero external JavaScript libraries. All animations are CSS transitions. There is no measurable impact on page load speed or Core Web Vitals.

  • Squarespace 7.1 only. It is not compatible with Squarespace 7.0.

  • PillShowcase detects the background at page load time, so any theme or color changes you make in Squarespace automatically reflect the next time the page loads. No updates to the plugin code needed.

Still have a question? Email us →

ALSO FROM SQUARESPELL

More plugins to power your Squarespace site